Étape 1 : Accéder à l’éditeur Gutenberg
Objectif de l’étape : Accéder à l’éditeur Gutenberg pour commencer à ajouter des blocs.
- Connectez-vous à votre tableau de bord WordPress.
- Cliquez sur Articles > Ajouter pour créer un nouvel article.
- Vous êtes maintenant dans l’éditeur Gutenberg.
Vérification rapide : Vous devriez voir une interface avec des blocs et des options de mise en forme sur la droite.
Erreurs fréquentes : Si vous ne voyez pas l’éditeur Gutenberg, assurez-vous que le plugin Classic Editor n’est pas activé.
Étape 2 : Ajouter un bloc code
Objectif de l’étape : Ajouter un bloc code à votre article.
- Dans l’éditeur Gutenberg, cliquez sur le bouton + pour ajouter un nouveau bloc.
- Recherchez »Code » dans la barre de recherche des blocs.
- Cliquez sur le bloc Code pour l’ajouter à votre article.
Vérification rapide : Un bloc de code vide devrait apparaître dans votre article.
Erreurs fréquentes : Si le bloc Code n’apparaît pas, assurez-vous que vous avez bien recherché »Code » et non un autre terme.
Étape 3 : Insérer du code dans le bloc
Objectif de l’étape : Insérer du code dans le bloc et le formater correctement.
- Cliquez à l’intérieur du bloc Code pour commencer à taper votre code.
- Utilisez les options de mise en forme pour choisir le langage de programmation (, CSS, JavaScript, etc.).
- Tapez ou collez votre code dans le bloc.
Vérification rapide : Votre code devrait apparaître avec la syntaxe colorée correctement.
Erreurs fréquentes : Si la syntaxe n’est pas colorée, vérifiez que vous avez sélectionné le bon langage de programmation.
Étape 4 : Personnaliser le bloc code
Objectif de l’étape : Personnaliser l’apparence du bloc code pour qu’il s’intègre bien dans votre article.
- Cliquez sur le bloc Code pour voir les options de personnalisation à droite.
- Utilisez les options de mise en forme pour ajuster la taille de la police, la couleur de fond, etc.
- Ajoutez une légende si nécessaire pour expliquer le code.
Vérification rapide : Votre bloc de code devrait maintenant être bien intégré et lisible.
Erreurs fréquentes : Évitez d’utiliser des couleurs trop vives qui pourraient rendre le code difficile à lire.
Étape 5 : Publier l’article
Objectif de l’étape : Publier votre article avec le bloc code intégré.
- Cliquez sur le bouton Publier en haut à droite de l’éditeur.
- Vérifiez une dernière fois que tout est en ordre.
- Cliquez sur Publier pour rendre votre article visible.
Vérification rapide : Allez sur votre site et vérifiez que l’article est publié et que le bloc de code apparaît correctement.
Erreurs fréquentes : Si le bloc de code n’apparaît pas correctement, vérifiez que vous avez bien publié l’article et que le bloc n’a pas été accidentellement supprimé.
Bonnes pratiques / Optimisations
Performances
- Minimisez le nombre de blocs code : Utilisez des blocs code uniquement lorsque c’est nécessaire pour éviter de surcharger votre article.
- Optimisez les images : Si vous utilisez des captures d’écran pour illustrer votre code, assurez-vous qu’elles sont bien compressées.
Sécurité
- Évitez le code exécutable : Ne publiez pas de code qui pourrait être exécuté par les visiteurs de votre site, sauf si c’est absolument nécessaire et que vous avez pris des mesures de sécurité.
- Utilisez des plugins de sécurité : Installez des plugins comme Wordfence pour protéger votre site contre les attaques.
SEO on‑page
- Utilisez des balises appropriées : Assurez-vous que votre code est bien balisé pour que les moteurs de recherche puissent le comprendre.
- Ajoutez des descriptions : Ajoutez des descriptions et des légendes à vos blocs de code pour améliorer la compréhension et le référencement.
FAQ ciblée
Comment puis-je changer la couleur de fond du bloc code ?
Vous pouvez changer la couleur de fond en cliquant sur le bloc Code et en utilisant les options de personnalisation à droite.
Puis-je ajouter plusieurs langages de programmation dans un seul bloc code ?
Non, chaque bloc code ne peut contenir qu’un seul langage de programmation. Vous devrez ajouter plusieurs blocs pour différents langages.
Que faire si mon code n’apparaît pas correctement ?
Vérifiez que vous avez bien sélectionné le bon langage de programmation et que le code est correctement formaté.
Puis-je ajouter des légendes à mes blocs de code ?
En suivant ces recommandations, vous obtiendrez des résultats concrets et durables.
Si vous avez besoin d’aide, contactez un webmaster sérieux qui va vous aider dans vos tâches de site internet. Voici le numéro de téléphone : 09 77 29 09 69
Commentaires (2)
Merci pour ce tutoriel clair et détaillé ! J’avais du mal à comprendre comment ajouter des blocs dans Gutenberg, mais maintenant c’est beaucoup plus clair.
Merci pour ce tutoriel clair et détaillé ! J’ai toujours eu du mal à comprendre Gutenberg, mais avec vos explications, je me sens enfin prêt à l’utiliser.