Advanced Gutenberg: CSS personnalisé

 

le Advanced Gutenberg La configuration vous permet également de définir des extraits de code CSS personnalisés pouvant être utilisés dans votre éditeur et les options des balises HTML. Pour utiliser des styles personnalisés, accédez à la Styles personnalisés une page de Advanced GutenbergA gauche du menu.

Pour créer un nouveau style, cliquez sur le bouton «Ajouter une nouvelle classe» bouton en bas de la liste des styles. Vous pouvez modifier votre code CSS directement dans le champ CSS personnalisé.

 

styles-personnalisés-gutenberg

 

Toutes les modifications que vous apportez seront affichées dans la partie gauche de la page. Ils seront appliqués à la chaîne avec «Exemple de texte». Le texte situé au-dessus et sous la chaîne indique comment vos styles apparaîtront parmi le reste des éléments. Après avoir modifié votre style personnalisé, enregistrez-le à l'aide de la commande “Enregistrer les styles” bouton.


Pour appliquer un style à l'élément dans l'éditeur, vous devez sélectionner l'élément et choisir un style dans la liste déroulante nommée "Styles personnalisés". Pour revenir au style par défaut et supprimer tous les styles personnalisés, choisissez la commande "Paragraphe" option.

 

bloc de style css personnalisé