{"id":31495,"date":"2019-09-17T04:56:33","date_gmt":"2019-09-17T11:56:33","guid":{"rendered":"https:\/\/kinsta.com\/?p=53723"},"modified":"2024-01-23T09:22:26","modified_gmt":"2024-01-23T08:22:26","slug":"iframe-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/iframe-wordpress\/","title":{"rendered":"Comment int\u00e9grer du code iFrame sur votre site WordPress (manuellement et avec des plugins)"},"content":{"rendered":"

Le partage de contenu est une pratique assez courante. Cependant, le fait de pr\u00e9senter le contenu d’un autre cr\u00e9ateur sur votre site peut avoir des ramifications juridiques, en h\u00e9bergeant de gros volumes de contenu des fichiers tels que des vid\u00e9os<\/a> peuvent affecter la performance de votre site<\/a>. Heureusement, les iFrames apportent une solution simple \u00e0 ces probl\u00e8mes.<\/p>\n

Dans cet article, nous vous expliquerons ce que sont les iFrames et comment les utiliser avec votre site WordPress.<\/p>\n

Pr\u00eat \u00e0 plonger ? Allons-y !<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Que sont les iFrames (et pourquoi elles sont utiles) ?<\/h2>\n

Une iFrame est un moyen d’int\u00e9grer une page Web dans le contenu d’une autre page. Cela se fait \u00e0 l’aide de balises HTML, de l’URL de la page externe et des sp\u00e9cifications concernant la fa\u00e7on dont la fen\u00eatre doit appara\u00eetre sur votre site.<\/p>\n

Il y a deux situations dans lesquelles les iFrames sont g\u00e9n\u00e9ralement utiles.<\/p>\n

La premi\u00e8re est lorsque vous souhaitez partager du contenu qui ne vous appartient pas. Dans la plupart des cas, l’int\u00e9gration de contenu via une iFrame n\u2019est pas consid\u00e9r\u00e9e comme une violation du droit d’auteur<\/a> (voir aussi la d\u00e9cision de l’UE<\/a>). Par cons\u00e9quent, il s’agit g\u00e9n\u00e9ralement d’une m\u00e9thode de partage l\u00e9gale et plus \u00e9thique que la plupart des autres options. De plus, le code d’une iFrame n’est pas directement accessible. Cela signifie qu’un visiteur de votre site ne peut pas copier le contenu int\u00e9gr\u00e9 et le partager ailleurs.<\/p>\n

La deuxi\u00e8me raison pour laquelle vous voudrez peut-\u00eatre incorporer des iFrames est pour le partage de fichiers volumineux, comme de la vid\u00e9o, de l\u2019audio, ou m\u00eame des images. YouTube<\/a> en est l’exemple parfait.<\/p>\n

Avec une iFrame, vous pouvez afficher le contenu d’un fichier sur votre site sans avoir \u00e0 l’h\u00e9berger dans votre biblioth\u00e8que WordPress<\/a>. C’est important parce que ces types de fichiers multim\u00e9dias occupent souvent beaucoup d’espace de stockage, et pourraient m\u00eame ralentir votre site<\/a>.<\/p>\n

En h\u00e9bergeant vos vid\u00e9os sur une plateforme telle que YouTube<\/a> et en les int\u00e9grant ensuite sur votre site WordPress avec des iFrames, vous pouvez \u00e9viter les inconv\u00e9nients de les t\u00e9l\u00e9verser directement sur votre site. Cette technique vous aidera \u00e0 devenir un membre plus \u00e9thique de la communaut\u00e9 en ligne et \u00e0 garder votre site rapide<\/a> et facile \u00e0 utiliser.<\/p>\n

Comment utiliser des iFrames avec WordPress (3 m\u00e9thodes)<\/h2>\n

Tout comme il existe diff\u00e9rents sc\u00e9narios dans lesquels vous pouvez vouloir utiliser une iFrame, il existe de multiples m\u00e9thodes pour en impl\u00e9menter. Ci-dessous, nous allons explorer trois des fa\u00e7ons les plus courantes d’ajouter des iFrames \u00e0 votre site WordPress.<\/p>\n

1. Ajouter manuellement des iFrames dans WordPress<\/h3>\n

Le code de base pour ajouter une iFrame \u00e0 une page est assez simple. Tout ce dont vous avez besoin sont les balises HTML d’ouverture et de fermeture, et l’URL de la page Web que vous souhaitez int\u00e9grer :<\/p>\n

<iframe src=\"exemple.com\"><\/iframe><\/code><\/pre>\n
Il y a quelques limitations \u00e0 noter concernant l’URL source. Tout d’abord, iFrames ne peut afficher que le contenu des sites qui utilisent le m\u00eame protocole de transfert d’hypertexte<\/a> que le v\u00f4tre. En d’autres termes, si votre site utilise HTTPS, vous ne pouvez int\u00e9grer que du contenu provenant d’autres sites HTTPS. De m\u00eame, si vous utilisez HTTP, vous ne pouvez int\u00e9grer que des URL qui utilisent \u00e9galement HTTP.<\/p>\n
De plus, certains sites populaires – tels que Facebook<\/a> et YouTube – d\u00e9sactivent l’int\u00e9gration manuelle d\u2019iFrame. Essayer d’afficher une page d’un site qui ne permet pas l’int\u00e9gration d’iFrame affichera une erreur dans votre fen\u00eatre :<\/p>\n
\"Int\u00e9gration
Int\u00e9gration d\u2019iFrame d\u00e9sactiv\u00e9e<\/figcaption><\/figure>\n
Si vous \u00eates capable d’utiliser cette m\u00e9thode, il est important de savoir que vous pouvez \u00e9galement personnaliser vos iFrames pour r\u00e9pondre aux besoins de votre site. C’est l\u00e0 que les param\u00e8tres iFrame entrent en jeu. Quelques-uns des plus courants sont les suivants :<\/p>\n