Éditeur Studio : Gérer les styles de votre site
Temps de lecture : 8 min
Gérez les styles de texte, les couleurs, les transitions de page et la largeur maximale du site en un seul endroit. La création d'un thème pour le site de votre client est un excellent moyen de gagner du temps et d'assurer la cohérence du design.
Comment puis-je accéder aux styles du site ?
Dans cet article, apprenez comment :
Modifier les polices et les styles de texte
Personnalisez le texte utilisé sur l'ensemble du site pour correspondre à l'aspect que vous souhaitez obtenir. Vous pouvez modifier les polices du site ou ajuster l'apparence des 9 styles de texte individuels (6 titres, 3 paragraphes).
Quelle est la différence entre les styles de police et de texte ?
Suggestion :
H1 à H6 sont des balises d'en-tête qui sont automatiquement attribués à ces titres. Le fait de maintenir une hiérarchie descendante de vos titres, conformément aux balises d'en-tête, facilite à la fois le référencement et l'accessibilité.
Pour mettre à jour un style de typographie :
- Styles de site de clique
à gauche de l'éditeur. - Choisissez ce que vous souhaitez personnaliser : une police ou un style de texte :
Polices
Styles de texte
.
en haut à gauche.
Ajouter des styles de texte à une page
Des titres et des paragraphes assortis sont disponibles pour que vous puissiez les utiliser à partir du panneau Ajouter des éléments. Cliquez sur Texte et faites glisser le style correspondant sous Thèmes de texte à l'emplacement souhaité.
Appliquer un style à un élément de texte
Vous pouvez également appliquer un style sur un élément de texte existant sur la page. Cliquez sur Modifier le texte sur l'élément et sélectionnez le style de votre choix dans le menu déroulant dans l'Inspecteur.
Remplacer les styles de texte
Si vous modifiez le design d'un élément de texte après avoir sélectionné un style (thème) pour celui-ci, vous créez un « remplacement de design ». Cela signifie que les mises à jour du style choisi ne s'appliquent pas à cet élément de texte.
Vous pouvez réinitialiser les éléments de texte avec des remplacements dans leur style d'origine. De plus, vous pouvez également appliquer les remplacements que vous souhaitez au style lui-même. Survolez Style et cliquez sur l'icône Plus d'actions 
pour sélectionner ce que vous souhaitez faire.
pour sélectionner ce que vous souhaitez faire.
Changer les couleurs du site
Définissez les couleurs du thème du site. Les couleurs du thème sont divisées en catégories, afin que vous puissiez les ajuster à des parties spécifiques du site. Personnalisez la plage globale d'une catégorie ou une teinte spécifique dans une plage.
Quelle est la différence entre les plages de couleurs et les couleurs ?
Suggestion :
Cette action affecte instantanément les éléments avec la couleur que vous souhaitez modifier. Par exemple, tous les éléments thématiques que vous avez ajoutés, ou d'autres éléments sur lesquels vous avez utilisé cette couleur.
Pour modifier les couleurs du site :
- Styles de site de clique à gauche de l'éditeur.
- Choisissez ce que vous souhaitez ajuster : une plage de couleurs ou une couleur individuelle :
Modifier une plage de couleurs
sur la plage concernée.
pour sélectionner une nouvelle couleur n'importe où sur votre écran.
Modifier une couleur spécifique sur la plage
Ajouter une transition de page
Ajoutez une transition de page pour rendre l'expérience de navigation plus attrayante pour les visiteurs. Une fois que vous avez choisi une transition dans le panneau Styles du site, elle apparaît sur toutes les pages du site.
Pour ajouter une transition de page :
- Styles de site de clique à gauche de l'éditeur.
- Cliquez sur Transitions de page.
- Sélectionnez une transition dans la liste :
- Aucun : Aucune transition n'est affichée lorsque les visiteurs parcourent les pages.
- Hors-saison : La page actuelle disparaît et la nouvelle page apparaît en fondu.
FAQ
Sélectionnez une question pour en savoir plus sur les styles de site.
Que fait la modification d'une seule couleur / plage de couleurs ?
Que se passe-t-il lorsque je mets à jour les styles de texte ?
Cela vous a-t-il aidé ?
|