Blogs

Tutoriel WordPress Gutenberg

Après des décennies de popularité en tant que CMS le plus polyvalent et le plus convivial, WordPress a toujours su fasciner ses utilisateurs avec des mises à jour techniques à la mode. Dans la dernière version 5.0, WordPress a introduit son nouvel éditeur visuel, c'est-à-dire "Gutenberg". Démystifions donc Gutenberg et Blocks. Voici l'histoire de WordPress Gutenberg et un court tutoriel WordPress Gutenberg pour vous aider à profiter de tous les avantages de l'éditeur Gutenberg.

Qu'est-ce que "Gutenberg"?

Matt Mullenweg a proposé une nouvelle approche pour remplacer l'éditeur WordPress classique dans WordCamp Europe 2018 appelé "Gutenberg", qui est compris comme un nom de projet pendant son développement. Dans le cadre de la sortie du 6 décembre 2018, emballée avec WordPress 5.0, le projet Gutenberg s'appelait désormais "WordPress Editor" ou "Block Editor" pour être plus précis. L'éditeur classique est devenu un peu daté selon les tendances actuelles des constructeurs de sites Web par glisser-déposer. Le résultat a été WordPress Gutenberg et un tout nouvel éditeur WordPress, conçu pour être similaire aux sites Web et aux outils de création de sites Web.

Il existe des milliers de thèmes disponibles, bien que beaucoup d'entre eux soient anciens. Voici quelques-unes des incroyables boutiques à thème nouvelles et mises à jour qui lancent des thèmes pour Gutenberg.

Plugins qui fonctionnent avec Gutenberg

C'est un tas de plugins disponibles sur le marché WordPress, mais tous ne fonctionnent pas avec l'éditeur Gutenberg, en voici quelques-uns qui le font.

Que sont les "blocs"?

Les blocs sont simplement des extraits de contenu. Il peut s'agir d'un paragraphe de texte, d'un fichier audio, d'une photo ou d'une galerie de photos, éventuellement même une vidéo ou un type plus dynamique, comme une liste de publications. C'est le fondement de l'expérience d'édition de Gutenberg WordPress. Les verrous sont utilisés pour créer des publications et des pages Web. Ce que les utilisateurs voient normalement emballé dans WordPress est le bloc standard intégré à Gutenberg et est disponible pour tout site WordPress qui utilise l'éditeur Gutenberg. Mais Gutenberg a été créé de telle manière qu'il permet aux programmeurs d'étendre et d'étendre les blocs disponibles. Les blocs peuvent être ajoutés à l'aide de plugins ou de thèmes. Par conséquent, les utilisateurs ont accès à des blocs supplémentaires au lieu de se limiter à des blocs standard.

Lorsque vous êtes dans WordPress 5.0, vous obtiendrez «l'éditeur de blocs» ou «GutenbergEditor» comme éditeur de texte par défaut pour 5.0. Aujourd'hui, nous nous efforcerons de vous familiariser avec le nouvel éditeur de blocs. Alors, sans plus attendre, plongeons-nous. Tout d'abord, pour créer un nouveau message, comme toujours, appuyez sur "Ajouter un nouveau" sous Messages et bang! ce que vous verrez est le tout nouveau bloc.

Cela semble très différent, non? Il n'y a pas de barre d'outils là-bas et aussi toutes ces choses obsolètes de l'éditeur classique. Sans plus tarder, familiarisons-nous avec les fonctions cachées et ces petits boutons.

Section supérieure:

Certaines des fonctionnalités de base de modification de publication, telles que Enregistrer dans le brouillon, Prévisualiser la publication et Publier une publication, sont également incluses dans la section supérieure. L'icône de la roue dentée révèle les paramètres qui sont visibles dans la barre latérale droite. Ici, vous pouvez basculer entre la vue de configuration "Document" et "Verrouiller".

La vue en coupe du document est très similaire à l'éditeur classique. Ici, vous pouvez également sélectionner le statut et la visibilité, les catégories, les étiquettes, les images d'entités, les attributs, etc. La vue en coupe de bloc vous permet de modifier les paramètres de tout bloc une fois qu'il est ajouté. Cette fonction permet de modifier très facilement la configuration complète de n'importe quel bloc et de modifier les caractéristiques telles que la taille de la police, les lettres majuscules et bien plus encore. De là, vous pouvez ajouter des couleurs d'arrière-plan individuelles à chaque bloc et même activer des classes CSS supplémentaires pour chaque bloc individuellement.

Enfin, les trois points présents dans la section supérieure révèlent des paramètres supplémentaires. De là, vous pouvez personnaliser l'apparence de votre éditeur de blocs. Vous pouvez choisir la vue des outils de bloc. Vous pouvez même choisir entre "éditeur visuel" et "éditeur de code". Il existe également des outils pour gérer les blocs réutilisables, créer des raccourcis clavier et copier le contenu et les options pour afficher et masquer les éléments du panneau.

Ajouter des blocs

Voici le jeu principal dans le nouvel éditeur, c'est-à-dire ajouter des blocs. Comme déjà mentionné ci-dessus, les blocs sont au cœur du nouvel éditeur de blocs. Chaque partie du coin supérieur gauche de la page de l'éditeur. Cela vous donnera un menu déroulant à partir duquel vous pouvez choisir le type de bloc souhaité conçu pour des objectifs spécifiques. En utilisant la barre de recherche, vous pouvez trouver les blocs corrects qui répondent à vos besoins.

Faites également défiler le menu et vous verrez d'autres blocs en fonction de ses fonctions de base. Ce sont des blocs, des formats, des widgets et des incrustations courants, etc. Choisissez simplement le bloc approprié que vous souhaitez, très facilement, en un seul clic.