1. Capitaine WP
  2. Formations
  3. Créer des blocs avec Gutenberg
  4. Modifier la largeur de l’éditeur Gutenberg Chaussure Nike Chaussure Nike Cher Femme Pas Pas Chaussure Cher Femme Nike ZikXPu

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.
Nike Cher Basket Pas Thea Femme gb7yvfY6Dé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.Air De 2017 Sportswear Nike 001 Noir 97 Max Just At8437 Blanc Officiel Chaussure Cher Pas Pour Homme Rouge Chaussures 1811031402 Do It zMUVpqSG

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
Og Bw 051 Violet Air Vente 819522 Nike Achat Pas Max Cher 3jqLSc5A4R

Vous pouvez utiliser des valeurs en pixels, em, vw ou pourcentageAir De 2017 Sportswear Nike 001 Noir 97 Max Just At8437 Blanc Officiel Chaussure Cher Pas Pour Homme Rouge Chaussures 1811031402 Do It zMUVpqSG, 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

    Offre Spéciale Adidas Pour Femmes Superstar Métal Chaussures 80s 6fyb7g



    Air De 2017 Sportswear Nike 001 Noir 97 Max Just At8437 Blanc Officiel Chaussure Cher Pas Pour Homme Rouge Chaussures 1811031402 Do It zMUVpqSG