Ajouter du code à votre site

Il existe plusieurs façons d’ajouter du code personnalisé à votre site Web WordPress.com. Ce guide vous explique quels types de code peuvent être ajoutés à votre site Web, en fonction de votre plan WordPress.com.

Le type de code que vous pouvez ajouter à un site Web WordPress.com dépend de votre offre :

• Les sites gratuits sont soumis à des limitations concernant le code pouvant être ajouté. Ces restrictions visent à garantir la sécurité de tous les sites qui partagent cet environnement d’hébergement.
• Avec un plan compatible avec les extensions, vous pouvez ajouter le code de votre choix une fois que vous avez activé votre plan.

Si vous souhaitez utiliser un iframe, du JavaScript ou tout autre code sur un site sans passer à un plan compatible, envisagez les alternatives suivantes :

• Il existe plusieurs méthodes sûres pour partager des vidéos, des fichiers audio et des documents sur n’importe quel site WordPress.com.
• Vous pouvez intégrer du contenu provenant de nombreux services populaires sans code. Consultez la liste complète des plateformes prises en charge, notamment YouTube, Spotify, Giphy, toutes les principales plateformes de réseaux sociaux, et bien d’autres.
• WordPress.com propose de nombreuses fonctionnalités supplémentaires accessibles sans code ni extensions. Parmi celles-ci : les formulaires de contact, les galeries, Google Analytics, les boutons de paiement, les événements, les sondages, les quiz, la prise de rendez-vous, les réservations de restaurant, et bien plus encore. Consultez ce guide pour obtenir la liste des fonctionnalités incluses.

Le HTML est le langage utilisé par toutes les pages Web sur Internet. Il utilise des codes spéciaux (appelés balises) pour structurer et organiser le contenu d’une page Web : texte, images, liens et contenus multimédias. Tous les sites WordPress.com peuvent utiliser les balises HTML suivantes :

De plus, les sites disposant d’un plan compatible avec les extensions et dont les fonctionnalités d’hébergement sont activées peuvent utiliser les codes suivants :

embed, frame, iframe, form, input, object, textarea, script, style, link

Vous pouvez insérer un bloc HTML personnalisé pour de petits extraits de HTML.

Vous pouvez modifier le HTML directement dans l’éditeur de WordPress de deux façons :

Dans la barre d’outils de chaque bloc (qui apparaît lorsque vous cliquez sur le bloc), les points de suspension (les trois points) proposent une option « Modifier en HTML » permettant de modifier le HTML de ce bloc spécifique.

Si vous souhaitez modifier l’intégralité de la page en HTML, cliquez sur les points de suspension dans le coin supérieur droit, puis sélectionnez « Éditeur de code » pour basculer en mode HTML.

Par défaut, l’éditeur de code utilise la coloration syntaxique. Vous pouvez la désactiver pour un utilisateur donné sur un site donné en suivant ces étapes :

1. Accédez à Utilisateurs → Profil dans le tableau de bord de votre site.
2. Cochez la case à côté de « Désactiver la coloration syntaxique lors de la modification de code ».
3. Cliquez sur le bouton « Mettre à jour le profil » pour enregistrer vos modifications.

Le CSS gère la présentation et l’apparence du contenu Web en HTML. Il permet de contrôler les couleurs, les polices, les tailles, les espacements et le positionnement des éléments sur une page Web.

La modification du CSS est disponible sur les sites disposant d’un plan Personnel, Premium, Business ou Commerce. Consultez notre guide CSS personnalisé pour en savoir plus.

JavaScript apporte interactivité et dynamisme aux pages Web. Ce langage permet de créer des fonctionnalités attrayantes comme des formulaires interactifs, des animations et un design adaptatif.

Les codes JavaScript commencent généralement par une balise <script> et peuvent être utilisés sur les sites disposant d’un plan avec extensions. Vous pouvez insérer du code JavaScript à l’aide d’un bloc HTML personnalisé ou d’une autre méthode décrite dans la section suivante sur l’insertion de code.

Le code JavaScript fourni par des services de confiance, comme YouTube ou Google Maps, peut être transformé en intégration ou en code court compatible avec tous les plans.

Dans le respect des limitations décrites ci-dessus, vous pouvez ajouter du code à votre site avec la méthode la mieux adaptée à vos besoins. Les méthodes suivantes conviennent à l’insertion de la plupart des types de code, y compris les iframes et le JavaScript :

• Intégrez du code dans une page ou un article à l’aide du bloc HTML personnalisé.
• Importez directement des images, des vidéos, des fichiers audio et des documents. Consultez Types de fichiers acceptés pour en savoir plus.
• Faites vérifier votre site par Google Search, Bing, Pinterest, Yandex et Facebook Business. Consultez Services de vérification de site.
• Affichez du code source à l’aide du bloc de code SyntaxHighlighter.

Sites compatibles avec les extensions dont les fonctionnalités d’hébergement sont activées uniquement :

• Ajoutez des codes de vérification pour des services comme AdSense, Facebook et Mailchimp via une extension. Consultez Ajouter du code aux en-têtes.
• Ajoutez du code au fichier functions.php via une extension comme Code Snippets.
• Modifiez directement les fichiers de votre site via SFTP (FTP sécurisé).
• Installez une extension pour ajouter pratiquement n’importe quelle fonctionnalité à votre site Web.
• Créez un thème enfant pour apporter des modifications à votre thème.