Le bloc HTML personnalisé est idéal pour les utilisateurs qui souhaitent avoir une certaine flexibilité et un contrôle sur leur contenu. Il vous permet d'ajouter du code HTML directement à vos articles ou pages sans modifier les fichiers du thème.
Il permet également d'ajouter des widgets, des formulaires ou des scripts personnalisés provenant de plateformes externes, telles que Google Maps, les médias sociaux ou les outils d'analyse. Il vous permet également de prévisualiser votre code avant de le publier.
Aujourd'hui, nous allons vous montrer comment utiliser le bloc HTML personnalisé dans WordPress avec des étapes simples. Assurez-vous de nous suivre jusqu'au bout.
Qu'est-ce que le bloc HTML personnalisé de WordPress ?
Qu'est-ce que le bloc HTML personnalisé de WordPress ?
Le bloc HTML personnalisé est un bloc de base qui vous permet d'afficher un code HTML personnalisé dans vos articles et vos pages. C'est un outil utile pour ajouter des éléments de conception uniques, intégrer des scripts externes, etc.
Il prend en charge l'entrée HTML brute. Par conséquent, vous avez un contrôle total sur la sortie sur le front-end de votre site web.
Quelles sont les principales caractéristiques du bloc HTML personnalisé ?
- Option de prévisualisation: Visualisez l'affichage de votre code HTML sans quitter l'éditeur.
- Flexibilité: Ajoutez des scripts, des styles en ligne ou des éléments personnalisés sans aucune restriction sur le type de code HTML que vous utilisez.
- Réactivité: garantit que les sorties HTML personnalisées s'adaptent aux différents appareils, en fonction de la structure de votre code.
Quelles sont les fonctionnalités de la barre d'outils du bloc HTM personnalisé ??
- Transformer en : Vous pouvez transformer ce bloc en blocs Colonnes, Code, Détails et Groupe.
- Poignées mobiles : Permet de déplacer votre bloc de haut en bas dans l'éditeur pour mieux organiser votre contenu.
- Traînée : Permet de faire glisser et de déposer le bloc dédié à n'importe quel endroit.
- HTML : Ce bouton permet à que vous voyez et insérez le code HTML dans le bloc.
- Avant-première : L'aperçu vous permet d'afficher la prévisualisation de votre code HTML dans l'éditeur afin que vous puissiez modifier votre résultat à partir de l'éditeur.
- Options : Offre plus d'options liées à la section du bloc, telles que dupliquer, copier, grouper, etc.

Créer de belles tables
Avec l'éditeur de blocs

Comment utiliser le bloc HTML personnalisé dans WordPress ?
Toute personne n'ayant aucune compétence en matière de codage peut facilement utiliser le bloc HTML personnalisé. Il suffit de suivre les étapes ci-dessous.
Étape 1 : Insérer le bloc HTML personnalisé de WordPress
Allez dans votre article ou votre page où vous souhaitez ajouter des blocs HTML personnalisés. Ensuite, cliquez sur le bouton Ajouter un bloc ("+") icône (1), type "HTML personnalisé"dans la boîte de recherche (2)et cliquez sur "HTML personnalisé" (3).

Étape 2 : Insérer votre code HTML personnalisé
Collez votre code dans le bloc de code personnalisé.

Vous pouvez également voir directement le résultat de votre code dans l'éditeur en sélectionnant le bouton de prévisualisation.

Voilà comment utiliser le bloc HTML personnalisé. Veillez à publier ou à enregistrer votre message après avoir ajouté le bloc.
Le Custom HTML ne contient aucune autre personnalisation dans les paramètres du bloc. Toutes les personnalisations se trouvent pour l'instant dans la barre d'outils.
Dernières réflexions !
Le bloc HTML personnalisé permet d'utiliser les fonctionnalités par défaut de WordPress avec un code personnalisé. Son interface intuitive et son option de prévisualisation en font un bloc HTML parfait.
J'espère que ce petit tutoriel vous a permis d'en savoir plus sur le bloc et son utilisation. Faites-moi savoir si vous ne comprenez pas l'une ou l'autre des étapes ci-dessus.
En savoir plus !
- Comment utiliser le bloc de code dans WordPress en 3 étapes simples
- Comment utiliser le bloc de citation dans WordPress en 3 étapes faciles
- Comment ajouter un "tableau des avantages et des inconvénients" dans WordPress
- 7 meilleurs plugins WordPress pour la mise en page des blogs Tableberg
- 7 meilleurs plugins WordPress d'affiliation Amazon (2025)