On me demande souvent comment intégrer une iframe dans WordPress. Dans cet article, vous découvrirez également à quelles fins les Iframes sont nécessaires, quels sont les cas d’utilisation courante et comment vous pouvez afficher les Iframes dans WordPress facilement.
Qu’est-ce qu’un Iframe en fait ?
iFrame est le nom donné à une balise HTML utilisée dans le langage informatique pour intégrer dans une page HTML le contenu d’une autre page HTML. Un iframe est donc un élément HTML utilisé pour l’affichage structuré de contenu web externe. À l’aide d’une iframe, des cartes Google ou des vidéos YouTube peuvent être intégrés lors de la création de site wordpress. Les iframes sont prises en charge depuis la spécification HTML 4.0. Tous les navigateurs modernes prennent en charge l’intégration d Iframe
Pourquoi ai-je besoin d’un Iframe dans WordPress ?
Dans WordPress, les iframes sont utilisées pour intégrer des cartes ou des vidéos provenant de plateformes externes.
Intégrer Google Maps dans WordPress
Dans cette section, je vais vous montrer comment intégrer une carte Google Maps en tant qu’iframe dans WordPress.
- Ouvrez d’abord Google Maps en cliquant ici.
- Dans la recherche, entrez l’endroit que vous voulez montrer sur votre Google Map. À titre d’exemple, je vais maintenant prendre le siège social de Google en Belgique et intégrer une iframe dans WordPress (utiliser une iframe pour intégrer la carte Google Map dans WordPress).
- Cliquez ensuite sur le bouton « Partager » dans la barre de gauche. Après avoir cliqué sur le bouton « Partager » dans la barre latérale de Google Maps, une fenêtre apparaît. Vous pouvez maintenant choisir d’inclure la carte Google Map comme lien sur votre site web ou comme une carte Google Maps.
Dans la vue suivante, vous verrez la carte, qui est générée par le code iframe standard.
- vous avez la possibilité d’ajuster la taille de la carte. À cet effet, vous trouverez une petite lsite déroulante sous le bouton « Partager », avec laquelle vous pouvez choisir entre Grande 800 x 600px, Moyenne 600 x 450px (est sélectionné comme valeur par défaut), PEtite 400 x 300px et une taille personnalisée.
- Selectionnez maintenant le code HTML généré et copiez-le.
Intégrer une vidéo YouTube dans WordPress
- Dans le PopUp suivant, cliquez sur le bouton Intégrer (le premier). Dans le PopUp suivant, vous trouverez un lien pour intégrer la vidéo YouTube
- Dans cette dernière étape, vous pouvez effectuer de multiples configurations.
En plus de la taille de l’iframe, vous pouvez également définir à quelle minute la vidéo doit commencer, si d’autres vidéos doivent être proposées à la fin de la vidéo ou si les commandes de lecture de la vidéo doivent être affichées.
Intégrer un Iframe sur WordPress
-
Via Gutenberg
Pour ce faire ajoutez simplement le code Html copié précédemment dans un bloc « code » comme illustré ci-dessous
-
Via l’éditeur de texte ou le visual builder de Divi
Pour ce faire ajouter simplement un module texte
Assurez-vous simplement de cochez l’onglet « Text » souvent situé à droite de l’onglet « Visuel ».
