Choisir un thème graphique et modifier le design

Pour choisir un nouveau thème, rendez-vous dans votre manager dans Configuration > Thèmes. 

Parcourez la liste des thèmes graphiques et retenez celui qui convient le mieux à l'apparence globale que vous souhaitez donner à votre site.

1. Vous pouvez choisir un thème en fonction de critères comme le secteur d'activité, les couleurs, le profil, ou par mots clés. 
2. En cliquant sur l'image d'illustration du thème, vous pourrez avoir un aperçu du thème. 
3. Vous pouvez ensuite visualiser le site de démonstration, tester le thème sur votre site pour avoir un aperçu en direct avant de faire votre choix.
4. Une fois que vous avez fait votre choix, vous pouvez appliquer le thème sur votre site. Vos contenus sont conservés, c'est uniquement l'apparence qui change.

Pour personnaliser le thème graphique, et modifier les couleurs, les dimensions, les largeurs, les marges et les bordures, vous n'avez pas besoin de mettre les mains dans le CSS.

Les thèmes sont conçus par nos designers et ces derniers vous donnent la liberté de modifier de nombreux paramètres avec les formulaires de personnalisation.

Vous allez pouvoir modifier le thème activé depuis votre manager dans Configuration > Apparence > Personnaliser.

Vous pouvez ainsi changer la couleur ou l'image de fond, les polices, les couleurs des textes et titres, l'apparence du menu, du pied de page, des boutons, des liens, et plus encore. De façon à obtenir un site unique, à votre image.

Dans notre système de gestion de design, vous avez un aperçu en direct des modifications que vous apportez à votre site. Vous pouvez ainsi prévisualiser le rendu des éléments que vous personnalisez. Pour voir par exemple si les couleurs que vous choisissez permettent d'obtenir un design harmonieux.

Si vous faites une erreur, n’hésitez pas à appliquer de nouveau le thème graphique afin d’annuler vos modifications.

Après chaque modification, validez le formulaire en cliquant sur le bouton Enregistrer pour conserver vos modifications.

Si vous n’êtes pas à l’aise avec la personnalisation du design de votre site, il est préférable de ne pas modifier le thème choisi afin de conserver un site propre et cohérent graphiquement.

Vous avez modifié un thème avec les formulaires de personnalisation de design, nous pouvons donc dire que vous avez créé votre propre thème.

Pour ne pas le perdre (en activant un nouveau thème par dessus ou en faisant une modification trop rapide), sauvegardez-le dans "Mes thèmes".

• En version gratuite, vous pourrez avoir un thème en cours et sauvegarder 2 thèmes.
• En Version Pro, Business ou E-commerce vous pouvez enregistrer jusqu'à 15 thèmes.

Pour cela, vous pouvez cliquer sur "Sauvegarder dans mes thèmes" directement sur l'aperçu du thème graphique que vous avez choisi. 

Pour vous permettre de choisir le design le plus approprié pour votre site il est également possible de tester un thème sans avoir à l'appliquer.

Vous pouvez ainsi avoir un aperçu de l'apparence de votre site sans aucun impact en ligne. Les internautes ne verront aucune modification tant que vous n'aurez pas appliqué le thème sélectionné.

Personnaliser le design d'un thème, c'est facile grâce aux formulaires mais il y a toujours la contrainte des paramètres modifiables. Si vous souhaitez modifier un paramètre qui n'est pas prévu dans le formulaire, il est toujours possible de le faire en CSS.

Faire appel à un designer ou à quelqu'un qui maitrise ce langage serait la façon la plus rapide, mais comme ce n'est pas très compliqué, nous vous invitons à lire ce tutoriel pour faire vos premiers pas en CSS. 

Editer la feuille de style

Sachez qu'il est possible d'éditer la feuille de style et de personnaliser votre design directement en CSS.

1. Pour cela, rendez-vous dans Configuration > Apparence > Personnaliser et cliquez sur l'onglet Avancé.
2. Attention, si vous personnalisez votre thème en CSS et que vous repassez ensuite ensuite en mode simple, vous perdrez toutes les modifications effectuées en CSS.

Surcharger en CSS

Pour ceux qui veulent personnaliser leur design en mode simple (avec les formulaires) mais qui souhaitent aussi ajouter du CSS, sachez qu'il y a une zone dans laquelle vous pouvez surcharger du CSS :

• Dans Configuration > Réglages > Zones éditables > Zones CSS supplémentaires. Le CSS viendra aussi surcharger le CSS du thème mais si vous changez de thème, il sera conservé.

Pour être en mesure d'utiliser cette fonctionnalité, vous devez avoir soucrit au préalable à la version Pro, la version Business ou la version E-commerce.