Comment utiliser les blocs WordPress Gutenberg

Publié: 2022-07-05

WordPress est le système de gestion de contenu (CMS) le plus populaire au monde. En termes simples, un CMS est une interface que vous utilisez pour contrôler les couches de votre site Web.

Chaque site Web se compose du front et du backend. L'interface est la couche visuelle, que les visiteurs voient lorsqu'ils accèdent à votre site, et elle est composée de différentes pages. Le backend est la couche sur laquelle vous travaillez pour contrôler le fonctionnement de votre site Web.

Les plugins sont un bon exemple de composants backend qui vous aident à ajouter des fonctionnalités à votre site Web, qu'il s'agisse de sécurité, de conception, de médias, etc.

L'un des types de plugins les plus importants est celui des constructeurs de pages. Les constructeurs de pages ont des fonctionnalités de glisser-déposer qui permettent aux utilisateurs de voir les changements en temps réel. Malheureusement, les constructeurs de pages peuvent ajouter du poids à votre site Web car ils utilisent toujours du code même si vous ne pouvez pas le voir. Le poids ralentit votre site Web, ce qui sabote votre classement dans les moteurs de recherche.

Avoir un site Web qui utilise un code propre, qui est léger et qui se charge très rapidement est vraiment important et est maintenant un facteur de classement pour les moteurs de recherche. Si vous souhaitez vous classer en tête des résultats de recherche, vous devez disposer d'un site qui vous facilite la tâche.

L'éditeur de blocs Gutenberg

En novembre 2018, WordPress a introduit un nouvel éditeur de blocs appelé Gutenberg.

Gutenberg vous aide à créer vos sites Web visuellement, par glisser-déposer, tout comme les plugins de création de pages. Cependant, ce n'est pas un module complémentaire tiers. Il est intégré au cœur de WordPress lui-même. Il utilise un code propre, est léger et est super rapide. De cette façon, Gutenberg vous permet d'être convivial pour les moteurs de recherche. Gutenberg permet aux débutants comme aux experts de créer très facilement des sites Web ultra-rapides afin qu'ils puissent se classer plus haut de manière organique.

Le compositeur est appelé « éditeur de blocs » car le contenu est classé en « blocs ». Les blocs sont un outil pratique pour vous aider à créer votre site. Ils vous aident à insérer, modifier, concevoir et réorganiser le contenu multimédia sans avoir à écrire de code personnalisé. De cette façon, vous pouvez vous concentrer sur la création de contenu engageant et de qualité sans avoir à vous soucier du code.

Les blocs sont très flexibles et vous permettent d'être créatif et de créer votre propre design de marque. L'une des meilleures fonctionnalités est l'option "blocs personnalisés" que vous pouvez utiliser pour créer des fonctionnalités uniques qui correspondent à l'esthétique de votre marque. Ne pas avoir à se limiter à des thèmes et fonctionnalités prédéfinis libère la créativité.

Gutenberg est plus qu'un éditeur

Gutenberg révolutionne la façon dont les pages, les publications et les produits sont créés, donnant à WordPress un avantage significatif sur les autres options CMS.

Malgré cela, Gutenberg est un changement controversé. Certaines personnes pensent que c'est un changement nécessaire, tandis que d'autres préfèrent la façon dont ils ont toujours fait les choses. Cependant, il ne fait aucun doute que Gutenberg n'est pas simplement un nouvel éditeur. Il ouvre de nombreuses possibilités de développements passionnants dans WordPress.

Comment utiliser l'éditeur de blocs Gutenberg

Maintenant que vous comprenez la différence entre l'éditeur de blocs Gutenberg et les constructeurs de pages WordPress classiques, apprenons-en plus sur l'utilisation de Gutenberg. De cette façon, vous pouvez voir de première main si l'éditeur de blocs Gutenberg est la bonne chose pour vous.

Lecture connexe : Un guide pratique pour utiliser Gutenberg

Comment ajouter du contenu dans Gutenberg

Si vous souhaitez ajouter un titre de page, vous pouvez simplement taper dans la section "ajouter un titre". Après cela, vous pouvez commencer à ajouter du contenu à votre page en tapant dans l'espace blanc ci-dessous ou en ajoutant un bloc. Nous avons mis en place un tutoriel de bloc Gutenberg pour vous aider à faire exactement cela.

Après avoir fait cela, vous avez officiellement commencé à concevoir votre article ou votre page. Éditer et déplacer le contenu que vous ajoutez est super facile si vous utilisez des blocs Gutenberg.

Ajouter des blocs à Gutenberg

Comme nous l'avons mentionné précédemment, le nouvel éditeur WordPress est appelé un "éditeur de blocs" car tout le contenu ici est divisé en blocs. Gutenberg propose de nombreux types de blocs pour tout type de contenu ou multimédia que vous souhaitez utiliser.

Vous pouvez ajouter un bloc simplement en cliquant sur le signe plus dans l'espace blanc ou dans le coin supérieur gauche. Lorsque vous cliquez dessus, Gutenberg vous propose quelques types de blocs que vous pouvez ajouter.

Il existe plus de 50 types de blocs parmi lesquels vous pouvez choisir. En cliquant sur "Tout parcourir", vous pouvez consulter tous les différents types de blocs et choisir le meilleur pour la tâche à accomplir. Il existe des types particuliers de blocs Gutenberg pour tout type de contenu, y compris le texte, les médias, la conception, les thèmes et les intégrations.

Édition de blocs dans Gutenberg

Après avoir choisi votre bloc idéal, suivez ses instructions pour créer votre contenu dans ce bloc. Vous pouvez répéter ce processus plusieurs fois et ajouter autant de blocs que nécessaire.

Vous pouvez modifier n'importe quel bloc en le sélectionnant, puis en affichant les paramètres de ce bloc. Lorsque vous choisissez un bloc, certains paramètres apparaîtront juste au-dessus. Vous pouvez utiliser les flèches pour réorganiser les blocs ou appuyer sur les points et les maintenir enfoncés pour faire glisser le bloc à l'emplacement souhaité.

Gutenberg vous permet également d'enregistrer un bloc en tant que "bloc réutilisable". En utilisant le plugin Advanced Custom Fields, vous pouvez créer des blocs réutilisables, qui peuvent être utilisés via Gutenberg. Ceci est important si vous créez des conceptions que vous réutiliserez à nouveau, car vous n'aurez pas à reconcevoir les choses à partir de zéro, et cela vous fera gagner du temps. Vous pouvez également utiliser différents plugins pour ajouter des blocs de section.

Un bloc de section WordPress Gutenberg est une fonctionnalité précieuse qui vous permet d'organiser plusieurs blocs dans une seule section. Tous les blocs Gutenberg standard ou personnalisés peuvent être ajoutés à une section, qui peut ensuite être utilisée comme un bloc entier.

Comment publier un article sur WordPress avec Gutenberg

Une fois que vous avez terminé l'édition, vous devez publier ou mettre en ligne votre article sur votre site Web. Vous pouvez commencer le processus de publication en cliquant sur le bouton "publier" dans le coin supérieur droit de votre page Gutenberg. Après avoir cliqué sur le bouton de publication, quelques options apparaîtront que vous pourrez modifier à votre guise.

Les paramètres de visibilité vous permettent de contrôler et de limiter qui peut voir votre contenu. Vous pouvez également programmer des publications pour qu'elles soient mises en ligne à une date ou à une heure spécifique. De cette façon, vous n'avez pas à appuyer manuellement sur le bouton de publication chaque fois que vous souhaitez que votre message soit mis en ligne. L'ajout de balises est également recommandé, car elles peuvent aider les spectateurs à trouver votre contenu.

Avant de continuer et de publier votre message, Gutenberg vous permet de prévisualiser son apparence sur différents écrans comme le bureau, la tablette et le mobile.

Lorsque vous vous assurez que tout est parfait, vous êtes prêt à publier votre contenu.

Maintenant tu sais

Le nouvel éditeur de blocs WordPress Gutenberg révolutionne la façon dont les pages, les publications et les produits sont créés. Avec Gutenberg, vous pouvez concevoir visuellement votre site Web sans savoir coder. Vous connaissez maintenant les bases de Gutenberg, comment créer un article et comment le publier.

Vous voulez essayer d'utiliser l'éditeur de blocs Gutenberg ? Propulsez votre site Web avec un hébergeur professionnel conçu pour WordPress.

Découvrez nos plans d'hébergement WordPress entièrement gérés pour commencer dès aujourd'hui.

Explorer les plans d'hébergement

Ressources associées

  • Comment comprendre WordPress Gutenberg : Au-delà d'un éditeur
  • Un guide de WordPress Gutenberg
  • Et si le nouvel éditeur Gutenberg de WordPress ne vous convenait pas ?