L'ajout de HTML à Gutenberg peut s'avérer difficile si vous êtes nouveau dans le système. C’est pourquoi j’ai mis au point ce petit guide pratique pour créer un bloc HTML Gutenberg personnalisé. Découvrez quand et comment ajouter du code HTML à la page WordPress.
Comment générer du HTML à partir de Gutenberg
Concept de base: les sites WordPress sont tous HTML
Afin de comprendre comment modifier le HTML dans une page WordPress, vous devez comprendre le concept de base selon lequel les sites WordPress sont TOUS HTML.
Étape 1: ouvrir un nouveau message
Cliquez sur "Ajouter un nouveau" dans la section des messages de votre tableau de bord WordPress.
Étape 2: cliquez sur le bouton «+»
Tapez "personnalisé", "HTML" ou "HTML personnalisé" dans la barre de recherche de l'écran qui apparaît. Cliquez ensuite sur le bouton.
Étape 3: insérer du HTML
Un bloc avec quelques fonctionnalités uniques apparaîtra automatiquement. Vous pouvez écrire votre propre code HTML, tel qu'un
ou . Si vous cliquez sur «Aperçu», vous pourrez voir les résultats de ce que vous avez généré avec HTML dans Gutenberg, comme une jolie image.
Pourquoi utiliser HTML au lieu d'un bloc Gutenberg prédéfini?
Un basique
le code n'est peut-être pas très utile, mais si vous êtes adepte du CSS, vous pourrez peut-être attacher du codage de «classe» supplémentaire dans le div pour le rendre plus intéressant. Par exemple, si vous souhaitez que l'image s'affiche différemment sur cette page en particulier, l'ajout de l'image en HTML et le codage immédiat de la classe souhaitée peuvent réduire quelques étapes.
De plus, certains blocs Gutenberg ont un balisage intégré qui peut être différent de ce que vous souhaitez ajouter à votre site. Par exemple, lorsque nous modifions le code HTML d'un bloc d'image, il y a un