{"id":226879,"date":"2022-09-05T14:20:00","date_gmt":"2022-09-05T11:20:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226879"},"modified":"2022-11-09T01:12:17","modified_gmt":"2022-11-08T22:12:17","slug":"comment-integrer-un-iframe-wordpress-avec-et-sans-plugin","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-integrer-un-iframe-wordpress-avec-et-sans-plugin\/","title":{"rendered":"Comment int\u00e9grer un iFrame WordPress avec et sans plugin"},"content":{"rendered":"\n<p>Le partage ou la pr\u00e9sentation du contenu d&rsquo;autres cr\u00e9ateurs de votre c\u00f4t\u00e9 peut entra\u00eener des difficult\u00e9s juridiques.<\/p>\n<p>C&rsquo;est l\u00e0 que l&rsquo;int\u00e9gration d&rsquo;un code iframe vient offrir une solution simple.<\/p>\n<p>Si vous avez un site Web WordPress ax\u00e9 sur les m\u00e9dias, il est essentiel que le contenu que vous souhaitez fournir \u00e0 votre public soit pertinent et le rejoigne.<\/p>\n<p>Ici, nous devons \u00eatre conscients de notre espace d&rsquo;h\u00e9bergement et ne pas le consommer enti\u00e8rement.<\/p>\n<p>Cet article cr\u00e9\u00e9 par notre \u00e9quipe de <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a>, le <strong>plugin #1 pour les tableaux et les graphiques<\/strong>, vous aide \u00e0 comprendre comment vous pouvez utiliser un WordPress iFrame, ce qu&rsquo;il est et comment l&rsquo;int\u00e9grer sur votre site.<\/p>\n<h3><strong>Qu&rsquo;est-ce qu&rsquo;un iFrame WordPress ?<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20d2e323.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20d2e323.jpg\" alt=\"Comment int\u00e9grer un iFrame WordPress avec et sans plugin\" ><\/a><\/p>\n<p>En utilisant un WordPress iFrame, vous pouvez int\u00e9grer une page Web dans le contenu d&rsquo;une autre. Cela se fait en utilisant des balises HTML classiques qui contiennent le lien de la page externe. D&rsquo;autres sp\u00e9cifications telles que l&rsquo;apparence de la fen\u00eatre peuvent \u00e9galement \u00eatre ajout\u00e9es dans le bloc HTML personnalis\u00e9.<\/p>\n<p>Cela signifie que vous pouvez avoir une page dynamique sur votre site sans h\u00e9berger le contenu sur le serveur. Cela permet d&rsquo;\u00e9conomiser beaucoup d&rsquo;espace et d&rsquo;acc\u00e9l\u00e9rer le d\u00e9placement de votre site Web pour vos utilisateurs.<\/p>\n<p>En m\u00eame temps, si vous int\u00e9grez et ne t\u00e9l\u00e9chargez pas, disons une vid\u00e9o, les vid\u00e9os peuvent appara\u00eetre sur votre site.<\/p>\n<p>Les utilisateurs peuvent regarder les vid\u00e9os sans aucune charge suppl\u00e9mentaire sur vos services. C&rsquo;est intelligent car les vid\u00e9os diffus\u00e9es proviennent directement du serveur de la source.<\/p>\n<p>Vous pouvez utiliser iFrames sur presque tous les sites Web ou pages Web, et nous commen\u00e7ons d\u00e9j\u00e0 \u00e0 comprendre pourquoi. En utilisant iFrames, de nombreux propri\u00e9taires de sites cr\u00e9ent un support qui permet d&rsquo;afficher le contenu ou les pages Web d&rsquo;autres sources. Vous pouvez faire tout cela sans craindre d&rsquo;avoir besoin d&rsquo;autorisations de droits d&rsquo;auteur.<\/p>\n<p>Si vous utilisez des iFrames, vous pouvez \u00e9galement afficher le contenu de votre site sans avoir besoin de l&rsquo;h\u00e9berger dans la biblioth\u00e8que multim\u00e9dia WordPress.<\/p>\n<p>Pourquoi est-ce important?<\/p>\n<p>La r\u00e9ponse est assez simple, tous les fichiers multim\u00e9dias ont occup\u00e9 une quantit\u00e9 importante d&rsquo;espace de stockage, et vous pourriez m\u00eame ralentir votre site.<\/p>\n<h3><strong>Pourquoi utiliser un iFrame WordPress ?<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20e45d80.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20e45d80.jpg\" alt=\"Comment int\u00e9grer un iFrame WordPress avec et sans plugin\" ><\/a><\/p>\n<p>iFrame aide le site Web \u00e0 \u00e9conomiser de l&rsquo;espace de stockage et \u00e0 \u00eatre plus rapide. Il existe de nombreux utilisateurs sur le Web pour int\u00e9grer iFrame dans WordPress sans plugin. Cela inclut des vid\u00e9os, des images, d&rsquo;autres sites, etc. Vous pouvez m\u00eame utiliser iFrame pour \u00e9conomiser de l&rsquo;espace de stockage en incorporant du contenu d&rsquo;autres services.<\/p>\n<p>Bien s\u00fbr, il existe de nombreuses m\u00e9thodes pour int\u00e9grer du contenu, comme l&rsquo;utilisation d&rsquo;\u00e9l\u00e9ments Web AJAX ou HTML5 ou autres. Cependant, dans de nombreux cas, iFrame est un meilleur choix. D&rsquo;une part, l&rsquo;int\u00e9gration iFrame est utilis\u00e9e pour le contenu inter-domaines. Ce faisant, un utilisateur de site Web peut demander les ressources s\u00e9lectionn\u00e9es \u00e0 partir d&rsquo;un site Web distinct et les afficher sans manipuler l&rsquo;\u00e9l\u00e9ment.<\/p>\n<p>Voici quelques avantages de l&rsquo;utilisation de WordPress iFrame :<\/p>\n<ul>\n<li>Il vous permet d&rsquo;int\u00e9grer gratuitement du contenu visuel<\/li>\n<li>Vous pouvez afficher plusieurs annonces<\/li>\n<li>C&rsquo;est un moyen simple de visualiser le contenu de sources externes sans aucun probl\u00e8me<\/li>\n<li>Il est s\u00e9curis\u00e9 et vous n&rsquo;avez pas besoin d&rsquo;acc\u00e9der au code de contenu d&rsquo;origine<\/li>\n<\/ul>\n<h2><strong>Int\u00e9grer des iframes dans WordPress avec un plugin<\/strong><\/h2>\n<p>Les plugins WordPress iFrame ont \u00e9t\u00e9 con\u00e7us pour utiliser l&rsquo;\u00e9l\u00e9ment HTML iFrame qui a \u00e9t\u00e9 obsol\u00e8te sur WordPress pour des raisons de s\u00e9curit\u00e9. Cela vous permet de personnaliser la fonctionnalit\u00e9 iFrame en quelques clics. Il n&rsquo;y a plus besoin de code iFrame.<\/p>\n<p>Les plugins prennent en charge les shortcodes pour l&rsquo;insertion d&rsquo;iFrame. Ils peuvent \u00eatre ajout\u00e9s dans n&rsquo;importe quelle section du site Web, comme le pied de page, les widgets, etc. L&rsquo;iFrame peut facilement pr\u00e9senter n&rsquo;importe quel autre site Web et vous pouvez en personnaliser divers attributs.<\/p>\n<p>Dans ce qui suit, nous allons voir les cinq meilleurs plugins WordPress iFrame :<\/p>\n<h3><strong>iFrame<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/iframe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20f53891.jpg\" alt=\"Comment int\u00e9grer un iFrame WordPress avec et sans plugin\" \/><\/a><\/p>\n<p>Le plugin iFrame va offrir d&rsquo;excellents r\u00e9sultats. Il a les m\u00eames fonctionnalit\u00e9s que l&rsquo;int\u00e9gration d&rsquo;un iFrame mais est g\u00e9n\u00e9r\u00e9 \u00e0 l&rsquo;aide d&rsquo;un simple shortcode. Voici un exemple d&rsquo;utilisation du shortcode pour ce plugin WordPress :<\/p>\n<pre><code>[iFrame  data-src=\"https:\/\/www.YouTube.com\/embed\/fd0k_hbXWcQ\" width=\"100%\" height=\"400\"]<\/code><\/pre>\n<h3><strong>Embedder vid\u00e9o adaptatif avanc\u00e9<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/advanced-responsive-video-embedder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b2105f00b.jpg\" alt=\"Comment int\u00e9grer un iFrame WordPress avec et sans plugin\" \/><\/a><\/p>\n<p>Ce plugin est excellent pour ceux qui int\u00e8grent des vid\u00e9os YouTube ou Vimeo sur leur site WordPress.<\/p>\n<p>Avec l&rsquo;aide de ce plugin, vous pouvez apporter des vid\u00e9os dans un format r\u00e9actif et simple sur votre site.<\/p>\n<p>Ce plugin WordPress ajoute \u00e9galement un bouton Video Embed dans l&rsquo;\u00e9diteur de texte WordPress, et avec son aide, vous pouvez facilement int\u00e9grer des vid\u00e9os de diff\u00e9rents sites Web.<\/p>\n<h3><strong>iFrame avanc\u00e9<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/advanced-iframe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b211619f3.jpg\" alt=\"Comment int\u00e9grer un iFrame WordPress avec et sans plugin\" \/><\/a><\/p>\n<p>Un autre plugin utile est le plugin Advanced iFrame. Il utilise des codes courts et non les attributs iFrame habituels et fournit une interface utilisateur pour cr\u00e9er ces codes courts.<\/p>\n<p>Comme WordPress supprime les balises iFrame pour des raisons de s\u00e9curit\u00e9, ce plugin est le meilleur. Vous pouvez commencer par installer le plugin, puis vous verrez que l&rsquo;utilisation d&rsquo;un iFrame devient plus facile.<\/p>\n<h3><strong>iFrame automatique<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/auto-iframe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b2125f23e.jpg\" alt=\"Comment int\u00e9grer un iFrame WordPress avec et sans plugin\" \/><\/a><\/p>\n<p>Il s&rsquo;agit d&rsquo;une solution pour int\u00e9grer iFrame sur un <a href=\"https:\/\/colibriwp.com\/blog\/how-to-build-a-wordpress-website-in-2021\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">site WordPress<\/a>. V\u00e9rifiez-le et prenez-le \u00e0 l&rsquo;avance.<\/p>\n<h3><strong>Fen\u00eatre contextuelle iFrame<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/iframe-popup\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b2137f26d.jpg\" alt=\"Comment int\u00e9grer un iFrame WordPress avec et sans plugin\" \/><\/a><\/p>\n<p>Le plugin WordPress iFrame popup est d\u00e9velopp\u00e9 pour afficher une page Web sp\u00e9cifique dans une fen\u00eatre contextuelle. Il utilise l&rsquo;URL de la page Web \u00e0 afficher. En plus de cela, il utilise \u00e9galement l&rsquo;extension de bo\u00eete de fantaisie jQuery pour r\u00e9v\u00e9ler l&rsquo;iFrame dans une fen\u00eatre contextuelle.<\/p>\n<h3><strong>Comment int\u00e9grer iFrame dans WordPress sans plugin<\/strong><\/h3>\n<p>Pour ce faire, les \u00e9tapes ne sont pas compliqu\u00e9es du tout. Tout ce que vous avez \u00e0 faire pour int\u00e9grer le code d&rsquo;un iFrame est d&rsquo;ouvrir et de fermer les balises HTML et l&rsquo;URL de la page Web que vous souhaitez int\u00e9grer.<\/p>\n<p>Un code iFrame ressemble \u00e0 ceci\u00a0:<\/p>\n<pre><code>&lt;iFramesrc =\"your_webpage_url\"&gt;<\/code><\/pre>\n<p>Apr\u00e8s cela, si vous le souhaitez, vous pouvez apporter plus de param\u00e8tres \u00e0 la balise. La d\u00e9finition de la fen\u00eatre de l&rsquo;iFrame peut \u00eatre effectu\u00e9e \u00e0 l&rsquo;aide de ceci\u00a0:<\/p>\n<ul>\n<li>Src &#8211; La source de l&rsquo;iFrame, c&rsquo;est une URL. Si votre site dispose de SSL, vous devez vous assurer que tous les iFrames commencent par https:\/\/.<\/li>\n<li>Largeur\/Hauteur\u2013 Pour la hauteur et la largeur de la fen\u00eatre iFrame, d\u00e9finissez les valeurs en Px<\/li>\n<li>frame border \u2013 Pour afficher ou masquer le Frameborder, utilisez les valeurs &lsquo;0&rsquo; ou &lsquo;1.&rsquo;<\/li>\n<li>Aligner &#8211; Pour d\u00e9terminer l&rsquo;alignement de la page de la fen\u00eatre, utilisez les valeurs &quot;gauche&quot; &quot;droite&quot; &quot;droite&quot; &quot;haut&quot;, &quot;bas&quot;.<\/li>\n<li>D\u00e9filement &#8211; Pour d\u00e9sactiver ou activer le d\u00e9filement \u00e0 l&rsquo;int\u00e9rieur de la fen\u00eatre. Utilisez les valeurs &quot;oui&quot;, &quot;non&quot; ou<\/li>\n<\/ul>\n<p>Il y a certaines limitations que nous devons conna\u00eetre concernant l&rsquo;URL source. Si vous utilisez un iFrame, vous pouvez afficher uniquement le contenu d&rsquo;autres sites qui utilisent les m\u00eames protocoles de transfert hypertexte que le v\u00f4tre.<\/p>\n<p>Ainsi, si votre site Web commence par HTTPS, vous pouvez int\u00e9grer du contenu provenant d&rsquo;autres sites HTTPS tiers. Cela s&rsquo;applique \u00e9galement aux sites qui utilisent HTTP ; ils ne peuvent int\u00e9grer que des URL contenant HTTP.<\/p>\n<h3><strong>Fin des r\u00e9flexions sur l&rsquo;int\u00e9gration d&rsquo;un iFrame WordPress<\/strong><\/h3>\n<p>En conclusion, savoir int\u00e9grer un code iFrame est tr\u00e8s utile pour tout propri\u00e9taire de site WordPress.<\/p>\n<p>Cela est encore plus vrai pour quelqu&rsquo;un qui s&rsquo;appuie sur beaucoup de contenu pour attirer l&rsquo;attention de ses utilisateurs.<\/p>\n<p>Si vous avez aim\u00e9 lire cet article sur la fa\u00e7on d&rsquo;int\u00e9grer un iframe WordPress, vous devriez consulter celui-ci sur <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-changer-les-polices-dans-wordpress-sans-tracas\/\" title=\"la fa\u00e7on de changer les polices dans WordPress\">la fa\u00e7on de changer les polices dans WordPress<\/a>.<\/p>\n<p>Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes tels <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-trouver-lid-de-page-dans-wordpress-en-quelques-etapes\/\" title=\"que comment trouver l&#039;ID de page dans WordPress\">que comment trouver l&rsquo;ID de page dans WordPress<\/a>, comment <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-telecharger-la-mediatheque-wordpress\/\" title=\"t\u00e9l\u00e9charger la m\u00e9diath\u00e8que WordPress\">t\u00e9l\u00e9charger la m\u00e9diath\u00e8que WordPress<\/a>, comment <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-eliminer-javascript-et-css-bloquant-le-rendu-dans-le-contenu-au-dessus-du-pli\/\" title=\"\u00e9liminer JavaScript et CSS bloquant le rendu dans le contenu au-dessus de la ligne de flottaison\">\u00e9liminer JavaScript et CSS bloquant le rendu dans le contenu au-dessus de la ligne de flottaison<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-arreter-une-attaque-ddos-sur-votre-site-wordpress\/\" title=\"comment arr\u00eater une attaque DDoS\">comment arr\u00eater une attaque DDoS<\/a> et comment <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-masquer-le-titre-de-la-page-dans-wordpress-un-guide-rapide\/\" title=\"masquer le titre de la page dans WordPress\">masquer le titre de la page dans WordPress<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les plugins WordPress iFrame ont \u00e9t\u00e9 con\u00e7us pour utiliser l&rsquo;\u00e9l\u00e9ment HTML iFrame qui a \u00e9t\u00e9 obsol\u00e8te sur WordPress pour des raisons de s\u00e9curit\u00e9.<\/p>\n","protected":false},"author":1,"featured_media":197222,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[832,811,841,862],"tags":[1167],"class_list":["post-226879","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-pour-les-debutants","category-plugins-2","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/226879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=226879"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/226879\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/197222"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=226879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=226879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=226879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}