Avez-vous entendu parler de Gutenberg, le nouvel éditeur visuel pour WordPress, qui remplace l’éditeur HTML conventionnel?
Sinon, ce sera bientôt le cas, car lorsque WordPress version 5.0 sera disponible, Gutenberg remplacera l’éditeur actuel.
Gutenberg est plus qu’une simple mise à jour du design esthétique.
Actuellement, vous pouvez vous concentrer sur la création de contenu, mais l’objectif ultime de Gutenberg est de proposer une personnalisation de la page complète et de rivaliser avec les grands constructeurs de pages.
Finalement, vous pourrez construire l’intégralité du site avec Gutenberg.
Gutenberg est-il d’accord avec vous?
C’est vraiment un moment passionnant pour devenir un blogueur WordPress.
Dans cet article, vous trouverez un guide Gutenberg très simple qui fournira les bases pour vous aider à démarrer et vous montrer ce qui est bon et ce qui est mauvais dans le nouvel éditeur.
Si vous ne pouvez pas attendre que Gutenberg plante le test, vous pouvez le télécharger maintenant.
Comment télécharger Gutenberg
Accédez au tableau de bord WordPress, puis à
- accessoires
- Sélectionnez “Ajouter nouveau”
- Trouver l’éditeur visuel Gutenberg
- Sélectionnez “Télécharger” et activez le plugin.
Maintenant que vous avez Gutenberg
Préparons donc un article du guide Gutenberg et montrons ce que vous pouvez et ne pouvez pas faire avec Gutenberg et espérons vous présenter quelques conseils et astuces en cours de route.
Votre guide de démarrage Gutenberg – Introduction au bloc
Gutenberg a l’impression de créer une page quand c’est la première étape de la création de contenu.
Tout élément ajouté à une page ou à un message est désormais appelé «Bloquer»
Les blocs Gutenberg vous permettent de créer des mises en page plus complexes que celles autorisées dans l’environnement de l’éditeur WordPress d’aujourd’hui
Vous pouvez avoir des blocs pour:
C’est ce que vous voyez lorsque vous démarrez un nouveau message ou une nouvelle page.
L’éditeur visuel / HTML que nous connaissons maintenant a un look très minimaliste.
Commençons donc par mon simple guide Gutenberg
J’ai créé ce guide complet que vous lisez avec Gutenberg et comme mentionné ci-dessus, j’utilise le nouvel environnement d’édition pour la première fois.
Ensuite, vous découvrirez immédiatement avec moi ce que j’aime des blocs de Gutenberg et ce que je déteste. Je vous donnerai également des trucs et astuces que vous découvrirez en cours de route. N’oubliez pas de les suivre.
Je mettrai également à jour cet article pour ajouter un signet ou communiquer avec nous afin que vous puissiez facilement retrouver votre chemin.
Nous allons commencer
Donc, lorsque l’écran de titre ci-dessus apparaît, ajoutez le titre de votre message,
J’ai l’intention d’utiliser le titre temporaire “Gutenberg Beginner’s Guide”
Ajoutez ensuite votre introduction initiale à l’article dans le bloc de texte, comme indiqué dans l’image ci-dessous.
Ajouter des photos à Gutenberg
Après avoir écrit l’introduction, j’aime ajouter une image à l’écran, dans ce cas la capture d’écran ci-dessus.
Il existe trois méthodes pour ajouter une image.
- Vous pouvez ajouter une image à l’aide de la barre d’outils accessible en cliquant sur le bouton plus + et en sélectionnant le bloc d’image.
- Vous pouvez également ajouter des images à l’aide du bouton de raccourci sous la zone de texte.
- Et bien sûr, vous pouvez ajouter du code source. Modifiez l’éditeur de blocs en code.
Après avoir ajouté l’image, vous pouvez cliquer dessus pour afficher les options d’alignement.
Vous pouvez aligner à gauche, déplacer l’image vers la droite ou vers la droite.
Il y a aussi la possibilité de modifier l’image à l’aide d’une bibliothèque multimédia et à partir de ce moment, les problèmes avec Gutenberg commencent.
Je comprends que lorsque vous modifiez une image à l’aide de la médiathèque, vous modifiez l’image telle qu’elle apparaît sur la page jointe ou, en d’autres termes, où elle est stockée. (Corrige-moi si je me trompe)
La page de pièce jointe est une page de contenu très mince, essentiellement une image et rien d’autre, et en raison du référencement, les pages de pièce jointe sont très mauvaises pour le référencement lorsque Google les remarque.
Yoast SEO a eu un problème récemment pièces jointes Pour certains utilisateurs, cela s’est avéré être un problème de référencement majeur.
Pendant que je travaillais sur le processus de création d’un article avec Gutenberg, je n’ai toujours pas trouvé de moyen d’ajouter l’attribut alt text ou image title, sauf revenir au code source pour ajouter le code HTML nécessaire ou revenir à l’éditeur classique.
Nos amis de WPBeginner expliquent les différences entre le texte Alt dans l’image et le titre de l’image, un excellent article intitulé:
L’ajout de descriptions et de balises alt était une fonction d’édition d’image disponible après avoir cliqué sur le bouton dans l’éditeur visuel d’origine.
Ce n’est pas une bonne nouvelle pour l’optimisation d’image SEO.
Il n’y a pas non plus de moyen simple d’attacher un lien à une image, vous pouvez donc cliquer dessus.
Par exemple, si vous souhaitez ajouter une bannière, vous devez l’ajouter en tant que bloc d’image, comme illustré ci-dessus, puis revenir au code source et ajouter l’URL au format HTML.
Ajouter des citations et des liens
Comme vous pouvez le voir ci-dessus, je me suis connecté à la ressource (WPBeginner) sur un devis de bloc.
Les citations de blocs sont idéales pour briser de gros blocs de texte qui facilitent la lecture d’un article.
Ils sont un excellent élément visuel des articles.
Voici comment je l’ai fait:
- Cliquez sur le bouton + pour ouvrir la zone de verrouillage.
- Sélectionnez un bloc budgétaire
- Ajouter un texte de devis
- Ajoutez un lien, si nécessaire
Vous remarquerez, si vous êtes un observateur, que l’exemple ci-dessus la capture d’écran de la citation de bloc est différent de la citation réelle montrée dans ce post.
La citation finale contient le texte d’ancrage avec l’en-tête h3 ci-joint pour des raisons de référencement.
Pour ajouter une balise h3, vous devez revenir au code source brut et appliquer la balise h3 au texte d’ancrage dans la citation de bloc.
Comme vous pouvez le voir dans la capture d’écran ci-dessus, il y a un bouton de raccourci H (en-tête), mais en cliquant dessus, il ouvre un nouveau bloc pour appliquer également l’en-tête.
La rubrique ne peut actuellement pas être appliquée au bloc budgétaire.
Si vous créez un blog de texte, vous ne pourrez pas non plus ajouter de titre au milieu d’un bloc de texte, vous devrez créer un nouveau bloc de texte pour ajouter le titre au début du nouveau bloc et continuer à écrire l’article.
Tous les liens ajoutés par défaut sont des liens finaux, et il n’existe actuellement aucun moyen de les arrêter sans ajouter l’attribut “ne pas suivre” comme code.
Vous avez la possibilité d’ouvrir le lien dans une nouvelle fenêtre en ajoutant un lien.
Ajouter des blocs de contenu intégrés à Gutenberg
Pour ajouter du contenu incorporé à votre publication, cliquez dans la zone de verrouillage et faites défiler jusqu’à Intégrer. Ensuite, vous verrez l’écran de verrouillage ci-dessous
Cliquez sur le type d’insert que vous souhaitez utiliser. Champ de lien fourni pour ajouter du code.
J’ai choisi YouTube, car c’est principalement ce que vous utiliserez lors de la création de contenu pour illustrer le processus d’ajout de vidéo.
Ajoutez simplement l’URL à votre vidéo YouTube et vous aurez la fonctionnalité vidéo dans votre message.
Que pensons-nous de WordPress Gutenberg?
Eh bien, Gutenberg fera peur à certains blogueurs chaque jour. Mais plus j’utilise les blocs système, plus j’aime ça.
J’ai récemment utilisé le site Web de gestion de contenu Wakelet pour créer des articles de blog très simples pour sauvegarder mon site Web Infobunny, et lorsque j’utilise Wakelet, vous remarquerez qu’il est possible de créer des blogs d’une manière très similaire à celle créée avec les blocs Gutenberg.
DANS Wakelet Vous pouvez ajouter du texte, des vidéos et des liens d’autorité pour classer votre contenu, vos images et même vos fichiers PDF.
Ajoutez simplement tout en tant que messages individuels à Wakelet et, si nécessaire, changez l’ordre pour créer l’article final et, en gros, Guttenberg Lock fonctionne.
Voici un exemple de l’un de mes blogs Wakelet: Quelle est l’importance des adeptes des réseaux sociaux?
Si vous avez l’habitude d’utiliser outils de création de page Lors de la création de publications et de pages, vous n’aurez aucun problème à utiliser Gutenberg.
Gutenberg ne devient pas vraiment un outil de création de page, car il ne peut pas simplement faire glisser et déposer des blocs avec d’autres fonctionnalités manquantes fournies par les développeurs de pages professionnels.
Pour être honnête, je préfère l’ancien éditeur HTML, mais c’est parce que j’y suis habitué.
Nous espérons avoir la possibilité de cliquer entre Gutenberg et l’éditeur HTML WYSIWYG actuel, et l’accès aux deux systèmes donnerait aux webmasters le meilleur des deux mondes.
En lisant sur Gutenberg, je comprends que l’éditeur traditionnel sera disponible en tant que module complémentaire.
Ce guide Gutenberg a été créé pour me donner une idée du fonctionnement de Gutenberg.
Je voulais être prêt pour le lancement inévitable d’un nouveau système qui échoue lorsque WordPress atteint la 5.0.
Vous apprenez un nouveau système en sautant simplement d’abord de toute façon.
Gutenberg a été conçu pour faciliter la création de contenu.
Et je suis sûr que ce sera pour ceux qui créent du contenu simple. Mais pour ceux qui veulent en faire plus, la courbe d’apprentissage sera plus longue et il y aura certainement des solutions de contournement pour ceux qui aiment leur référencement.
L’optimisation des images SEO est actuellement un problème.
Nous espérons que lorsque Gutenberg commencera le processus d’optimisation d’image, ce sera beaucoup plus facile.
Et si l’équipe de développement de Gutenberg ne fournit pas de meilleure solution, je suis sûr que les programmeurs externes ne seront pas prêts à proposer des solutions de blocs vraiment cool.
J’ai une grande question: «Les pages et publications de Gutenberg sont-elles compatibles? AMP: sites mobiles accélérés?
Ou des fonctionnalités plus compliquées seront ajoutées en faveur de la vitesse.
