Le 6 décembre 2018, avec la sortie de WordPress 5.0, WordPress a beaucoup changé. Il namp;rsquoy a plus damp;rsquoancien éditeur de contenu tinymce, mais un nouvel éditeur de bloc nommé Gutenberg. Bien que le nouvel éditeur de blocs permette de faire quelque chose que n’auriez pas pu faire auparavant dans WordPress, il n’est pas toujours l’outil le plus intuitif lorsque asseyez pour la première fois. Pour aider à tirer le meilleur parti de votre nouvel éditeur de bloc, nous avons décidé de créer ce tutoriel pour aider à familiariser avec lamp;rsquoutilisation de lamp;rsquoéditeur de bloc pour effectuer le même type damp;rsquoaction que avez fait auparavant avec lamp;rsquoéditeur tinymce.
Que ayez mis votre site à jour vers WordPress 5.0 ou que utilisiez encore WordPress 4.9, ce tutoriel aidera. Note: Bien que le nouvel éditeur ait été appelé
Les paragraphes sont des blocs séparés les images sont des blocs séparés les vidéos YouTube intégrées sont des blocs séparés les titres sont des blocs séparés Tout est un quartier séparé. Dans ce tutoriel WordPress Gutenberg, je mentionnerai un peu
Mi dans le tutoriel, laissez moi montrer rapidement comment le faire avec précision. Il y a trois façons différentes damp;rsquoinsérer un nouveau bloc: premièrement, pouvez utiliser lamp;rsquoune des deux icônes plus. Ces icônes ouvrent une fenêtre contextuelle dans laquelle pouvez sélectionner le bloc à insérer:
Lamp;rsquoicône plus dans le coin supérieur gauche est toujours visible. Insérer un nouveau bloc à la fin du contenu. Cette icône plus namp;rsquoapparaît que si passez le curseur sur lamp;rsquoespace entre deux blocs existants. Vous permet damp;rsquoinsérer un nouveau bloc entre les blocs existants. Deuxièmement, pouvez également appuyer sur Entrée pour créer un nouveau bloc vide sous le bloc en cours de traitement. Vous pouvez ensuite utiliser lamp;rsquoicône la plus à gauche du bloc pour sélectionner le type de bloc à utiliser: Ces différents boutons auront plus de sens dans le tutoriel de lamp;rsquoéditeur de bloc.
Comment utiliser le texte dans l’éditeur de blocs WordPress commençons par le contenu le plus basique: le texte. Dans cette section, je vais montrer comment traiter le texte, le titre, les guillemets, etc., dans un paragraphe. Par conséquent, je vais également montrer comment insérer des liens et damp;rsquoautres paramètres de base. Ajouter différents paragraphes de texte il est facile de créer un nouveau texte dans un paragraphe: il suffit de cliquer et de taper comme avec lamp;rsquoancien éditeur. La seule différence est que chaque fois que appuyez sur Entrée, lamp;rsquoéditeur crée un bloc séparé pour le segment suivant: Ajouter un titre (H2, H3, H4) et damp;rsquoautres blocs de texte si voulez insérer un titre, une façon est damp;rsquoinsérer un nouveau bloc de titre:
Alternativement, pouvez utiliser la barre damp;rsquooutils pour convertir un bloc de paragraphe normal en titre: Lamp;rsquoarticle se poursuit comme suit: Vous pouvez utiliser la même méthode pour damp;rsquoautres blocs de texte, par exemple: liste de guillemets eccetera. Formatage du texte (alignement, couleur, etc.) Pour formater le texte, utiliserez deux zones. Premièrement, il y a
Déplacez la barre damp;rsquooutils. Cette barre damp;rsquooutils namp;rsquoapparaît que si ne lamp;rsquoavez pas dactylographiée activement. Vous pouvez modifier lamp;rsquoalignement ici pour ajouter en gras et en italique namp;rsquo pas lamp;rsquoapparence et la disparition des barres damp;rsquooutils formatées, pouvez également utiliser les paramètres de lamp;rsquoéditeur pour réparer les barres damp;rsquooutils en haut de lamp;rsquointerface, qui fonctionne plus comme lamp;rsquoéditeur tinymce classique:
Pour damp;rsquoautres options de formatage, telles que la couleur du texte ou la taille de la police, pouvez utiliser la barre latérale verrouillée (sélectionnée automatiquement lorsque cliquez sur un bloc). Par exemple, si cliquez sur un paragraphe, pouvez utiliser la barre latérale pour agrandir ou réduire le texte et ou changer la couleur du texte: Malheureusement, ces options sont différentes pour chaque bloc. Par exemple, ne pouvez pas changer la couleur du titre pour le moment à moins que namp;rsquoutilisiez un CSS personnalisé. Lamp;rsquoarticle se poursuit comme suit: Insérer un lien pour insérer un lien, cliquez sur le bloc contenant le texte à lier. Ensuite, localisez lamp;rsquoicône du lien dans la barre damp;rsquooutils de formatage. Une interface samp;rsquoouvre où pouvez ajouter un lien ( pouvez également cliquer sur le bouton pour ouvrir le lien dans un nouvel onglet):
Comment insérer du contenu multimédia (images, vidéos, etc.) Maintenant que avez une bonne idée de la façon damp;rsquoutiliser le texte dans lamp;rsquoéditeur de bloc, regardons un autre élément du contenu: les images et les vidéos. Insérer et formater une image (y compris du texte ALT) une façon damp;rsquoinsérer une image est damp;rsquoajouter un bloc damp;rsquoimage. Cela permettra d’accéder à la médiathèque WordPress (comme avec un ancien éditeur) ou d’insérer une image à partir d’une URL: Cependant, lamp;rsquoéditeur de bloc a également ajouté une nouvelle méthode
Un filtrage damp;rsquoimage plus facile. Maintenant, il suffit de faire glisser lamp;rsquoimage directement du bureau vers lamp;rsquointerface de lamp;rsquoéditeur:
Une fois lamp;rsquoimage insérée, pouvez utiliser la barre latérale droite: ajouter du texte alt pour changer la taille de lamp;rsquoimage pour lier lamp;rsquoimage à une URL spécifique pouvez également ajouter un titre en tapant directement sous lamp;rsquoimage: Insérer des vidéos (et damp;rsquoautres contenus intégrés) pour aider à intégrer des vidéos de YouTube, Vimeo et de nombreux autres services, lamp;rsquoéditeur de blocs offre un ensemble complet de blocs intégrés: Une fois le bloc sélectionné, il suffit de coller lamp;rsquoURL du contenu à intégrer:
Alternativement, pouvez simplement coller lamp;rsquoURL YouTube dans un bloc vide pour économiser vos clics: Vous pouvez utiliser la même méthode pour tous les autres types de contenu intégré. Comment déplacer et réarranger des blocs en utilisant l’ancien éditeur WordPress, devez utiliser couper et coller pour déplacer le contenu. Vous pouvez encore le faire avec le nouvel éditeur de bloc, mais ce namp;rsquoest pas parfait. Par exemple, bien que puissiez couper et coller du texte à partir damp;rsquoun bloc, un bloc vide à partir duquel le texte est coupé existera toujours, de sorte quamp;rsquoil namp;rsquoest pas exactement le même. Au lieu de cela, il est généralement préférable damp;rsquoutiliser les contrôles intégrés de lamp;rsquoéditeur de bloc.
Il y a deux façons de déplacer un bloc. Pour y accéder, passez le curseur sur le bloc à manipuler. Tout damp;rsquoabord, pouvez utiliser les flèches pour déplacer le bloc vers le haut ou vers le bas. Deuxièmement, pouvez également utiliser la fonction glisser déposer de la sélection pour déplacer le bloc namp;rsquoimporte où sur la page (pour activer la fonction glisser déposer de la sélection, devez placer la souris à six points entre les flèches): e 20 conseils pour une utilisation plus efficace de l’éditeur de bloc je veux le tutoriel WordPress Gutenberg
Ce qui précède décrit comment utiliser lamp;rsquoéditeur de bloc au niveau de base. Cependant, une fois que avez appris les bases, il y a beaucoup de conseils pour aider à utiliser lamp;rsquoéditeur plus efficacement. Je parle damp;rsquoinsérer de nouveaux blocs plus rapidement en utilisant « », de créer des mises en page de colonnes plus complexes, damp;rsquoéconomiser du temps en utilisant des raccourcis clavier, etc. Sur la base de mon expérience pratique avec lamp;rsquoéditeur, jamp;rsquoa i rassemblé toutes ces techniques dans une liste de plus de 20 techniques damp;rsquoéditeur de blocs pour aider à travailler plus efficacement. Lamp;rsquoun des avantages de lamp;rsquoextension du contenu avec plus de blocs lamp;rsquoéditeur de blocs Gutenberg est que namp;rsquoêtes pas limité à la collection par défaut de blocs. En utilisant le plugin de bloc Gutenberg tiers, pouvez ajouter de nouveaux blocs pour ce qui suit: liste de prix, galerie d’images, curseur, recommandations… en outre, pouvez désactiver le nouvel éditeur de bloc WordPress? Camp;rsquoest exact. Il est facile de désactiver le nouvel éditeur de bloc et de continuer à utiliser lamp;rsquoéditeur tinymce. En fait, nous avons écrit un article entier consacré à ce sujet. Apprenez comment désactiver l’éditeur de bloc Gutenberg de WordPress et continuer avec l’éditeur tinymce classique. Profitez du tutoriel WordPress Gutenberg! Que soyez l’éditeur Gutenberg ou l’éditeur de blocs WordPress, j’espère que trouverez ce tutoriel utile et que avez maintenant une meilleure idée de la façon de créer du contenu en utilisant le nouvel éditeur de blocs. avez des questions sur la façon damp;rsquoutiliser le nouvel éditeur de bloc, laissez un commentaire et nous ferons de notre mieux pour aider!
Tutoriel WordPress Gutenberg: comment utiliser le nouvel éditeur de blocs WordPress 5.0
