Besoin d’intégrer un iFrame sur votre site WordPress ? Apprenez à utiliser les iFrames sur votre site WordPress avec ce tutoriel détaillé. Ci-dessous, nous couvrirons les bases d’un iframe et comment vous pouvez intégrer le code iframe dans WordPress.
Continuez à lire pour apprendre :
- Que sont les iFrames et comment fonctionnent-ils ?
- iFrame vs Embed
- Utilisation d’iFrames avec WordPress
Que sont les iFrames ?
Un cadre en ligne, également connu sous le nom d’iFrame, permet d’intégrer une page Web à l’intérieur d’une autre page Web. Cela peut être utile lorsque, par exemple, l’affichage d’une carte de l’adresse physique de votre organisation (comme une vitrine) sur votre site Web WordPress. Les outils cartographiques fournissent généralement du code intégré, tel qu’un iFrame, pour afficher une carte dans le cadre d’une page de votre site Web.
L’utilisation d’un iFrame est également populaire pour l’ajout de vidéos YouTube intégrées sur votre site Web. Si vous cliquez sur le bouton “partager” sous une vidéo sur YouTube, il existe une option “intégrer” – à côté des plates-formes de réseaux sociaux typiques – que vous pouvez utiliser sur une page ou une publication WordPress.
Puis-je utiliser des iFrames dans WordPress ?
Oui, les iFrames WordPress sont pris en charge comme moyen d’intégrer du contenu dans une publication ou une page de votre site Web. Il y a quelques options à considérer lors de l’ajout de contenu externe à votre site, un iFrame étant une option populaire prise en charge par WordPress.
Quelle est la différence entre iFrame et Embed ?
Alors que les iFrames sont une technologie permettant d’intégrer du contenu sur votre site, WordPress propose également une fonctionnalité, connue simplement sous le nom de Intégrerqui est configuré pour les sources de contenu courantes, telles que YouTube.
Cela dit, vous voudrez peut-être considérer le “intégrer» caractéristique du Éditeur de blocs WordPressqui prend en charge de nombreux sites et services prêts à l’emploiavant d’atteindre directement une iFrame.
Comment utiliser les iFrames avec WordPress
Éditeur de blocs
Bien que l’éditeur de blocs WordPress n’ait pas de bloc par défaut pour l’ajout d’iFrames, il existe un certain nombre de plugins qui prennent en charge l’ajout d’iFrames à vos publications et/ou pages WordPress. L’utilisation d’un bloc serait la méthode préférée pour ajouter un iFrame à la page.
Lecture connexe : Comment utiliser les blocs WordPress Gutenberg >>
Si vous n’avez pas encore de plugin avec un bloc iFrame installé sur votre site WordPress, les blocs peuvent être recherchés et installés directement depuis l’éditeur de blocs. Alternativement, vous pouvez installer le plugin en utilisant le Tableau de bord d’administration WordPress puis revenez à l’édition de votre page/publication.
Petit code
Si votre site Web utilise l’éditeur classique, par opposition au nouvel éditeur de blocs, vous pouvez ajouter des iFrames à vos pages et publications à l’aide d’un shortcode, qui est fourni par un certain nombre de plugins. Semblable au bloc iFrame mentionné ci-dessus, un shortcode peut être utilisé pour ajouter un iFrame à votre site Web.
Code d’intégration (HTML)
Parfois, le code d’intégration d’un site n’est pas aussi simple qu’une URL. Dans ce cas, le code d’intégration peut être ajouté à une page WordPress à l’aide du bloc HTML. Si cela est nécessaire, le site ou le service fournira le code d’intégration qui pourra être copié et collé sur la page. Dans WordPress, cela utiliserait soit le bloc HTML personnalisé dans l’éditeur de blocs, soit l’onglet HTML de l’éditeur classique.
Solutions WordPress tout-en-un
Propulsez votre site avec l’hébergement WordPress le plus optimisé du secteur
Limites des iFrames
Gardez à l’esprit que toutes les pages Web ne peuvent pas être intégrées. Certains sites s’interdisent spécifiquement d’être intégrés dans une autre page.
Si tel est le cas, vérifiez si le site ou le service dispose d’une méthode alternative recommandée pour intégrer son contenu.
FAQ iFrame WordPress
Qu’est-ce qu’un code iFrame ?
iFrame signifie cadre en ligne. Le code iFrame est un code HTML qui intègre un élément, tel qu’une vidéo, des publicités ou du contenu interactif, dans votre page. L’utilisation du code iFrame sur votre site vous permet essentiellement de présenter le contenu d’un autre site sur votre page.
iFrame fonctionne-t-il dans WordPress ?
Oui, iFrame fonctionne dans WordPress. Pour ajouter iFrame à WordPress, vous pouvez utiliser un certain nombre de méthodes différentes, telles que Embed Blocks, HTML, shortcode ou plugins. Copiez et collez simplement le code d’intégration dans l’un de ces éléments pour ajouter iFrame à votre site Web WordPress.
Comment créer un code d’intégration iFrame dans WordPress ?
Il est facile de créer un code d’intégration iFrame dans WordPress. Ajoutez simplement un bloc HTML à votre page WordPress, puis collez-y le code iFrame, qui peut provenir d’une vidéo YouTube ou d’une carte, par exemple. Ensuite, prévisualisez vos modifications pour voir l’iFrame intégré à votre page.
Comment puis-je obtenir un code d’intégration iFrame ?
Le code iFrame provient généralement d’un tiers, tel que YouTube ou un widget. Pour obtenir un code d’intégration iFrame sur votre site Web, procédez comme suit :
1. Ajoutez un bloc HTML à votre page.
2. Collez votre code d’intégration.
3. Enregistrez et publiez vos modifications.
Comment intégrer du code dans WordPress ?
Il est facile d’intégrer du code dans WordPress. Vous pouvez intégrer du code pour des vidéos, des tweets, des images, etc. à l’aide de l’éditeur de blocs. Collez simplement l’URL dans un bloc Embed. Vous pouvez également utiliser le plugin Code Embed ou un bloc HTML sur votre site.
Maintenant tu sais
Vous devez maintenant connaître les bases des iFrames et savoir comment intégrer du code iFrame dans WordPress, ainsi que certaines options alternatives à considérer, en fonction de la source du contenu intégré.
Nexcess améliore WordPress
WordPress est génial, mais vous avez aussi besoin d’un excellent hébergeur. C’est là qu’intervient Nexcess.
L’hébergement WordPress entièrement géré de Nexcess fait ressortir le meilleur de votre site. Avec Nexcess, vous :
- Obtenez des outils premium à votre disposition.
- Restez en sécurité avec iThemes Security Pro.
- Chargez rapidement avec la compression d’image intégrée, la mise en cache avancée et le CDN.
Et juste au cas où quelque chose ne va pas, les experts WordPress de Nexcess sont là pour vous 24h/24 et 7j/7.
Découvrez nos plans d’hébergement WordPress entièrement gérés pour commencer dès aujourd’hui.