Sommaire
WordPress ne nécessite pas d’édition HTML pour les fonctionnalités de base : (Html code). Mais parfois, vous devez utiliser le HTML pour personnaliser les fonctions et faire briller votre site web.
HTML (HyperText Markup Language) est un langage de balisage qui indique à un navigateur web comment afficher le contenu de votre site web. L’édition du HTML peut s’avérer très utile pour la personnalisation avancée et le dépannage. Dans cet article, nous vous présenterons plusieurs options pour éditer le HTML dans WordPress via l’éditeur de code de WordPress.
(Avant de commencer, assurez-vous de vérifier ce que vous utilisez et mettez à jour la dernière version si nécessaire).
Pourquoi vous pouvez avoir besoin d’éditer du HTML dans WordPress
Bien que vous n’ayez pas besoin de savoir pour utiliser WordPress, vous pouvez avoir besoin de le modifier de temps en temps si vous voulez changer le code pour ajouter des fonctionnalités ou améliorer les caractéristiques.
Une connaissance de base du codage HTML peut vous aider à résoudre les problèmes de votre site Web et à apporter des modifications qui ne sont pas disponibles via l’interface de WordPress.
Vous pouvez non seulement modifier l’aspect et la convivialité de votre site web, mais aussi y ajouter des fonctions personnalisées et y apporter des améliorations.
Hébergement WordPress ultra-puissant
Propulsez votre site avec les solutions les plus optimisées de l’industrie pour WordPress
En d’autres termes, apprendre à modifier vous-même le code HTML dans WordPress vous permet de mieux contrôler votre site web, car vous n’avez pas besoin de recourir à des plugins pour effectuer des tâches spécifiques. Cela peut contribuer à réduire la surutilisation des plugins et à accélérer votre site web.
De plus, si vous ne connaissez pas le langage HTML et que vous devez vous fier à des plugins, il peut être difficile de résoudre les problèmes qui peuvent survenir sur votre site web. Cela peut également vous rendre vulnérable aux piratages si les plugins ne sont pas régulièrement mis à jour par les développeurs.
Comment éditer le HTML dans WordPress : Différentes méthodes à essayer
Il y a plusieurs façons d’essayer d’éditer du HTML dans WordPress. Voici quatre méthodes différentes à essayer.
Modifier le code HTML de WordPress dans l’éditeur de blocs
WordPress 5.0, lancé en 2019, a remplacé l’ancien éditeur classique par un nouvel éditeur de blocs révolutionnaire baptisé « » Dans WordPress, l’éditeur de blocs a apporté une nouvelle approche de la création de contenu et de la conception web.
Pour commencer à utiliser l’éditeur de blocs, rendez-vous dans votre tableau de bord WordPress et créez un nouvel article/une nouvelle page ou mettez à jour un article/une page qui existe déjà.
Sélectionnez le signe d’addition (+) dans le coin supérieur gauche pour créer un bloc « HTML personnalisé ».
Pour ajouter du code HTML à votre article, utilisez un bloc HTML personnalisé.
Remplissez ensuite le bloc avec votre code HTML unique. Vous pouvez également utiliser l’option « Aperçu » pour voir comment votre article apparaîtra sur votre site web et si le code HTML fonctionne correctement.
L’édition du code HTML d’un bloc existant avec l’éditeur de blocs de WordPress est une autre option pour ajouter ou mettre à jour le code HTML.
Pour ce faire, cliquez sur le menu à trois points situé à côté d’un bloc existant dans votre texte. Ensuite, sélectionnez « Editer en HTML » dans le menu déroulant.
Vous pouvez utiliser l’« éditeur de code » dans l’éditeur de blocs de WordPress pour modifier le code HTML de votre page entière.
L’éditeur de code est accessible en sélectionnant l’option à trois points dans le coin supérieur droit. Ensuite, dans le menu déroulant, choisissez « Éditeur de code ». L’écran d’édition permettant d’ajuster le codage HTML existant s’ouvrira.
Modifier le code HTML de WordPress dans l’éditeur classique
L’éditeur classique de WordPress permet également de modifier le code HTML.
Tout d’abord, choisissez de modifier un article existant ou de créer un nouvel article de blog.
Ensuite, pour voir le code HTML de votre article dans l’éditeur classique, cliquez sur le menu à trois points situé à côté d’un bloc existant dans votre texte. Sélectionnez ensuite « Editer en HTML » dans le menu déroulant pour ouvrir l’éditeur HTML.
Modifier le HTML de WordPress dans les widgets de WordPress
Saviez-vous que la zone des widgets de votre site Web vous permet d’ajouter et de mettre à jour le code HTML ?
Vous pouvez personnaliser votre barre latérale, votre pied de page et d’autres sections de widgets dans WordPress en utilisant un widget HTML personnalisé.
Pour commencer, allez dans Apparence Widgets dans le panneau d’administration de WordPress. Ensuite, sélectionnez l’endroit où vous souhaitez placer le widget.
Ensuite, en sélectionnant « + », vous pouvez ajouter un widget HTML personnalisé.
Vous pouvez maintenant taper votre code HTML et en avoir un aperçu en cliquant sur le bouton d’aperçu dans le coin supérieur gauche.
Selon le thème WordPress que vous utilisez, la zone de widget peut apparaître de manière légèrement différente. Vous pouvez l’inclure dans le pied de page, l’en-tête ou d’autres endroits.
Modifier le code HTML de WordPress dans les thèmes WordPress
L’éditeur de thème WordPress est une autre option pour mettre à jour le code HTML de votre site web.
Cependant, nous n’encourageons pas la modification du code HTML de WordPress directement dans l’éditeur de thème. La moindre erreur dans le code en utilisant cette méthode pourrait provoquer un crash de votre site web et vous empêcher d’accéder au tableau de bord de WordPress.
De plus, si vous mettez à jour votre thème, toutes vos personnalisations actuelles disparaîtront.
Il n’est pas recommandé de coder comme un cow-boy pour apporter des modifications à un thème. Au lieu de le modifier directement, nous vous recommandons d’utiliser un plugin. Le code personnalisé doit être placé dans un plugin spécifique au site ou être ajouté à l’aide d’un .
Comme toujours, vous devez faire un avant d’éditer le HTML.
Meilleures pratiques pour personnaliser et coder WordPress
Rappelez-vous que vous ne créez pas simplement du code pour vous-même lorsque vous codez WordPress. Tout développeur doit être en mesure de comprendre votre code. Cela implique de respecter les normes traditionnelles d’espacement et de regroupement.
« En cas de doute, il faut espacer », recommande WordPress dans ses directives de codage.
La lisibilité devrait toujours primer sur la brièveté ou l’intelligence en tant que pratique recommandée. Vous voulez que votre code soit lisible pour tous ceux qui le regardent, et pas seulement pour vous.
Essayez d’éviter d’utiliser des raccourcis et des abréviations. Cela peut rendre votre code difficile à comprendre par les autres développeurs travaillant sur le même projet que vous.
Vous devriez également ajouter des notes détaillées dans votre code. Cela vous sera utile, à vous et à votre équipe, lorsqu’il s’agira de modifier votre code à l’avenir. Ces points de référence permettent de se rappeler plus facilement ce que fait chaque fonction, pourquoi elle est écrite de cette façon et qui l’a développée en premier.
Votre code doit être conforme aux normes de WordPress ainsi qu’aux critères de qualité de votre propre équipe, en plus d’être simple à comprendre. Un code organisé de manière cohérente est un code fiable.
Gardez à l’esprit qu’il n’est pas nécessaire de réinventer la roue. S’il existe déjà une solution pour ce sur quoi vous travaillez, utilisez-la ! Ne réécrivez pas un code qui existe déjà et qui fonctionne bien.
Cela vous permettra non seulement d’économiser du temps et des efforts, mais aussi de vous assurer que votre code est cohérent avec celui du reste de votre équipe.
Dernières réflexions : Comment éditer du HTML dans WordPress
WordPress est une plateforme incroyablement simple et conviviale par défaut. Grâce aux thèmes et aux plugins, vous pouvez souvent modifier votre site sans toucher à une seule ligne de code.
Il arrive cependant que vous souhaitiez exercer un plus grand contrôle et procéder à des ajustements complexes. Ou peut-être que la modification que vous souhaitez apporter n’est pas possible avec votre thème ou vos plugins actuels.
Apprendre à accéder aux options de codage HTML de WordPress vous permet de vraiment personnaliser votre site. Et le fait de disposer d’une équipe technique pour vous aider lorsque vous atteignez les limites de vos connaissances en matière de codage ajoute de la valeur à votre site.
Payer pour vaut le coût légèrement plus élevé que d’autres plans d’hébergement web, surtout si vous n’êtes pas à l’aise avec le codage en profondeur.
Webographie recommande l’hébergement entièrement géré de Liquid Web qui est optimisé spécifiquement pour WordPress – votre site sera donc rapide, mis à jour automatiquement et toujours sécurisé.
Consultez nos plans pour commencer dès aujourd’hui.