On dit que «le changement est la chose la plus constante au monde». Eh bien, la ligne l’implique parfaitement pour la communauté WordPress. WordPress, l’un des systèmes de gestion de contenu les plus populaires, a été lancé le 27 mai 2003. Et il a été le centre d’attention et a été crédité en tant qu’outil de création de site Web, de gestion de site Web et de système de blogs. plus populaire depuis. Mais serait-il possible pour lui de conserver sa position s’il était resté le même sans aucune mise à jour du système? Pas vraiment, non?
Cela n’a été possible que parce qu’il s’est toujours concentré sur sa poursuite de l’amélioration en tenant compte des exigences et de la commodité de ses utilisateurs. C’est l’une des raisons pour lesquelles vous avez plus de 60 millions d’utilisateurs aujourd’hui!
De temps en temps, des mises à jour sont apportées à la plate-forme, mineures ou majeures. Et vous êtes prêt à faire une autre mise à jour majeure. Le thème le plus discuté dans la communauté WordPress est WordPress Gutenberg! Oui,
Eh bien, nous ne comparons pas les éditeurs de cet article. Cet article se concentrera sur vous fournir un aperçu plus approfondi de l’éditeur WordPress Gutenberg pour ceux qui sont nouveaux dans ce sujet et comment utiliser WordPress Gutenberg sur votre site Web.
Alors, commençons par une brève introduction à Gutenberg WordPress.
Qu’est-ce que WordPress Gutenberg?
Gutenberg est un éditeur de texte. qui fournit une nouvelle façon de modifier le contenu WordPress. Mais c’est plus qu’un simple éditeur. Amenez votre expérience de création de contenu à un tout autre niveau. Cet éditeur de texte est nommé d’après Johannes Gutenberg, qui a introduit la presse à caractères mobiles dans le monde. Il s’agit d’une interface côté client construite avec React. React est une bibliothèque JavaScript flexible et déclarative pour rendre les interfaces utilisateur simples, évolutives et ultra rapides.
L’éditeur de Gutenberg est basé sur des blocs ce qui signifie que vous n’aurez pas une seule boîte normale. Au lieu de cela, des blogs pour différents contenus tels qu’un paragraphe, un bouton CTA, une image, etc. seront disponibles, ce qui divise les différents types de contenu en plusieurs blocs. La meilleure partie est que vous pouvez également repositionner les blocs en fonction de votre choix! Vous pouvez les déplacer vers le haut ou vers le bas et les placer exactement où vous préférez. De plus, si vous souhaitez apporter des modifications au contenu des blocs, cliquez simplement dessus et commencez à effectuer les modifications. Cependant, le besoin de blocage peut varier en fonction de la nature et du but d’un site Web. Ainsi, il vous permet de créer vos propres blocs personnalisés à votre guise.
Avant d’être introduit dans WordPress 5.0 en tant qu’éditeur de contenu, Gutenberg n’était disponible qu’en tant que plugin. La devise principale derrière l’intégration est de présenter une plate-forme d’édition plus conviviale pour les utilisateurs. En outre, les utilisateurs auront une ressemblance étroite avec la page ou le message qu’ils créent et sauront à quoi il ressemblera sur le front-end après sa publication! Oui, l’option d’aperçu en direct est présente dans l’éditeur actuel, cependant, la connexion est peu interrompue et nous n’avons pas toujours l’idée exacte de l’apparence du contenu créé sur le site.
L’inclusion de l’éditeur Gutenberg dans WordPress a fait les gros titres. Certains disent que c’est bien, tandis que d’autres soutiennent que l’éditeur de Gutenberg n’est pas une bonne idée pour le système de gestion de contenu populaire. Jetons donc un coup d’œil à ses avantages et ses inconvénients qui créent le buzz depuis un certain temps.
Avantages:
- Découverte rapide de l’insertion et du verrouillage
- Édition collaborative
- Colonnes de texte
- AUCUNE connaissance de codage requise
- Adapté aux mobiles
Les inconvénients:
- Le permalien ne peut pas être modifié
- Erreurs constantes
- Mauvaise critique
- Ne convient pas encore aux sites Web en direct
Cependant, Gutenberg est encore dans plusieurs semaines avant d’être inclus dans WordPress 5.0, il pourrait donc introduire des changements et des mises à jour majeurs avant le lancement.
Comment utiliser Gutenberg?
Maintenant, laissez-moi vous familiariser avec l’interface de Gutenberg. L’interface n’est pas extrêmement différente de l’éditeur TinyMCE. Ce qui le rend différent, c’est la zone de saisie avec différents blocs pour différents types de contenu. Voyons brièvement comment utiliser WordPress Gutenberg.
Blocs:
Ici, vous pouvez rechercher tous les blocs disponibles et communs dont vous avez besoin. Les blocs sont divisés en quatre catégories: blocs communs, formatage, mise en page et widgets.
Intégré:
Dans cet onglet, vous pouvez sélectionner les blocs pour intégrer divers audios, vidéos et autres contenus de divers sites Web et plateformes de médias sociaux populaires.
Pour clarifier les choses, laissez-moi vous expliquer comment utiliser WordPress Gutenberg pour créer un article avec un exemple. Comme il existe de nombreuses fonctionnalités, cette illustration ne comprendra que:
Puisque Gutenberg n’a pas encore été intégré, vous devez installer le plugin pour le moment.
Étape 1: Ajouter un titre au message Gutenberg
Alors, commençons par ajouter un titre au nouveau message. Pour ce faire, cliquez sur le champ où est écrit Ajouter un titre et donnez à votre publication un nom propre.
Étape 2: ajouter un paragraphe
Après avoir inséré le contenu textuel de votre message, commencez à insérer votre texte dans le champ sous le champ titre. Vous pouvez appuyer sur le bouton Entrée pour créer un nouveau bloc. Ou vous pouvez ajouter un nouveau bloc de texte en cliquant sur le bouton + et en sélectionnant un bloc de paragraphe.
Gutenberg vous permet également de modifier l’alignement et la mise en forme du texte. En outre, vous pouvez facilement ajouter ou supprimer le lien. De plus, vous avez un contrôle total sur l’apparence de vos textes.
Étape 3: ajouter une image
Pour ajouter une image à votre publication, sélectionnez une zone dans laquelle vous souhaitez ajouter l’image, puis survolez ce point. Cliquez ensuite sur le bouton + et sélectionnez un bloc d’image parmi les blocs disponibles. Cliquez ensuite sur télécharger ou ajouter à partir de la bibliothèque multimédia pour ajouter une image.
Étape 4: Liste
Pour créer une liste, comme à l’étape trois, sélectionnez un lieu, puis cliquez sur le bouton plus. Sélectionnez un bloc pour la liste. Écrivez simplement votre liste ou vos points.
Étape 5: Ajoutez le bouton CTA
Pour ajouter et personnaliser le bouton d’appel à l’action, recherchez d’abord le bloc de boutons. Donnez à votre bouton un nom pertinent, puis stylisez-le selon votre choix. Vous pouvez également insérer l’URL sur la page vers laquelle vous souhaitez rediriger vos utilisateurs après avoir cliqué sur le bouton.
Contrairement à l’éditeur de texte ci-dessus, vous n’avez pas besoin de connaissances en codage pour personnaliser votre bouton.
Étape 6: intégrez une vidéo YouTube
Si vous souhaitez intégrer une vidéo dans votre publication, le processus est presque similaire aux étapes mentionnées ci-dessus. Sélectionnez l’endroit dans l’éditeur où vous pensez que la vidéo est la meilleure et survolez cette position.
Clique sur le + puis accédez à l’onglet Incorporer. Après cela, sélectionnez le bloc YouTube et insérez l’URL. Voilà, votre YouTube sélectionné sera intégré à votre message.
Enfin, vous pouvez prévisualiser votre message lorsqu’il est terminé. La meilleure partie de Gutenberg que j’apprécie personnellement, c’est qu’il vous donne une idée exacte de ce à quoi il ressemble après sa publication.
C’est ainsi que vous pouvez créer un article simple et modifier le contenu à l’aide de WordPress Gutenberg.
Caractéristiques supplémentaires
Comme je l’ai déjà dit, il existe de nombreuses fonctionnalités supplémentaires dans l’éditeur Gutenberg. Certaines des autres fonctionnalités incluses dans WordPress Gutenberg sont:
- CSS supplémentaire
- Image de couverture / Image de héros
- Colonnes de texte
- Galerie responsive
- Tirer des citations et bloquer des citations
- Verset et bien plus
Enveloppez-le!
Comme le contenu est considéré comme roi, Gutenberg peut être la bonne inclusion car il place le contenu au premier plan. Son objectif principal est d’aider les utilisateurs à créer facilement du contenu et de leur fournir les options de personnalisation nécessaires. Avec ce nouvel éditeur, votre contenu n’aura plus l’air ennuyeux. Vous pouvez styliser chaque élément car chacun aura son propre bloc. Mieux encore, aucun créateur de page n’est nécessaire pour créer des mises en page complexes pour votre contenu.
L’éditeur Gutenberg consiste certainement en une personnalisation de contenu beaucoup plus impressionnante que l’éditeur par défaut. Par conséquent, il est sûr d’améliorer l’expérience de création et de publication de contenu. Et en parlant de ses problèmes, je suis sûr que les développeurs ne laisseront pas les utilisateurs insatisfaits.
Espérons que cet article vous a aidé à vous familiariser avec l’éditeur Gutenberg. Si vous avez aimé cet article, n’hésitez pas à consulter nos autres articles:
