Comment adapter les couleurs de mon site web ?

Si ce n’est déjà fait, commencez par vous connecter. Découvrez ici comment procéder.

Vous souhaiteriez adapter les couleurs de votre site web à votre vignette d’entreprise ? C’est très facile :

Astuce : notez au préalable les codes couleur que vous voulez utiliser. Vous pouvez également les demander auprès de l’entreprise qui a conçu votre logo. Notre éditeur utilise les valeurs HEX standard mais vous pouvez également introduire des valeurs RGB.

  1. Cliquez sur l'onglet « global styling » en haut de la barre de navigation.
  2. À gauche de votre écran apparaît une liste d’éléments. Cliquez sur la page « Global colors ».
  3. Un écran s’ouvre, dans lequel vous pouvez adapter les couleurs de votre site web.

Une liste avec toutes les couleurs utilisées sur votre site web s’affiche. Lorsque vous y modifiez une couleur, la modification est appliquée sur l’ensemble du site.

  1. Cliquez sur la couleur que vous souhaitez modifier.
  2. Une fenêtre affiche un nuancier.
  3. En bas à droite, vous pouvez introduire la valeur HEX de la couleur souhaitée. Cette valeur se compose d’un # suivi de six chiffres ou lettres. Si vous ne possédez que le code RGB, vous pouvez l’introduire via la notation rgba (000, 000, 000).
  4. Vous pouvez également rechercher vos couleurs préférées dans le nuancier.
  5. Une fois que vous avez choisi vos couleurs, cliquez sur « Save » à droite.

Astuce : idéalement, choisissez la couleur principale dans « Primary Spot Color 2 ». Choisissez ensuite une teinte plus claire que votre couleur de base dans « Primary Spot Color 1 » et une teinte foncée dans « Primary Spot Color 3 ». Sous les couleurs secondaires (« Secondary »), vous pouvez choisir une deuxième couleur moins importante. Cela vous permettra d’introduire un peu de variation sur votre site web. N’oubliez pas que le concepteur web a construit votre site avec ces couleurs et qu’il existe donc une logique sous-jacente. Adaptez dès lors vos couleurs avec prudence.

Vos adaptations sont immédiatement visibles sur votre site web. Pensez à visualiser votre site sur une tablette ou un smartphone. Pour procéder à une vérification efficace, cliquez en haut au milieu sur les différentes icônes.

Une fois que vous êtes satisfait des modifications, n’oubliez pas de les publier sur votre site web. Elles sont alors immédiatement visibles pour vos clients. Pour ce faire, cliquez sur le bouton « Publish » en haut à droite. Dans une fenêtre, il vous est demandé de confirmer la publication. Cliquez sur « Yes ». Vous recevez un message vous confirmant la publication des modifications. En cliquant sur l’URL, vous pouvez voir vos adaptations.

Vous souhaitez introduire d’autres adaptations sur votre site web ? Consultez le Guide de démarrage sur notre site Academy.

Astuce : via « Preview », vous pouvez voir l’aperçu provisoire de vos adaptations. Le bouton « Preview » se trouve en haut à droite. Vous voyez apparaître un nouvel onglet contenant une visualisation des trois formats d’affichage (ordinateur, tablette et smartphone). Ainsi, vous pouvez voir si tout est correctement placé.

Vous n’êtes pas satisfait des adaptations ou vous avez commis une erreur ? Pas de problème. Vous pouvez annuler jusqu’aux 30 dernières modifications. Pour ce faire, il suffit de cliquer sur l’horloge en haut à droite. Cliquez sur la dernière action que vous avez exécutée et ensuite sur le bouton « Apply ». Vous voyez maintenant apparaître l’ancienne version.

Vous avez des questions ? Vous rencontrez des problèmes ? N’hésitez pas à nous contacter par téléphone au 078 15 15 25 (tarif zonal) ou par e-mail à l’adresse info@fcrmedia.be.