<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Vous pouvez ajuster tous les blocs dans l’éditeur de blocs WordPress Gutenberg en fonction de vos préférences. Vous pouvez également améliorer la conception visuelle de votre site web.<\/p>
Voici comment procéder :<\/p>
1. Cliquez sur l’icône + dans la barre d’outils supérieure pour ouvrir l’interface de l’insertion des blocs<\/strong>. <\/p>2. Choisissez un bloc pour votre site. Dans cet exemple, nous allons sélectionner le bloc Boutons<\/strong>.<\/p>\nUne fois le bloc ajouté à votre site, les paramètres du bloc apparaîtront. Vous pouvez également cliquer sur Réglages <\/strong>dans le coin supérieur droit de l’éditeur pour charger le panneau de la barre latérale<\/strong>.<\/li>\n<\/ol>\n
4. Dans les paramètres de bloc<\/strong>, vous pouvez styliser le bouton en utilisant Plein <\/strong>ou Contour<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\nVous pouvez également ajuster les réglages de largeur<\/strong>, qui vont de 25 % à 100 %.<\/strong><\/li>\n<\/ol>\n
\nDans la section Couleur<\/strong>, il est possible de modifier la palette de couleurs du texte<\/strong> et de l’arrière -plan<\/strong> du bouton.<\/li>\n<\/ol>\nDans les paramètres de typographie<\/strong>, vous pouvez déterminer la taille du bouton en utilisant soit les options par défaut, soit des tailles personnalisées.<\/li>\n<\/ol>\nDans les paramètres de bordure<\/strong>, ajustez la bordure du bouton en basculant le point.<\/li>\n<\/ol>\nAu bas de la barre latérale<\/strong>, vous trouverez la section Avanc<\/strong>é pour ajouter Attribut rel<\/strong>, Ancre HTML et Classe(s) CSS supplémentaire(s)<\/strong>.<\/li>\n<\/ol>La prochaine étape lors de la création d’une Page de site consiste à ajouter des titres et du texte. Les titres définissent les niveaux d’importance du contenu et la façon dont les idées sont interconnectées.<\/p>
Suivez ces instructions pour ajouter des titres et du texte :<\/p>
1. Sélectionnez l’icône + dans la barre supérieure d’outils<\/strong>. Vous pouvez également choisir l’icône + dans l’interface de contenu.<\/p>2. La liste des blocs WordPress disponibles apparaît. Cliquez sur Titre<\/strong>.<\/p>3. Vous pouvez personnaliser son apparence à l’aide de la barre d’outils du bloc<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>4. Pour ajouter d’autres éléments de texte, choisissez une option dans la section Texte<\/strong> dans les blocs disponibles. Nous optons pour Paragraphe<\/strong>.<\/p>5. Voici à quoi cela ressembler<\/p>\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>L’éditeur de blocs propose deux façons d’adjoindre des images et des fichiers multimédias à votre site. Vous pouvez utiliser l’outil d’insertion de blocs<\/strong> ou bien vous employez l’icône + dans l’interface de contenu<\/strong>.<\/p>Voici comment ajouter des images et des médias à l’aide de la première option :<\/p>
1. Cliquez sur le bouton Bloc d’insertion dans la barre supérieure d’outils<\/strong>.<\/p>2. La liste des blocs disponibles apparaît. Nous allons à cet effet choisir le bloc d’image.<\/p>3. Les trois options de téléchargement apparaîtront : Téléverser, Médiathèque et Insérer à partir d’une url.<\/p>4. En choisissant l’option Téléverser<\/strong> comme exemple, vous devrez sélectionner un fichier image et cliquer sur Ouvrir<\/strong>. Vous pouvez également faire glisser et déposer plusieurs fichiers image à la fois.<\/p>5. Ajustez l’image en utilisant le panneau Réglages de la barre latérale<\/strong> sur le côté droit de l’éditeur de blocs Gutenberg.<\/p>Gutenberg propose deux façons de réorganiser les blocs en vous vous servant de la barre d’outils flottante. À l’aide de l’icône à six points<\/strong>, vous pouvez sélectionner plusieurs blocs et les faire glisser et les déposer n’importe où.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>En revanche, les flèches haut et bas<\/strong> permettent de déplacer un bloc vers le haut ou vers le bas.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Lorsqu’il s’agit d’intégrer du contenu provenant d’autres plateformes, l’éditeur de blocs WordPress comprend pour cela une section distincte pour l’intégration de fichiers multimédias. Il propose donc de nombreuses sources parmi lesquelles vous aurez à choisir.<\/p>
Voici comment procéder :<\/p>
1. Cliquez sur l’icône + dans la barre d’outils supérieure<\/strong>.<\/p>2. Faites défiler vers le bas pour trouver la section CONTENUS EMBARQUÉS<\/strong>.<\/p>3. Sélectionnez le média que vous souhaitez ajouter. Dans cet exemple, nous allons intégrer une vidéo YouTube dans notre contenu.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>4. Collez l’URL de la vidéo et cliquez sur Embarquer<\/strong>.<\/p>5. La vidéo sera affichée sur votre article ou votre page.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Les blocs réutilisables représentent une collection d’extraits de contenu que vous pouvez utiliser n’importe où sur votre site. Elle vous aide à travailler plus efficacement.<\/p>
Ces blocs fonctionnent comme des modèles. Donc, si vous en mettez un à jour, les modifications vont s’appliquer à toutes les pages et publications qui utilisent le bloc.<\/p>
Suivez ces étapes pour créer des blocs réutilisables :<\/p>
1. Choisissez une section que vous souhaitez enregistrer en tant que bloc réutilisable.<\/p>
2. Sélectionnez l’icône à trois points<\/strong> dans la barre d’outils du bloc et cliquez sur Créer un bloc réutilisable<\/strong> sur l’éditeur WordPress.<\/p>3. Nommez le bloc et sélectionnez Enregistrer<\/strong>.<\/p>\n
4. Vous pouvez maintenant placer le bloc n’importe où sur le site.<\/p>
Pour l’utiliser, recherchez-le dans la liste des blocs disponibles en cliquant sur l’icône +.<\/p>
\n
Vous pouvez également saisir « \/ » (barre oblique) et le nom du bloc.Comment utiliser les raccourcis clavier de Gutenberg ?<\/p>
L’éditeur de blocs WordPress dispose de nombreux raccourcis clavier pour vous aider à travailler efficacement et à naviguer en douceur dans son interface.<\/p>
Voici la liste de tous les raccourcis clavier de l’éditeur de blocs Gutenberg et leurs fonctions :<\/p>Raccourcis clavier<\/strong><\/td>Fonctions<\/strong><\/td><\/tr>Shift + Alt + H<\/strong><\/td>Affiche tous les raccourcis clavier.<\/td><\/tr> Ctrl + Shift + Alt + M<\/strong><\/td>Bascule entre l’éditeur visuel et l’éditeur de code.<\/td><\/tr> Ctrl + Shift + Alt + F<\/strong><\/td>Permet de basculer en mode plein écran.<\/td><\/tr> Ctrl + Shift + ,<\/strong><\/td>Affiche ou masque le panneau latéral des paramètres.<\/td><\/tr> Ctrl + S<\/strong><\/td>Enregistre les modifications.<\/td><\/tr> Shift + Alt + O<\/strong><\/td>Ouvre la vue Liste des blocs.<\/td><\/tr>
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/public\")
<\/a><\/figure>