Vous avez probablement remarqué que le contenu de l’éditeur de WordPress devient étroit – remplit beaucoup moins d’espace sur l’écran que d’habitude une fois que vous passez au thème Genesis Sample. Ce n’est peut-être pas un problème, mais ce n’est pas pratique si vous utilisez un écran haute résolution. Surtout si vous utilisez plusieurs colonnes dans les pages ou les articles.
Il y a deux façons de contrôler la largeur de l’éditeur WordPress en utilisant le thème Genesis Sample (ou dans la plupart des autres thèmes construits sur le framework Genesis) :
- vous pouvez modifier la largeur de l’éditeur de WordPress dans le thème Genesis Sample
- vous pouvez désactiver le style du thème Genesis Sample dans l’éditeur de WordPress
Je vais vous montrer les deux – n’hésitez pas à utiliser celle qui correspond le mieux à votre flux de travail.
Comment modifier la largeur de l’éditeur WordPress dans les thèmes Genesis
Par défaut, l’éditeur WordPress recherche les informations de style de l’éditeur Gutenberg dans les fichiers du thème actuellement actif. Le thème Genesis Sample a quelques CSS personnalisés pour l’éditeur WordPress dans ses dossiers. Donc, afin de modifier la largeur de l’éditeur, nous devrons modifier un fichier css.
Allez dans Apparence >> Editeur de fichiers de thème, et ouvrez le fichier lib >> gutenberg >> style-editor.css dans l’éditeur.
Pour rendre les blocs WordPress par défaut plus larges, vous devez modifier .wp-block max-width à un nombre plus grand. Par exemple, à 960px :
.wp-block {
max-width: 960px;
}Vous pouvez également modifier la largeur maximale des blocs plus larges ou pleine largeur :
.wp-block[data-align="full"] .wp-block[data-align="wide"],
.wp-block[data-align="wide"] .wp-block[data-align="wide"],
.wp-block[data-align="wide"] {
max-width: 1200px;
}Après avoir enregistré les modifications, le contenu de l’éditeur de WordPress sera plus large – pas besoin de faire des démarches supplémentaires.
Dans le même fichier css, vous pouvez modifier la taille des polices, changer la famille de polices, et d’autres éléments de l’éditeur WordPress pour vous assurer que l’éditeur WordPress ressemble à votre thème Genesis Sample personnalisé.
Juste un rappel – ces paramètres ne changeront pas la largeur du thème Genesis Sample pour les visiteurs de votre site. C’est seulement pour les administrateurs du site. Si vous voulez changer la largeur du thème Genesis Sample pour les visiteurs du site, cliquez ici pour le tutoriel.
Comment supprimer complètement le style du thème de l’éditeur WordPress
Si vous ne voulez pas que l’éditeur de WordPress ressemble à votre thème WordPress, vous pouvez désactiver le style du thème dans les paramètres de l’éditeur WordPress.
Pour ce faire, ouvrez un article ou une page dans l’éditeur de WordPress. Cliquez sur Options (trois points verticaux) en haut à droite de l’éditeur WordPress, et cliquez sur Préférences.
Dans la fenêtre contextuelle, désactivez le paramètre Utiliser les styles du thème.
Une fois que vous faites cela, l’éditeur WordPress Gutenberg utilisera les styles de thème par défaut – il n’essaiera pas de correspondre au style de votre thème.
