Si vous souhaitez insérer des vidéos, des images, des cartes ou des ca­len­driers sur votre site, cela nécessite une grande capacité de stockage et peut rendre le char­ge­ment de votre page plus lent. Avec la balise iFrame pour votre site WordPress, vous pouvez afficher du contenu sans avoir besoin de l’héberger dans votre mé­dia­thèque. Cela a plusieurs avantages que vous pouvez découvrir ici. Nous vous ex­pli­quons également comment la tech­no­lo­gie fonc­tionne et les dif­fé­rentes manières d’utiliser iFrame sur WordPress, via des plugins ou ma­nuel­le­ment.

Nom de domaine
Votre domaine en un clic
  • 1 cer­ti­fi­cat SSL Wildcard par contrat
  • Fonction incluse Domain Connect pour une con­fi­gu­ra­tion DNS sim­pli­fiée

Qu’est-ce qu’un iFrame et quels avantages offre-t-il ?

Un iFrame vous permet d’intégrer sur votre site Web des contenus externes ou des contenus hébergés sur d’autres pla­te­formes. Pour cela, il vous faut en général une balise HTML et l’adresse de la page d’origine. Le grand avantage est que les médias cor­res­pon­dants s’affichent sur votre site et peuvent y être lus, mais sont uni­que­ment stockés sur la page d’origine. Cela vous permet de ne pas utiliser l’espace de stockage dont vous disposez. C’est un avantage énorme pour les fichiers vo­lu­mi­neux que vous voudriez intégrer dans WordPress, comme les vidéos ou les ca­len­driers, car ils pour­raient ralentir votre site.

Conseil

Un domaine à votre goût ! En­re­gis­trez le domaine de votre choix sur IONOS et profitez d’une ins­tal­la­tion facile, de nom­breuses fonctions de sécurité et d’un service client qui répondra ra­pi­de­ment et de manière com­pé­tente à toutes vos questions.

À quoi sert un iFrame dans  WordPress?

Vous utilisez un iFrame dans WordPress lorsque vous souhaitez, par exemple, y intégrer votre propre contenu sans utiliser trop d’espace de stockage. Un film pro­mo­tion­nel pour votre en­tre­prise en est un bon exemple. Vous pouvez le té­lé­char­ger sur votre propre chaîne YouTube et l’intégrer ensuite sur votre site WordPress à l’aide d’un iFrame. La charge de stockage est donc sur YouTube, mais le film est toujours ac­ces­sible sur votre site.

Vous pouvez également procéder de la même manière avec des images ou d’autres médias de grande taille, ce qui présente un avantage sup­plé­men­taire : à travers leur insertion, vous pouvez aussi faire ap­pa­raître vos réseaux sociaux de manière subtile. Une in­te­rac­tion in­tel­li­gente et bien pensée entre vos dif­fé­rentes présences en ligne donne une im­pres­sion de pro­fes­sion­na­lisme et, dans l’idéal, permet aux clients ou aux visiteurs de votre site Web d’établir un contact avec vous.

Un iFrame est également une solution optimale pour les sites de WordPress si vous souhaitez intégrer des contenus externes. Dans ce cas, vous devez ab­so­lu­ment faire attention aux droits d’auteur. Un iFrame vous permet gé­né­ra­le­ment d’intégrer des médias provenant de sources externes sur votre site de WordPress en toute sécurité.

Conseil

Plus rapide, plus simple et plus sûr : Avec l’hé­ber­ge­ment Wordpress de IONOS, vous choi­sis­sez non seulement le modèle tarifaire qui vous convient le mieux, mais vous profitez également de nombreux avantages. Ici, vous êtes sûr de trouver l’hé­ber­ge­ment qui vous convient, qu’il s’agisse de bases de données avec tech­no­lo­gie SSD, de trois domaines toujours gratuits, ou de la fibre optique 360 Gbit/s.

Définir les pa­ra­mètres et intégrer les médias de manière idéale

Lorsque vous intégrez des médias dans WordPress avec iFrame, vous pouvez définir dif­fé­rents pa­ra­mètres. Ceux-ci veillent à ce que, par exemple, une vidéo ne cache pas le reste de votre page ou au contraire, qu’elle ne soit pas trop petite et invisible. Il s’agit notamment de décider du moment où un média doit être chargé. La largeur et la hauteur sont également im­por­tantes et per­met­tent de faire ap­pa­raître de manière optimale les vidéos et autres médias tout en les intégrant bien dans le site Web concerné. Lorsque vous ajoutez des médias externes dans WordPress via iFrame, vous pouvez également autoriser ou exclure d’autres options, comme le mode plein écran.

Intégrer ma­nuel­le­ment un iFrame dans WordPress

Vous avez plusieurs pos­si­bi­li­tés pour intégrer un iFrame dans WordPress. Si vous choi­sis­sez de le faire ma­nuel­le­ment, il vous suffit d’insérer le code cor­res­pon­dant dans l’éditeur. Voici à quoi ce code ressemble :

<iframe  src="example.org"></iframe>

Si vous souhaitez adapter les pa­ra­mètres sus­men­tion­nés, saisissez les valeurs cor­res­pon­dantes. Par exemple :

<iframe  src="example.org" width="900" height="800"></iframe>

Il n’est toutefois possible d’intégrer des sites Web qu’avec le même Hypertext Transfer Protocol (HTTP). Ainsi, si votre site dispose d’un cer­ti­fi­cat SSL et utilise donc le HTTPS, mais que le site d’origine ne l’utilise pas, l’in­té­gra­tion ne fonc­tion­nera pas.

Utiliser des codes d’in­té­gra­tion pour votre iFrame

Toutes les pla­te­formes n’au­to­ri­sent toutefois pas l’insertion manuelle d’iFrame dans WordPress. Vous ne devez pas pour autant renoncer au contenu de ces pages. En effet, certaines pages, dont le contenu est intégré très ré­gu­liè­re­ment, vous per­met­tent d’utiliser encore plus fa­ci­le­ment le contenu cor­res­pon­dant pour votre site Web. YouTube, par exemple, propose un bouton de partage. Vous le trouverez sous la vidéo cor­res­pon­dante.

Dès que vous cliquez sur le bouton, une nouvelle fenêtre s’ouvre avec dif­fé­rentes options. Tout à gauche, vous trouverez l’option « Intégrer ».

Si vous sé­lec­tion­nez cette option, vous avez la pos­si­bi­lité de copier soit un snippet HTML, soit l’URL source. Vous les intégrez ensuite sur votre site WordPress avec iFrame.

Instagram résout le problème de manière tout aussi simple. Vous y trouverez les in­for­ma­tions dont vous avez besoin en haut à droite en cliquant sur les trois points.

Si vous cliquez dessus, une nouvelle fenêtre apparaît avec l’option « Intégrer ».

Ensuite, procédez comme décrit ci-dessus.

Hé­ber­ge­ment pour Managed WordPress
Créez votre site avec l'IA, nous gérons le reste
  • Fonctions d'IA faciles à utiliser, quel que soit votre niveau de com­pé­tence
  • Nombreux thèmes et plugins pour une per­son­na­li­sa­tion complète
  • Mise à jour sans efforts et moins d'ad­mi­nis­tra­tion

Utiliser les plugins iFrame pour WordPress

Vous pouvez également intégrer des contenus dans WordPress à l’aide d’un plugin iFrame. Cela fonc­tionne de manière très similaire à la procédure manuelle, mais un shortcode est alors créé au lieu de la balise HTML. Pour cela, vous n’avez pas besoin d’une con­fi­gu­ra­tion longue et fas­ti­dieuse. Vous activez le plugin iFrame souhaité et vous vous lancez di­rec­te­ment. Ici aussi, vous pouvez définir dif­fé­rents pa­ra­mètres et veiller ainsi à ce que la vidéo, la carte ou le ca­len­drier s’intègrent de manière optimale dans WordPress.

Les plugins iFrame pour Wordpress po­pu­laires sont par exemple :

Lorsque vous choi­sis­sez un plugin iFrame pour Wordpress, assurez-vous qu’il a été testé et qu’il est com­pa­tible avec votre version actuelle de WordPress.

En résumé : un iFrame allège la charge de votre site Web et intègre par­fai­te­ment les médias

iFrame est une bonne solution pour WordPress afin d’intégrer des contenus de qualité d’autres sites ou des médias per­son­nels tout en éco­no­mi­sant des capacités de stockage. Les trois pos­si­bi­li­tés pré­sen­tées sont toutes re­com­man­dables et réa­li­sables sans qu’il n’y ait besoin de grandes con­nais­sances préa­lables. Il est important de choisir les pa­ra­mètres afin que les médias externes s’intègrent or­ga­ni­que­ment dans le thème WordPress de votre site et ne déplacent pas d’autres éléments.

Conseil

Découvrez tout ce qu’il y a à savoir sur les thèmes WordPress dans notre guide digital ! En plus d’une liste des meilleurs plugins WordPress et d’un guide pour créer des thèmes pour enfants WordPress, vous trouverez ici de précieux conseils pour utiliser l’éditeur Gutenberg de Wordpress.

Aller au menu principal