WordPress Gutenberg : Le guide complet de Gutenberg

WordPress Gutenberg : Le guide complet de Gutenberg

#image_title

<p>Ici&comma; nous allons couvrir une fonctionnalité qui nous est présentée depuis WordPress 5&period;0&comma; c&rsquo&semi;est le Gutenberg&period; Détendez-vous&comma; je ne parle pas de l&rsquo&semi;oncle effrayant Gutenberg et de son nouveau blog sur les astuces de cuisine&comma; ni de Johannes Gutenber&period; Je parle du nouvel éditeur de blocs pour WordPress &excl; Bien que lorsqu&rsquo&semi;il s&rsquo&semi;agit de ce bébé&comma; nous pourrions aussi bien parler d&rsquo&semi;un bijou précieux&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Jeu de mots mis à part&comma; ce nouvel éditeur a été introduit dans WordPress 5&period;0 et il est devenu un favori dans l&rsquo&semi;arsenal WordPress&period;<&sol;p>&NewLine;<p>Permet à un nouvel utilisateur n&rsquo&semi;ayant aucune expérience dans les pages Web&comma; d&rsquo&semi;être en mesure de produire une perspective décente pour son site&period;<&sol;p>&NewLine;<p>C&rsquo&semi;est un éditeur de blocs&comma; ce qui signifie que l&rsquo&semi;utilisateur a une interaction plus directe que jamais&period; Pouvoir créer des formulaires&comma; des tableaux et à peu près tout ce que vous voulez dans un message en quelques clics seulement&period; Pas besoin d&rsquo&semi;entrer presque n&rsquo&semi;importe quel code&period; C&rsquo&semi;est l&rsquo&semi;une des principales raisons de sa renommée&comma; donnant aux personnes ayant peu de connaissances une chance de se battre dans le monde développé par le Web d&rsquo&semi;aujourd&rsquo&semi;hui&period;<&sol;p>&NewLine;<p>L&rsquo&semi;aspect principal de l&rsquo&semi;éditeur ressemble à ceci&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;479&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;479&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;479&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;479&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Maintenant&comma; je sais que le concept d&rsquo&semi;éditeur de blocs est relativement nouveau pour certains&comma; nous allons nous y plonger un peu&period; UN « Bloc »Il s&rsquo&semi;agit essentiellement d&rsquo&semi;un élément de contenu que vous pouvez ajouter à votre éditeur&comma; avec différentes mises en page et modèles&period; Tout ce que vous ajouterez à votre message avec cet éditeur sera considéré comme un « Bloc”&period; Cela vaut pour les images&comma; les vidéos&comma; les paragraphes&comma; les galeries&comma; les tableaux de liste et plus encore avec l&rsquo&semi;ajout de plugins&period;<&sol;p>&NewLine;<p>Ici&comma; nous allons passer en revue quelques conseils et procédures d&rsquo&semi;utilisation de l&rsquo&semi;éditeur Gutenberg&period; Commençant par&period;<&sol;p>&NewLine;<h3 id&equals;"6g6je"><span id&equals;"Creating&lowbar;your&lowbar;first&lowbar;blog&lowbar;post&lowbar;and&lowbar;the&lowbar;basics"><&sol;span>Créer votre premier article de blog et les bases&period;<&sol;h3>&NewLine;<p>Ok ce n&rsquo&semi;est vraiment pas compliqué du tout&period; Nous implorons comme vous le feriez avec n&rsquo&semi;importe quel nouveau message en cliquant sur « Poste » et puis « Ajouter nouveau”&period; Suite cela va démarrer l&rsquo&semi;éditeur&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;102&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;102&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;102&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;102&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Maintenant&comma; chaque article devrait commencer par le titre&comma; n&rsquo&semi;est-ce pas &quest; C&rsquo&semi;est à cela que sert le premier bloc&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;609&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;609&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;609&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;609&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Une fois que vous en avez choisi un&comma; cliquez simplement en dessous ou appuyez sur « languette » sur votre clavier&comma; pour accéder à une autre section&period; Par défaut&comma; vous serez dans un nouveau bloc de paragraphe&period; Cela peut être modifié plus tard&comma; mais c&rsquo&semi;est l&rsquo&semi;approche la plus habituelle&period; Pour ajouter autre chose&comma; cliquez simplement sur le « &plus;” en haut à gauche ou à gauche d&rsquo&semi;un bloc préexistant&period;<&sol;p>&NewLine;<p>Cela ouvrira le menu du bloc&period; Il affichera une liste de tous les blocs disponibles et aura également une barre de recherche en haut&period; Sélectionnez la catégorie que vous recherchez&comma; puis sélectionnez le bloc souhaité&period; Au cas où la souris vous ferait vous sentir un peu noob&comma; vous pouvez rechercher le bloc souhaité en utilisant « &sol;Exemple-catégorie”&period;<&sol;p>&NewLine;<p>Maintenant que nous savons comment ajouter un bloc à notre message&period; Pourquoi ne pas en savoir un peu plus sur ce que nous pouvons en faire &quest; Après tout&comma; avec cette approche&comma; c&rsquo&semi;est tout ce dont nous aurons besoin&period;<&sol;p>&NewLine;<h3 id&equals;"4177l"><span id&equals;"Playing&lowbar;with&lowbar;blocks"><&sol;span>Jouer avec des blocs&period;<&sol;h3>&NewLine;<p>Tous les blocs sont livrés avec leur propre barre d&rsquo&semi;outils d&rsquo&semi;options en haut&period; Par exemple&comma; dans ce paragraphe de bloc&comma; nous pouvons voir la plupart des options que vous trouverez dans Microsoft Word&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;211&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;211&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;211&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;211&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>De plus&comma; chaque bloc a ses propres paramètres&period; Ceux-ci peuvent être trouvés à votre droite&comma; sur une colonne de votre écran d&rsquo&semi;édition&period; Désormais&comma; l&rsquo&semi;une des fonctionnalités les plus intéressantes pour les nouveaux arrivants est le glisser-déposer&period; Pour déplacer un bloc&comma; cliquez simplement dessus&comma; faites-le glisser puis déposez-le où vous le souhaitez sur votre message&period; Un bloc peut également être déplacé en utilisant les flèches à sa gauche&period;<&sol;p>&NewLine;<p>Si vous souhaitez optimiser votre flux de travail&comma; vous allez vouloir et enregistrer les blocs que vous concevez ou ceux que vous utilisez le plus souvent&period; L&rsquo&semi;éditeur Gutenberg est livré avec l&rsquo&semi;option d&rsquo&semi;enregistrer un bloc en tant que « réutilisable » un&period; Cela vous permettra de les avoir plus à disposition&period;<&sol;p>&NewLine;<p>Ainsi&comma; si vous souhaitez utiliser un certain bloc dans différents messages&comma; sans avoir à les créer à partir de zéro&period; Cliquez simplement sur l&rsquo&semi;option de menu dans le coin droit de n&rsquo&semi;importe quel bloc&comma; puis cliquez sur « Ajouter aux blocs réutilisables”&period; Donnez-lui un nom et enregistrez-le&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;286&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;286&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;286&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212299&lowbar;286&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Vous pouvez maintenant utiliser ce bloc comme vous le feriez avec n&rsquo&semi;importe quel autre&comma; il se trouvera dans la catégorie Réutilisable&period; Il peut également être trouvé en utilisant la barre de recherche&period; Les blocs réutilisables seront stockés dans votre base de données WordPress&period; Vous pouvez les gérer en cliquant sur l&rsquo&semi;option « Gérer tous les blocs réutilisables” dans le menu d&rsquo&semi;ajout de l&rsquo&semi;éditeur&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;358&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;358&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;358&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;358&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Ici&comma; vous pouvez modifier&comma; renommer ou supprimer tout bloc que vous avez stocké&period; Cela donnera la possibilité d&rsquo&semi;exporter un bloc particulier et de l&rsquo&semi;utiliser dans n&rsquo&semi;importe quel autre site WordPress&period;<&sol;p>&NewLine;<h3 id&equals;"4c1gb"><span id&equals;"Managing&lowbar;and&lowbar;Publishing&lowbar;options&lowbar;with&lowbar;Gutenberg"><&sol;span> Options de gestion et de publication avec Gutenberg&period;<&sol;h3>&NewLine;<p>Gutenberg facilite un peu la publication des métadonnées générées à chaque nouvelle publication&period; Ce sont&comma; entre autres&comma; la date de publication&comma; la catégorie et toutes les balises pertinentes&comma; les images qui sont présentées&period; Tout cela se trouve à droite de l&rsquo&semi;écran de votre éditeur&comma; dans l&rsquo&semi;onglet qui dit « Document”&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;479&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;479&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;479&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;479&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<h3 id&equals;"e4kbl"><span id&equals;"Plugins&lowbar;for&lowbar;Gutenberg"><&sol;span> Plugins pour Gutenberg&period;<&sol;h3>&NewLine;<p>Depuis sa sortie&comma; Gutenberg a été exploité par plusieurs plugins qui vous aident à ajouter des fonctionnalités à vos pages&period; Certains d&rsquo&semi;entre eux seront présentés ici&period;<&sol;p>&NewLine;<h4 id&equals;"3vmhh"><span id&equals;"WPForms"><&sol;span> <a href&equals;"https&colon;&sol;&sol;wpforms&period;com&sol;" target&equals;"&lowbar;blank" rel&equals;"nofollow noopener">WPForms<&sol;a>&period;<&sol;h4>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;128&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;128&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;128&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212300&lowbar;128&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Maintenant&comma; c&rsquo&semi;est le favori du public&period; Il ajoute essentiellement des formulaires à l&rsquo&semi;éditeur Gutenberg sous la forme d&rsquo&semi;un bloc de widgets&period;<&sol;p>&NewLine;<h4 id&equals;"aqk0"><span id&equals;"Atomic&lowbar;Blocks"><&sol;span><a href&equals;"https&colon;&sol;&sol;atomicblocks&period;com&sol;" target&equals;"&lowbar;blank" rel&equals;"nofollow noopener">Blocs atomiques&period;<&sol;a><&sol;h4>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Ce plugin est essentiellement une collection de blocs faciles d&rsquo&semi;accès et d&rsquo&semi;apparence cool&comma; à ajouter à l&rsquo&semi;éditeur Gutenberg&period; Vous aidera à ajouter de nombreux blocs de médias pour enrichir votre message&comma; plus de blocs signifie plus de possibilités&period;<&sol;p>&NewLine;<h4 id&equals;"j5me"><span id&equals;"Map&lowbar;Gutenberg&lowbar;Block"><&sol;span><a href&equals;"https&colon;&sol;&sol;wordpress&period;org&sol;plugins&sol;map-block-gutenberg&sol;" target&equals;"&lowbar;blank" rel&equals;"nofollow noopener">Carte Bloc Gutenberg&period;<&sol;a><&sol;h4>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;617&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;617&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;617&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;617&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Ce plugin est très explicite&comma; il ajoute essentiellement un bloc de carte qui permettra aux utilisateurs d&rsquo&semi;accéder à Google Maps&period;<&sol;p>&NewLine;<h4 id&equals;"56ref"><span id&equals;"WP&lowbar;Design&lowbar;Hub"><&sol;span><a href&equals;"https&colon;&sol;&sol;wpdesignhub&period;com&sol;" target&equals;"&lowbar;blank" rel&equals;"nofollow noopener">Centre de conception WP&period;<&sol;a><&sol;h4>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;451&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;451&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;451&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;451&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>WP Design Hub&comma; est une autre collection de blocs qui peuvent être ajoutés à l&rsquo&semi;éditeur Gutenberg&period; Cela fonctionne plus comme une bibliothèque en pleine croissance avec de nouveaux blocs créés en permanence par les utilisateurs&period; Il existe une version gratuite et une version payante avec plus d&rsquo&semi;options&period;<&sol;p>&NewLine;<h3 id&equals;"3o1gd"><span id&equals;"Working&lowbar;with&lowbar;the&lowbar;most&lowbar;standard&lowbar;blocks"><&sol;span>Travailler avec les blocs les plus standards&period;<&sol;h3>&NewLine;<p>L&rsquo&semi;utilisation de cet éditeur comme vous l&rsquo&semi;avez vu est un moyen simple de faire tout ce que l&rsquo&semi;ancien faisait&period; Mais plus rapidement et avec élégance&period; Introduisons cela plus en profondeur&comma; dans l&rsquo&semi;ancien éditeur&comma; vous vouliez souvent ajouter des images&comma; n&rsquo&semi;est-ce pas &quest; Avec Gutenberg&comma; c&rsquo&semi;est très facile à faire&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;403&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;403&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;403&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212301&lowbar;403&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Choisissez et ajoutez un bloc d&rsquo&semi;image&comma; et téléchargez ou sélectionnez simplement un fichier multimédia dans la bibliothèque&period; Vous pouvez également utiliser la fonction glisser-déposer&period; Faites glisser une image de votre ordinateur vers la publication et Gutenberg créera automatiquement un bloc d&rsquo&semi;image pour celle-ci&period; Vous devriez voir quelque chose comme ça&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;578&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;578&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;578&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;578&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;jpg"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>À droite&comma; vous pouvez modifier ou ajouter des métadonnées pour l&rsquo&semi;image&period;<&sol;p>&NewLine;<p>Si vous souhaitez ajouter un lien à votre message&period; Cela peut être fait en cliquant sur le « insérer un lien” dans la barre d&rsquo&semi;outils de chaque bloc de paragraphe&period; Ou vous pouvez cliquer sur « Ctrl &plus; K » sur votre clavier&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;379&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;379&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;379&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;379&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Vous pouvez également ajouter une galerie à votre message ou une vidéo&comma; de la musique peut-être&period; Tout ce qui est disponible sous forme de bloc peut être ajouté à votre publication à l&rsquo&semi;aide de Gutenberg&period; Il existe de nombreux plugins qui ajoutent des blocs&period; Mis à part ceux mentionnés ci-dessus&comma; avec cet éditeur&comma; créer vos messages n&rsquo&semi;a jamais été aussi simple et interactif&period;<&sol;p>&NewLine;<p>Je sais&comma; tout cela semble bon pour les débutants mais un peu inutile pour les développeurs plus expérimentés&period; Eh bien&comma; dans ce cas&comma; vous voudrez peut-être utiliser quelques astuces pour améliorer votre flux de travail&period;<&sol;p>&NewLine;<h3 id&equals;"b2j32"><span id&equals;"Tips"><&sol;span>Conseils&period;<&sol;h3>&NewLine;<p>Tout d&rsquo&semi;abord&comma; utilisez les raccourcis clavier&comma; je veux dire que cela s&rsquo&semi;appelle un raccourci pour une raison&period; Rappelez-vous&comma; utilisez le « &sol; » et lorsque vous tapez quelque chose&comma; Gutenberg affiche une liste des catégories de blocs disponibles&period; Vous pouvez également cliquer en haut à droite de votre éditeur pour afficher les options&comma; après cela il suffit de cliquer sur « Raccourcis clavier”&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;583&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;583&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;583&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;583&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Pensez également à utiliser le glisser-déposer pour tout contenu multimédia&comma; à moins que vous n&rsquo&semi;ayez quelque chose de différent en tête&period;<&sol;p>&NewLine;<p>Si cet éditeur est trop en dehors de votre zone de confort&comma; vous pouvez le désactiver et revenir à l&rsquo&semi;éditeur classique&period; Cela peut être fait en installant le plugin de l&rsquo&semi;éditeur classique&period; De plus&comma; les anciens messages peuvent être mis à jour et convertis pour utiliser le nouvel éditeur&period;<&sol;p>&NewLine;<figure><picture><source media&equals;"&lpar;max-width&colon; 768px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;191&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><source media&equals;"&lpar;min-width&colon; 769px&rpar;" data-lazy-srcset&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;191&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png 1x" &sol;><img src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;191&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" &sol;><&sol;picture><noscript><img decoding&equals;"async" style&equals;"" alt&equals;"WordPress Gutenberg &colon; Le guide complet de Gutenberg" src&equals;"https&colon;&sol;&sol;thebuzzly&period;com&sol;wp-content&sol;uploads&sol;2023&sol;04&sol;1682212302&lowbar;191&lowbar;WordPress-Gutenberg-Le-guide-complet-de-Gutenberg&period;png"&sol;><&sol;noscript><&sol;figure>&NewLine;<p>Voilà pour notre petit tuto de l&rsquo&semi;éditeur Gutenberg&period; Gardez à l&rsquo&semi;esprit que la plupart de ses fonctionnalités les plus profondes devront être découvertes par chaque utilisateur&period;<&sol;p>&NewLine;<p>Cependant&comma; nous avons couvert presque tout ce que cet éditeur a à offrir&period;<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;ranktoday&period;com&sol;wordpress-gutenberg-the-complete-gutenberg-guide&sol;">Source link <&sol;a><&sol;p>&NewLine;

Quitter la version mobile