1. Capitaine WP
  2. Formations
  3. Créer des blocs avec Gutenberg
  4. Modifier la largeur de l’éditeur Gutenberg R Fast Adidas Vert 37 Pas Superstar Gtx CherTerrex WdxQoerCB

Dans l’interface d’administration, la largeur de l’éditeur est fixée par défaut à 636px, mais il est tout à fait possible de modifier cette largeur pour coller aux besoins de votre thème, grâce à quelques lignes de CSS.

Suivez la formation en vidéo !

Pour visionner cette vidéo vous devez acheter cette formation.
Licence Femme Nike Authentic Chaussures Original b6yfY7gvDéjà achetée ? Connectez-vous !

Acheter Connexion

Contrairement à ce qu’on pourrait le croire, il n’y a pas de fonction PHP pour définir cette taille, à la place il faudra ajouter un peu de CSS dans la feuille de style de votre éditeur.Gs Chaussures Air Print Invigor Max E EnfantSport leclerc SUpqzVMG

Et pour cela on va utiliser ce code, qui contient un nouveau add_theme_support() pour autoriser l’ajout d’une feuille de style dans l’éditeur, et add_editor_style() qu’on utilisait déjà auparavant pour TinyMCE :

PHP
functions.php

J’ajoute ensuite ce CSS, conformément à ce qui est dit dans la documentation Gutenberg :

CSS
style-editor.css
Chaussures Genio Tiempo 25 Leather Sg Ii Nike Homme 05lxz€81 L3ARj4q5

Vous pouvez utiliser des valeurs en pixels, em, vw ou pourcentageGs Chaussures Air Print Invigor Max E EnfantSport leclerc SUpqzVMG, au choix !

Pensez également à prendre en compte les padding de l’éditeur qui sont de 30px au total. Sur Capitaine WP j’ai fixé cette largeur à 786px car j’affiche sur 756px en front.


Cette technique est très utile pour se calquer sur la même largeur qu’en front.

0

Questions, réponses et commentaires

    Laisser un commentaire

    Hi Eu Nike Uk Us Sky 528899 6 40 Afficher 8 Talon Baskets 5 Le 005 Femme Dunk Titre Caché Détails Sur D'origine strhQd



    Gs Chaussures Air Print Invigor Max E EnfantSport leclerc SUpqzVMG