brand-lws-red brand-lws-white
Tutoriels

WordPress
time_read34mn de lecture

Comment intégrer du code dans WordPress ?

13 mai 2022

Comment intégrer du code dans WordPress ?

Vous souhaitez intégrer du code dans WordPress ? Si vous ajoutez le code directement comme du simple texte, alors WordPress ne peut pas l’interpréter. Découvrez ici comment intégrer du code dans WordPress via 3 méthodes simples. 😊

Comment intégrer du code facilement dans une publication WordPress ?

intégrer du code dans WordPressIl existe plusieurs manières pour intégrer du code dans WordPress. Cette intégration peut se faire manuellement ou en utilisant un plugin. Le choix de l’utilisation de l’une ou l’autre méthode dépend de vos compétences techniques dans le codage.

Mais que vous soyez débutant ou développeur confirmé, lisez cet article jusqu’à la fin et l’intégration du code dans WordPress ne sera plus un secret pour vous! 😊

Objectif

Ce tutoriel présente les trois principales méthodes pour intégrer du code dans WordPress. Vous allez tout d’abord découvrir comment utiliser l’éditeur WordPress pour insérer facilement des codes dans vos publications.

Ensuite, vous allez également apprendre comment procéder à cette intégration de codes, manuellement ou en utilisant un plugin. 😎

Prérequis

Pour continuer à lire ce tutoriel et arriver à intégrer du code dans WordPress, vous devez avant tout :

Intégrer du code avec l’éditeur WordPress

Intégrer du code avec l’éditeur WordPress est la première méthode que vous pouvez utiliser. Elle est la plus facile et la plus rapide à entreprendre. 😉 Que cela soit pour l’intégration du code HTML, du CSS ou du JavaScript à vos pages web, vous pouvez utiliser cette technique. 💡 La manière de l’utiliser dépend de l’éditeur que vous utilisez sur votre site.💡

Si vous utilisez l’éditeur de blocs (Gutenberg), connectez-vous à votre tableau de bord WordPress et rendez-vous dans la publication que vous souhaitez éditer. S’il s’agit d’une nouvelle publication, accédez à la section « Articles › Ajouter ». Vous serez redirigé vers l’interface de création de publication de Gutenberg. Commencez par ajouter votre texte. Puis localisez le bloc dont vous souhaitez modifier le code HTML, et cliquez sur le bouton à « trois points du bloc ». Ensuite, choisissez l’option « Modifier en HTML ».intégrer du code dans WordPress dans l'éditeur GutenbergUne fois cliqué, le texte sera transformé en mode HTML. Il ne vous reste qu’à intégrer vos codes, par la suite cliquer sur le bouton « Enregistrer ».modifier le code HTML de la pagePar ailleurs, si vous souhaitez directement saisir votre texte en HTML, alors ajoutez un nouveau bloc, puis rendez-vous dans les options de l’éditeur. options de l'éditeur de blocsTout ce que vous avez à faire est de cliquer sur l’option « HTML personnalisé ».HTML personnalisé Une fois cliqué, vous pouvez ajouter votre texte ou vos codes dans le bloc concerné.saisir un texte en HTMLEt comme toujours, lorsque vous terminez, vous devez enregistrer vos changements afin de ne pas les perdre. 🙂

Comme vous avez pu le voir sur les images d’illustration ci-dessus, vous modifiez uniquement le code HTML d’un bloc. Si vous souhaitez plutôt accéder au code source global de la publication, cliquez sur le bouton à « trois points » situé au coin supérieur droit de l’interface d’édition.intégrer du code dans la publication

Vous pouvez maintenant accéder à différentes parties de votre publication pour y intégrer vos codes. Une fois terminé, faites l’enregistrement de vos modifications afin de ne pas les perdre.

Mais si vous utilisez plutôt l’éditeur classique pour éditer vos publications, ouvrez la publication dans laquelle vous souhaitez ajouter du code. Pour ce faire, rendez-vous dans la section « Articles › tous les articles » ou « Articles › ajouter » lorsque c’est une nouvelle publication.

Une fois que l’article est ouvert dans l’éditeur, cliquez sur le bouton « Texte » situé au coin supérieur droit de la zone d’ajout de texte (référence image ci-dessous).modifier le code HTML dans l'editeur classiqueEnsuite, le mode texte sera ouvert, vous pouvez maintenant ajouter vos extraits de code.modifier le HTML dans l'éditeur classique

Une fois terminé, vous devez aussi enregistrer vos modifications afin de les publier.

Intégrer du code avec un plugin WordPress

Si la première méthode est rapide, cette deuxième est la plus facile, que vous pouvez utiliser si vous débutez dans WordPress. Elle vous permet d’ajouter des extraits de codes à vos pages, les contrôler, les activer ou même les désactiver. 🙂 Un autre avantage est qu’en dehors de l’ajout de codes à vos publications, vous pouvez utiliser ces plugins pour modifier votre thème.

Ainsi, vous pouvez, par exemple, modifier l’apparence de vos publications ou vos pages en toute sécurité. Il existe plusieurs plugins pour intégrer du code dans WordPress. Cependant, vous allez découvrir deux extensions qui sont les plus simples à utiliser.

Head, Footer and Post Injections

Pour l’utiliser, vous devez tout d’abord l’installer sur votre site. Pour ce faire, rendez-vous dans la section « Extensions › Ajouter ». Vous serez redirigé vers le répertoire officiel des extensions WordPress. ajouter un pluginVous devez utiliser la zone de recherche pour retrouver ce plugin rapidement. Une fois trouvé, passez à l’installation du plugin. 👇Une fois l’installation terminé, vous devez activer le plugin pour le rendre fonctionnel. Ensuite, accédez à la section « Réglages › Header and Footer ».réglages/Header and FooterUne nouvelle interface vous sera présentée. 👇 Comme vous pouvez le voir, vous avez la possibilité d’intégrer du code à plusieurs sections de votre site. Vous pouvez même ajouter du code à vos pages AMP.ajouter du code avec Header and FooterPour intégrer du code dans vos publications avec ce plugin, rendez-vous dans l’onglet « Posts ».ajouter du code HTML aux publicationsEt si vous souhaitez ajouter ce code dans l’en-tête ou le pied de page de votre site, rendez-vous dans l’onglet « Head and Footer ».intégrer du code dans le head et le footer Dans tous les cas, une fois que vous terminez, vous devez cliquer sur le bouton « Save » afin de publier vos changements.

Code Snippets

Si vous n’arrivez pas à utiliser le premier plugin, ce deuxième module est pour vous. Code Snippets est l’un des plugins populaires pour intégrer du code dans WordPress. Comme pour son prédécesseur, vous devez tout d’abord l’installer en accédant à la section « Extensions › Ajouter ».installer Code SnippetsUne fois installé, vous devez configurer ce plugin. Il offre plusieurs avantages, notamment l’activation ou la désactivation de vos extraits de code.configurer Code SnippetsUne fois cliqué, vous serez redirigé vers une nouvelle interface. Faites la configuration selon vos besoins en cochant les options ou en les décochant.confuration de code snippets Après avoir terminé, cliquez sur le bouton « Enregistrer les modifications » afin de les publier. Ensuite, accédez à la section « Snippets › Ajouter ».ajouter du code dans WordPress avec Code Snippets Une fois cliqué, vous serez redirigé vers une nouvelle interface. Commencez par saisir le titre de votre code. 👇intégrer du code dans WordPress Ensuite, ajouter vos extraits de code dans la zone blanche. Une fois terminé, choisissez la section dans laquelle vous souhaitez appliquer ce code.

Vous pouvez aussi décrire votre extrait de code. Ce qui peut vous permettre de le retrouver facilement parmi tant d’autres.décrire le code

Après avoir terminé, cliquez sur le bouton « Enregistrer les modifications et activer » votre code.

Par ailleurs, si vous souhaitez accéder à la liste de codes que vous avez ajoutée à votre site, rendez-vous dans la section « Snippets › Tous les extraits ».tous les extraits de codeVous avez la possibilité de modifier vos codes en cliquant sur le bouton « Modifier ».modifier l'extrait de code Une fois que vous avez terminé, n’oubliez pas de faire l’enregistrement de vos modifications.

Intégrer du code manuellement dans WordPress

Cette méthode semble être délicate. 🤔 Avant de vous lancer, vous devez au préalable effectuer une sauvegarde afin de faire marche arrière au cas où votre site est endommagé. 💡 Elle consiste à accéder aux fichiers de votre installation WordPress en utilisant un logiciel client FTP tel que FileZilla ou le gestionnaire de fichiers intégré à votre hébergement web (File Manager LWS Panel ou gestionnaire de fichiers cPanel).

L’utilisation de votre gestionnaire de fichiers est plus rapide. Pour cela, la manière d’accéder aux fichiers diffère selon que vous êtes sur la formule cPanel ou sur LWS Panel.

Pour une formule LWS Panel, il suffit de vous connecter à votre compte d’hébergement, ensuite cliquer sur le bouton « Gestionnaire de fichiers ».gestionnaire de fichiers Ensuite, si vous êtes sur la formule cPanel, commencez par vous connecter au cPanel.accés au cPanelUne fois cliqué, une nouvelle interface vous sera présentée. Vous devez défiler jusqu’à la rubrique « Fichiers » puis cliquer sur le bouton « Gestionnaire de fichiers ».gestionnaire de fichiers/cPanelUne fois que vous avez accédé au gestionnaire de fichiers, localisez votre thème dans le dossier « public_html ».localiser le thème Une fois que vous accédez à votre thème, vous avez la possibilité d’intégrer du code dans les différentes sections de votre site, notamment dans le pied et l’en-tête de vos pages.en-tête et pied de page

Pour accéder à un fichier, il suffit de faire un clic droit dessus, ensuite choisir l’option « Éditer ».éditer un fichier Vous devez par la suite choisir le type d’encodage puis cliquer sur le bouton « Éditer ».choisir le type d'encodageUne fois cliqué, le fichier sera ouvert dans une nouvelle interface. Vous pouvez alors intégrer vos extraits de code.interface d'édition manuelle de code Après avoir terminé, cliquez sur le bouton « Enregistrer les modifications » afin qu’elles soient publiées.modifier le code du fichier Footer et publier

Les produits nécessaires pour intégrer du code dans WordPress

intégration du code WordPress : produits necessairesPour pouvoir lire ce tutoriel et mettre en pratique ces connaissances, vous devez avoir installé, obligatoirement, WordPress sur votre hébergement.

WordPress est sûrement le CMS le plus puissant 👊 et le plus populaire 👨‍👨‍👧‍👧 de ces dernières années. Jusqu’en 2021, ce système de gestion de contenu fait fonctionner plus de 35 % des sites web en ligne. Mais pour bénéficier de sa puissance globale ainsi que ses nombreuses fonctionnalités, WordPress a besoin d’être installé sur un serveur d’hébergement web de qualité tels que LWS.

Pour simplifier les choses, LWS met à votre disposition ses offres d’hébergement WordPress. Ces offres incluent tous les outils nécessaires pour vous lancer et créer votre site WordPress dès aujourd’hui.offres d'hebergement WordPress LWSComme vous pouvez le voir, les offres sont adaptées à tous les budgets de lancement et comportent plusieurs avantages :

  • Un nom de domaine gratuit
  • Un certificat SSL gratuit
  • Des sauvegardes gratuites toutes les 24 heures
  • Des adresses e-mails professionnelles
  • Des performances toujours au rendez-vous
  • Un support technique 7jours/7

🥳 Félicitations ! Vous savez maintenant intégrer facilement du code dans vos publications. Lorsque vous gérez un site WordPress, l’intégration d’un code vous permet de contrôler l’apparence ou certaines fonctionnalités de WordPress. Il existe trois méthodes pour intégrer du code dans un site basé sur WordPress. La première consiste à utiliser directement l’éditeur de WordPress (Gutenberg ou le Classic Editor). La deuxième consiste à utiliser un plugin. Les deux extensions WordPress que vous pouvez utiliser facilement sont entre autres : Head, Footer and Posts Injections et Code Snippets. Et enfin, vous pouvez intégrer manuellement du code en utilisant un gestionnaire de fichiers ou un client FTP pour modifier les fichiers de votre installation WordPress.

Maintenant, que vous savez comment faire, commencez dès aujourd’hui! 🚀 Si vous avez des questions, écrivez-nous dans la section commentaire.

Avatar de l'auteur

Auteur de l'article

Joseph

Joseph est rédacteur web depuis quatre ans. Ses thématiques préférées sont le digital et le web marketing et l’e-commerce. La persévérance, l’assiduité et le courage font partie de sa méthode de travail. C'est ce qui lui permet d'affronter n’importe quel sujet.

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.