Pour aider les personnes débutantes à la création et l’édition de sites, WordPress a introduit des blocs de contenu dans la version 5.0 (Gutenberg). Ces blocs sont des éléments individuels et personnalisables qui remplacent les cadres d’édition de texte et d’image standard.
Alors que l’éditeur de blocs soit sorti depuis un certain temps désormais, vous pouvez encore vous adapter à l’utilisation de blocs et tirer pleinement parti de leur potentiel. Ou vous n’avez peut-être aucune expérience préalable de WordPress .
Quoi qu’il en soit, nous couvrirons tout ce que vous devez savoir sur les blocs.
Que sont les blocs de contenu dans WordPress ?
Comme indiqué par la page d’assistance officielle de WordPress, les blocs de contenu “sont les matériaux permettant d’ajouter du contenu dans le nouvel éditeur de blocs WordPress”. Cet éditeur remplace l’éditeur TinyMCE utilisé par les versions précédentes de WordPress dans le but de rendre la conception des publications et des pages plus simple, plus facile et plus personnalisable via des blocs.
Pour aider à comprendre quels sont les différents blocs, n’héshitez pas à tester et apprendre à les employer en créant des pages tests dans votre site web. Ce engendrant, vous pourrez voir que vos en-têtes, images, paragraphes, vidéos, boutons, etc. sont tous des blocs distincts.
Il y a plusieurs une variété davantage large de blocs de contenu disponibles dans WordPress que ceux mentionnés ci-dessus, y compris, mais sans s’y limiter :
Galerie
Liste
Devis
l’audio
HTML personnalisé
Tableau
La navigation
Partie de modèle
Logo du site
Boucle de requête
Titre de l’article
Extrait du message
Publier une image en vedette
Catégories de messages
Balises de publication
Le plus grand changement ici est la segmentation des éléments WordPress individuels. Tandis que l’éditeur classique permettait aux propriétaires de sites de gérer et de manipuler tous les types de contenu sur une seule page partagée, l’éditeur de blocs est un nouveau paradigme qui unifie la façon dont vous interagissez avec WordPress quand vous modifiez du contenu et désormais des thèmes.
Que sont les blocs WordPress Gutenberg ?
Les blocs WordPress Gutenberg sont les mêmes que les blocs de contenu WordPress. “Gutenberg” est le nom du nouvel éditeur WordPress déployé avec la mise à jour de la version 5.0 en décembre 2018 et se concentre sur l’aspect visuel de la réalisation de site par rapport à l’approche textuelle plus confuse et compliquée des itérations précédentes de l’éditeur.
En pratique, Gutenberg offre un look très différent de l’éditeur TinyMCE. Voici l’éditeur précédent :
Et voici la version de Gutenberg :
Bien qu’il s’agisse d’un design beaucoup plus propre, ce qui se démarque vraiment, c’est le champ “titre” en qualité de bloc à part entière. Il n’y a pas de champ de texte en dessous – pour créer et du texte, vous devrez ajouter un bloc de texte. Vous voulez une image ? Déposez un bloc d’image. Chaque type de bloc propose ses propres personnalisations ; les en-têtes peuvent être en gras ou en italique, tandis que l’alignement et l’espacement peuvent être ajustés dans les publications. Plusieurs images peuvent être ajoutées dans une multitude de configurations et vous pouvez personnaliser les couleurs du texte et de l’arrière-plan.
Que sont les blocs personnalisés WordPress ?
Les blocs personnalisés sont fondamentalement tout ce qui va au-delà des blocs de base. Il s’agirait de n’importe quel bloc que vous construisez vous-même, et de nombreux autres blocs trouvés dans divers plugins ou thèmes .
Ceux-ci sont conçus pour combler un vide qui n’est pas comblé par les blocs de base intégrés à l’éditeur ou par des modèles de blocs, des modèles, des blocs réutilisables et d’autres fonctionnalités de l’éditeur.
La réalisation de blocs personnalisés est importante pour les clients qui souhaitent des fonctionnalités personnalisées ou qui utilisent une API privée qui ne peut pas être exposée, par exemple.
Vous pouvez trouver des exemples de blocs personnalisés créés par des membres de la communauté WordPress dans le répertoire des blocs de l’éditeur Gutenberg et insérer ces blocs sans quitter l’écran de l’éditeur.
A présent que vous savez ce que sont les blocs WordPress, voyons comment vous pouvez employer les blocs WordPress pour créer votre site.
Comment ajouter un bloc WordPress
Pour ajouter un nouveau bloc, vous cliquez sur l’une des icônes plus dans l’interface pour ouvrir le bloc d’insertion. Ensuite, vous recherchez et sélectionnez le bloc que vous souhaitez ajouter.
Pour ouvrir l’outil d’insertion de bloc complet, cliquez sur l’icône plus dans la barre d’outils principale. Ensuite, sélectionnez un bloc. Quand vous survolez un bloc, vous verrez un aperçu de ce à quoi il pourrait ressembler.
Vous pouvez aussi survoler un point précis de votre contenu et cliquer sur l’icône plus pour ouvrir une interface d’insertion de bloc plus petite. Si vous sélectionnez un bloc en utilisant cette approche, le bloc sera automatiquement inséré à l’endroit où vous cliquez sur l’icône.
Une fois que vous commencez à apprendre les noms des blocs, vous pouvez aussi insérer rapidement des blocs en tapant simplement une barre oblique (“/”) puis le nom du bloc. Quand vous commencez à taper, une liste de blocs correspondants apparaît. Si plusieurs blocs apparaissent, vous pouvez employer les flèches haut et bas de votre clavier pour sélectionner le bon bloc, puis appuyer sur Entrée pour l’insérer :
Comment personnaliser un bloc WordPress
Pour personnaliser un bloc, vous devez d’abord cliquer sur le bloc pour le sélectionner. Si vous rencontrez des difficultés pour sélectionner le bon bloc, vous pouvez ouvrir la vue de liste et sélectionner le bloc dans la liste – plus à ce sujet dans la section suivante.
Une fois que vous avez sélectionné le bloc, vous disposez de deux options principales pour personnaliser les blocs WordPress.
Avant toute chose, de nombreux blocs incluront certains paramètres de base sur la barre d’outils flottante. En règle générale, vous pouvez ajouter une mise en forme du texte, leur alignement et apporter d’autres modifications de base.
Ensuite, pour accéder à des paramètres plus avancés, vous pouvez employer les paramètres de blocage dans la barre latérale. Ces paramètres seront uniques pour chaque bloc et vous donneront un contrôle détaillé sur le fonctionnement de ce bloc.
Comment employer la vue de liste pour sélectionner des blocs
Dans les nombreux cas, vous pouvez sélectionner un bloc simplement en cliquant dessus. Cela dit, il peut y avoir des situations dans lesquelles il est compliqué de sélectionner le bloc précis que vous souhaitez. Ceci est particulièrement courant avec les blocs Columns ou Group, que nous aborderons plus tard.
Pour résoudre ce problème, vous pouvez employer la vue de liste dans l’éditeur de blocs. Quand vous ouvrez la vue en liste, elle affiche une liste de tous les blocs de votre message dans l’ordre dans lequel ils apparaissent.
Pour sélectionner un bloc, il suffit de cliquer dessus dans la liste.
Comment réorganiser les blocs WordPress
Vous avez deux options pour réorganiser les blocs WordPress.
Si vous avez seulement besoin de déplacer un bloc vers le haut ou vers le bas de quelques points, vous pouvez sélectionner le bloc, puis cliquer sur la flèche vers le haut ou vers le bas pour déplacer le bloc d’une position vers le haut ou vers le bas, comme indiqué dans l’image ci-dessous.
Pour plus de contrôle, vous pouvez aussi employer le glisser-déposer pour déplacer le bloc n’importe où sur votre page. Pour activer la fonction glisser-déposer, sélectionnez le bloc et cliquez avec votre souris sur l’icône des “six points” (aussi illustrée dans l’image ci-dessus).
Vous pouvez alors commencer à faire glisser le bloc vers son nouvel emplacement. Pour vous aider à vous assurer que vous êtes au bon endroit, vous verrez une ligne bleue apparaître là où le bloc se déplacera si vous relâchez votre souris.
Vous pouvez aussi employer le glisser-déposer pour réorganiser les blocs dans la vue liste.
Comment sélectionner plusieurs blocs
Dans certaines situations, vous souhaiterez peut-être sélectionner plusieurs blocs. Cela peut être particulièrement utile si vous souhaitez réorganiser plusieurs blocs en utilisant les méthodes ci-dessus.
Pour sélectionner plusieurs blocs, cliquez simplement sur votre souris et faites glisser, un peu comme si vous sélectionniez plusieurs paragraphes dans un document texte.
Pour plus de contrôle, vous pouvez aussi ouvrir la vue de liste et sélectionner plusieurs blocs en utilisant la méthode suivante :
Cliquez sur le premier bloc que vous souhaitez sélectionner.
Maintenez la touche Maj enfoncée sur votre clavier et cliquez sur le dernier bloc à sélectionner.
Tous les blocs entre le premier et le dernier bloc seront automatiquement sélectionnés
Comment mettre les blocs WordPress côte à côte dans les colonnes
Si vous souhaitez mettre des blocs côte à côte, vous pouvez employer le bloc Colonnes.
Avant toute chose, ouvrez l’outil d’insertion de bloc et ajoutez le bloc Colonnes. Quand vous ajoutez le bloc, vous serez invité à choisir votre structure de colonne préférée. Par exemple, vous pouvez employer deux colonnes égales ou faire une colonne plus grande que l’autre. Ou, vous pouvez employer plus de deux colonnes.
Une fois que vous avez ajouté la structure des colonnes, vous verrez des icônes « plus » dans chaque colonne. Vous pouvez cliquer sur ces icônes pour ajouter du contenu directement à chaque colonne, ce qui vous permet de placer le contenu côte à côte.
Pour la disposition des colonnes ultérieurement, vous pouvez les paramètres du bloc Colonne principal. Si vous rencontrez des difficultés pour sélectionner le bloc de colonnes, il peut être plus facile d’employer la vue de liste.
Comment regrouper les blocs WordPress ensemble
Le regroupement de blocs peut être utile dans certaines situations, comme l’application d’une couleur d’arrière-plan cohérente à plusieurs blocs.
Pour vous aider à y parvenir, vous pouvez employer le bloc Groupe.
Pour commencer, ouvrez le bloc d’insertion et ajoutez un nouveau bloc de groupe. Ensuite, vous pouvez cliquer sur l’icône plus à l’intérieur du bloc Groupe pour ajouter d’autres blocs de contenu au sein de ce groupe.
Si vous modifiez les paramètres du bloc de groupe principal, comme l’ajout d’un arrière-plan de couleur, cela s’appliquera à tous les blocs à l’intérieur du groupe. Vous pouvez aussi déplacer le bloc Groupe et tous les autres blocs resteront à l’intérieur.
Astuce – si vous rencontrez des difficultés pour sélectionner le bloc Groupe, il est beaucoup plus facile d’employer simplement la vue de liste.
Comment copier et coller des blocs WordPress
Si vous souhaitez copier et coller du texte, vous pouvez le faire comme si vous copiiez et colliez du texte dans Word ou Google Docs.
Par exemple, “Ctrl/Cmd + C” pour copier puis “Ctrl/Cmd + V” pour coller.
Cela dit, vous ne pouvez pas employer “Ctrl/Cmd + C” pour copier d’autres blocs. Au lieu de cela, vous devrez effectuer les opérations suivantes :
Sélectionnez le bloc que vous souhaitez copier.
Cliquez sur l’icône “trois points” dans la barre d’outils.
Choisissez Copier dans le menu déroulant.
Une fois que vous avez copié le bloc en utilisant cette approche, vous pouvez le coller en utilisant vos méthodes habituelles – par exemple « Ctrl/Cmd + V ».
Vous pouvez aussi dupliquer des blocs en sélectionnant l’option Dupliquer dans le menu “trois points” de la barre d’outils du bloc.
Comment désactiver les blocs dans WordPress
Beaucoup pensent que Gutenberg est l’avenir de WordPress – et de l’édition en général. Il vaut donc la peine de s’habituer à l’éditeur de blocs et d’explorer tout son potentiel.
Mais que se passe-t-il si vous n’aimez vraiment pas le nouvel éditeur de blocs de contenu Gutenberg ? Il est vrai que certains utilisateurs le font – avant sa large diffusion en 2018, il y avait des plaintes d’après lesquelles il n’était pas prêt pour un déploiement de grande ampleur. Il est aussi vrai que certains plugins et modules complémentaires WordPress nécessaires peuvent ne pas fonctionner correctement avec Gutenberg, en particulier si les créateurs de logiciels ont échoué à mettre à jour leur code.
Ou peut-être êtes-vous plutôt un amateur de WordPress et n’êtes-vous pas intéressé par l’apprentissage d’une toute nouvelle façon d’éditer.
Dans les deux cas, vous voudrez peut-être désactiver les blocs dans WordPress. Cela vous aidera à éviter les maux de tête si l’éditeur visuel de WordPress ne fonctionne pas.
Alors que vous ne puissiez pas revenir à l’éditeur classique directement depuis votre page d’administrateur WordPress, plusieurs plugins offrent cette fonctionnalité.