Comment utiliser facilement Gutemberg WordPress

Gutemberg créer rapidement des colonnes et des tables

Pour activer les colonnes  avec Gutemberg > Tableau de bord > Extensions > Extensions installées > Classic Editor et faire désactiver et Gutemberg prendra le contrôle.

Choix de PLEINE PAGE

Avant toute chose si vous ne voulez pas de colonne droite (colonne latérale ou side bar) à côté de vos pages, choisir avant d’éditer :
Mise en page > commencez par cocher : Contenu (pas de barre) ou Pleine largeur ou Full width (l’appellation dépend des thèmes), voir l’image Choix PLEINE PAGE.

Éditer un nouvel article ou une nouvelle page

Comment utiliser facilement Gutemberg WordPress
Ajouter un bloc

En haut du Tableau de bord : cliquer sur Créer et choisir Article ou Page.
1  Saisir le titre
2  Tout en haut de la page cliquer sur + (voir image Ajouter un bloc)
3  Dérouler la fenêtre et choisir votre Bloc :
– un bloc spécifique (et laissez vous guider)
–  dans Les plus utilisés
–  soit dans les Réutilisables

 

<>

A – Créer un nouveau bloc avec plusieurs colonnes

1  Saisir le titre
2  Tout en haut de la page cliquer sur + (voir image Ajouter un bloc)
3  Dérouler la fenêtre et choisir votre Bloc :
4  cliquer sur l’icône Colonne
5  cliquer deux fois à l’intérieur de la zone SANS ÉCRIRE
ATTENTION selon l’endroit cliqué la fenêtre suivante peut ne pas apparaitre.
6  dans la fenêtre à droite choisir votre nombre de colonnes
7  commencer à écrire dans chaque colonne
8  Ne pas oublier d’enregistrer votre bloc.

Comment utiliser facilement Gutemberg WordPress en images

Comment utiliser facilement Gutemberg WordPress

 

Comment utiliser facilement Gutemberg WordPress

SUPPRIMER UN BLOC

Cliquer sur le bloc, il doit être entouré d’une fine bordure pour être cliquable : cliquer juste avant le texte et faire au clavier Suppr (ou Delete)
Se servir aussi de la flèche en haut de page pour revenir en arrière et supprimer le bloc qui venait d’être créé.

B – Créer un Bloc réutilisable à partir de votre nouveau bloc

1  Cliquer sur les 3 points en haut de page ou haut du bloc et choisir :
2  Ajouter aux blocs réutilisables.
3  TRÈS IMPORTANT : cliquer sur les 3 points en haut de page ou haut du bloc et choisir :
4  Convertir en bloc Gutemberg normal sinon tous les blocs de même nature que ce bloc réutilisable seraient modifiés !
5  Éditez votre texte.

C – Pour un bloc déjà classé en Réutilisable : cliquer sur le bloc

1  TRÈS IMPORTANT : cliquer sur les 3 points en haut de page ou haut du bloc et choisir :
2  Convertir en bloc Gutemberg normal sinon tous les blocs de même nature que ce bloc réutilisable seraient modifiés !
3  Entrer le Titre
4  Effacer le texte et rédiger votre texte.
5  Ne pas oublier de faire Enregistrer ce bloc.
IMPORTANT si vous cliquez seulement sur Publier le bloc ne sera pas enregistré.

D – Pour ajouter une image

1  Cliquer sur l’emplacement prévu de l’image.
2  Cliquer sur barre de texte tout en haut de la page (ou du bloc) sur la 2e icône en partant de la droite (image en vert: insérer Image)
3  Dérouler la flèche et choisir Image en ligne
4  Choisir votre image dans la Bibliothèque des médias ou la téléverser.
5  Cliquer sur votre image insérée dans votre bloc, choisir votre largeur et cliquer sur la flèche coudée pour valider.
6  Ne pas oublier d’enregistrer votre bloc.

E – Pour ajouter un lien à votre image

1  Cliquer sur votre image et cliquer sur barre de texte tout en haut de la page (ou du bloc) sur la 3e icône en partant de la droite (image en vert : Insérer Liens).
2  Coller ou saisissez l’Url de votre lien et cliquer sur la petite flèche tout à côté.
3  et choisir ou pas Ouvrir dans un nouvel onglet.
Si votre image va vers une page interne de votre site ne pas choisir cette option, si c’est vers un site extérieur cocher cette option (pour un site extérieur cette option est favorable à un bon référencement SEO).
4  Cliquer sur la petite flèche coudée pour valider
5  Ne pas oublier d’enregistrer votre bloc.
NB : pour créer un lien sur un texte ou un mot le procédé est le même il suffit de surligner le texte.

Pour conclure :
Je n’étais pas fan avant d’avoir consacré une après midi à tester la plupart des possibilités. Très franchement cela vaut le coup d’apprendre cette nouvelle façon d’éditer.
La présentation en colonnes est pratiquement indispensable pour éviter des pages avec trop d’espace non utilisé.

Ne pas oublier : quand on apprend quelque chose c’est appris pour la vie,
une après midi à tester et parfois stresser par rapport à une vie c’est trop?

Vous n’êtes pas convaincu par ce tuto « Comment utiliser facilement Gutemberg WordPress »?
Essayez TEST pour basculer de l’éditeur classique (Classic Editor) vers Gutemberg (l’éditeur qui est fourni d’office sur WordPress)… et de revenir vers Classic Editior

Suite à une question soulevée pour passer à Gutemberg à partir d’une version Classic.
Pour ce test aller sur Extensions > Classic Editor > choisir désactiver… et Gutemberg sera là en personne 😉
Pour revenir à Classic choisir activer.

Le test est concluant passer de Classic à Gutemberg et revenir à Classic est possible… et même rester en Gutemberg.
A noter que la page originale en Classic comporte des grilles pour générer des colonnes (notées [lg_column grid… ) Gutemberg en tient compte en revanche si vous décider d’éditer tout en Gutemberg ces grilles ne seront plus utiles et c’est Gutemberg qui aura la priorité.