Il existe de nombreuses raisons pour lesquelles WordPress est populaire ; il est facile à utiliser et il est livré avec une grande variété de plugins, comme wpDataTables, qui offrent des fonctionnalités avancées avec une configuration très simple. Pourtant, il existe certaines situations où vous devez savoir comment modifier le code HTML dans WordPress.
Cependant, de temps en temps, vous devez accéder au code source de votre site Web. Par exemple, lorsque votre site est attaqué par un logiciel malveillant, il peut planter tout votre site Web et il n’y a pas d’autre moyen de réparer les choses que de jouer un peu avec le code.
D’un autre côté, il peut y avoir des situations où vous souhaitez simplement apporter des modifications personnalisées avancées et vous devez savoir comment modifier le code HTML dans WordPress.
Sachez ce que vous souhaitez changer
Avant de commencer à modifier le code HTML d’un site Web, vous devez savoir exactement ce que vous souhaitez modifier. Décidez des résultats que vous voulez, sachez comment personnaliser un thème WordPress, comment télécharger le fichier HTML sur WordPress, comment commenter le CSS, etc.
Peut-être voulez-vous simplement expérimenter pour en savoir plus ou peut-être voulez-vous simplement modifier du texte ou modifier la mise en page d’un site. Cependant, quel que soit votre objectif ici, sachez exactement ce que vous voulez faire avant de commencer à modifier le code.
Aussi, n’oubliez pas de vous demander si cela vaut vraiment votre temps. Si vous n’avez pas envie de passer beaucoup de votre temps précieux à éditer du code HTML, envisagez d’engager un professionnel pour faire le gros du travail à votre place.
Rassemblez vos outils
La bonne nouvelle est qu’il n’y a pas beaucoup d’outils dont vous avez besoin pour pouvoir éditer HTML WordPress. Vous pouvez tous les trouver ci-dessous, et pour rendre les choses encore meilleures, ils sont tous gratuits.
- Un client FTP comme Filezilla ou WinSCP pour accéder directement à vos fichiers sur votre serveur web ; pour les télécharger et les télécharger facilement.
- Un éditeur pour apporter des modifications au fichier téléchargé tel que Notepad ++ qui est gratuit et qui possède un surligneur de syntaxe pour les langages de programmation les plus courants.
Faites vos sauvegardes
Avant de commencer à vous mêler de votre code source HTML, assurez-vous de savoir où se trouvent vos sauvegardes et comment les restaurer immédiatement si nécessaire. Vous pouvez créer les fichiers de sauvegarde via le cPanel du fournisseur d’hébergement si vous n’aimez pas faire vos propres sauvegardes.
Modification d’un article ou d’une page WordPress standard
Si vous souhaitez modifier le code source HTML d’une page WordPress standard, il vous suffit d’utiliser l’éditeur HTML de WordPress. Changer un code WordPress de cette façon est en fait assez facile. Modifiez simplement la page et vous remarquerez que cliquer sur l’ onglet Texte vous montrera le code HTML derrière ce qui apparaît dans cet onglet Visuel.
Modification du HTML dans WordPress
Pour expliquer comment éditer du HTML dans WordPress, nous devons d’abord savoir comment y accéder.
Vous devrez accéder au code source du site Web avant d’accéder à l’éditeur HTML de WordPress.
Mais comment éditez-vous le HTML WordPress sur votre page d’accueil ?
Si vous ne savez pas comment modifier la page d’accueil de WordPress, ne vous inquiétez pas. Vous pouvez généralement le faire sous Apparence > Widgets où vous pouvez simplement ajuster le contenu dans les zones individuelles des widgets.
Cependant, dans certains cas, vous remarquerez que la page d’accueil agit comme une page individuelle et vous ne pourrez pas la modifier dans la zone Widgets. Si cela se produit, vous pouvez trouver le contenu de la page d’accueil sous Pages ou vous pouvez cliquer sur l’ option Modifier la page dans la barre d’administration supérieure de la page d’accueil.
Si ces deux options ne fonctionnent pas pour vous, il est possible que vous utilisiez un constructeur de page ou un thème avec un éditeur de page d’accueil intégré. Si tel est le cas, vous pouvez modifier le code HTML de manière spécifique décrite dans la documentation fournie avec le constructeur de page ou le thème en question.
Comment modifier les thèmes WordPress
Maintenant, nous allons vous expliquer comment personnaliser le thème WP. Allez simplement dans Apparence → Éditeur dans votre tableau de bord WordPress et trouvez le thème en question.
Ne soyez pas confus si vous ne voyez qu’un ou deux fichiers ; généralement style.css et functions.php. Il n’y a rien d’inhabituel à cela, ne vous inquiétez pas.
Malheureusement, la modification d’un fichier de modèle n’est pas quelque chose que vous pouvez faire à partir de l’éditeur de tableau de bord. Vous devrez copier le fichier dans votre thème enfant en utilisant une application FTP.
Par exemple, si vous souhaitez modifier le fichier HTML dans le thème Twenty Eighteen, disons le pied de page, vous devrez d’abord copier le fichier footer.php sur notre thème enfant à l’aide d’une application FTP.
Copiez-le simplement sur votre ordinateur, puis copiez-le à nouveau dans le dossier du thème. Une fois cela fait, allez dans Apparence → Éditeur dans votre tableau de bord WordPress, sélectionnez votre thème enfant et le nom du fichier footer.php dans la barre latérale droite.
Mettez à jour votre code, puis cliquez sur le gros bouton bleu Mettre à jour le fichier sous l’éditeur.
Dans certains cas, vous ne verrez pas immédiatement le bouton Mettre à jour le fichier. Si tel est le cas, vous devrez probablement modifier les autorisations sur le fichier à l’aide de votre application FTP. Cliquez simplement avec le bouton droit sur le nom du fichier dans l’application FTP et choisissez l’option de modification des autorisations.
Test
Maintenant que vous savez comment éditer WordPress, vous pouvez tester les modifications que vous avez apportées dans votre navigateur en rechargeant le site Web (Appuyez sur F5 ). Si tout se passe bien, vous avez fait un excellent travail en modifiant vos codes HTML.
Si les choses ne sont pas exactement ce à quoi vous vous attendiez, ne vous inquiétez pas. Vous pouvez toujours annuler les modifications ou simplement réinstaller votre sauvegarde et réessayer.
Réflexions finales sur la façon de modifier le HTML dans WordPress
Apprendre à coder HTML n’est pas facile, mais apprendre à éditer HTML dans WordPress n’est pas si mal, n’est-ce pas ?
Dans ce didacticiel, nous avons passé en revue certaines des modifications les plus élémentaires qui constituent un bon début si vous apprenez à utiliser HTML. Savoir comment coder votre propre site Web peut être très pratique, mais vous n’avez pas besoin d’être un expert en codage pour apporter quelques modifications simples par vous-même.
Gardez à l’esprit que si les choses ne se passent pas comme prévu, vous pouvez toujours annuler les modifications ou réinstaller la sauvegarde.
Si vous avez apprécié la lecture de cet article sur la façon de modifier le HTML dans WordPress, vous devriez consulter celui-ci sur la façon de réinitialiser WordPress.
Nous avons également écrit sur quelques sujets connexes tels que comment intégrer une vidéo dans WordPress, comment changer l’URL de WordPress, comment ajouter du JavaScript à WordPress, comment dupliquer une page dans WordPress, comment modifier les rôles d’utilisateur WordPress et comment ajouter une image en vedette WordPress..