Qu’est ce qu’un iFrame sur WordPress ?

Qu’est ce qu’un iFrame sur WordPress ?

 À quoi servent-ils les iframes ?

Un iFrame est un petit élément de conception Web.

 

C’est un cadre dans un cadre. Un cadre est un document HTML unique qui peut être affiché dans une fenêtre de navigateur avec d’autres documents HTML. Les cadres sont souvent utilisés pour la navigation sur les pages du site Web. Ils ont divisé une énorme page de site Web en différents mini-cadres pour faciliter la navigation. Les iFrames sont utilisés pour afficher du contenu provenant de différentes sources, telles que du contenu vidéo et audio, des médias interactifs, etc. Vous devez avoir vu des vidéos YouTube sur des pages de différents sites Web ou des articles sur d’autres sites Web. Cela se fait à l’aide d’iFrames. Quant à l’iFrame WordPress, c’est probablement le plus disponible de son genre. De plus, les CMS sont très populaires et conçus pour être conviviaux.

 

L’élément iFrame vous permet d’inclure du contenu provenant d’autres sources sur la page. Il attirera l’attention du visiteur et décorera le contenu de la page Web. Dans le même temps, le contenu provenant d’autres sources peut aider vos pages à être mieux classées dans la recherche Google. Par conséquent, votre site est susceptible d’apparaître sur la première page de la recherche Google. De plus, vous pouvez placer des publicités sur les pages de votre site Web. Ces publicités peuvent provenir d’autres sources, et vous pouvez même être financé par leur présence sur votre site Web.

Lire Aussi...  Top 5 des plugins WordPress anti-adblock

 

Qu’est-ce qu’il est important de savoir sur les iFrames ?

N’oubliez pas que les iFrames font partie du contenu de la page, pas de votre site Web. Il est également important d’utiliser une source fiable lors de l’utilisation d’iFrames. Si vous utilisez des sites Web douteux et incertains, vos pages seront lentes et, dans l’ensemble, l’utilisation de sources douteuses n’est pas agréable du tout. De plus, vous ne devez pas abuser des iFrames car le site ralentira à nouveau. Ce sont les choses que vous devez garder à l’esprit lorsque vous utilisez des iFrames.

Faites également attention aux outils sur lesquels vous comptez. Un peu plus bas, nous vous montrerons les meilleurs plugins WordPress iFrame de 2022.

 

Comment utiliser les iFrames de WordPress

WordPress est l’un des systèmes de gestion de contenu les plus populaires aujourd’hui, et vous pouvez également y utiliser des iFrames. Pour vous montrer comment utiliser WordPress iFrames, je vais vous expliquer comment insérer des vidéos depuis YouTube, car les vidéos sont l’un des meilleurs moyens d’attirer l’attention. Pour cela, vous devez au moins savoir utiliser WordPress. Voici donc les étapes simples pour insérer une vidéo de YouTube dans WordPress.

étape numero 1
Allez sur YouTube et choisissez la vidéo que vous souhaitez partager.

deuxième étape
Cliquez sur le bouton de partage sous la vidéo.

Étape  numero 3
Dans les médias sociaux répertoriés, sélectionnez Intégrer. Vous verrez une boîte de dialogue avec quelques options.

la quatrième étape
Copiez le code iFrame (juste dans le coin supérieur droit de la fenêtre) et accédez à l’éditeur visuel WordPress.

Étape numero 5
Changez le mode visuel en mode texte et collez le code iFrame que vous avez copié. terminé !

Comme vous pouvez le voir, insérer des vidéos dans WordPress n’est pas difficile.

Lire Aussi...  Comment protéger votre site WordPress des attaques de piratage ?

Il vous suffit de savoir utiliser l’éditeur visuel WordPress et de suivre les 5 étapes simples ci-dessus.

Comment intégrer des iFrames dans WordPress sans plugins

Voyons maintenant comment intégrer des iFrames dans WordPress sans plugins. Ce n’est pas si difficile non plus. Suivez simplement les instructions simples ci-dessous. Pour intégrer un iFrame, vous pouvez utiliser l’encodage HTML normal et utiliser le balisage suivant :

<iframe src=”the_webpage_url”> </iframe>

Si vous souhaitez ajouter plus de paramètres à l’iFrame, utilisez les balises suivantes :

largeur et hauteur peuvent être utilisées pour la hauteur et la largeur de la fenêtre iFrame, définissez la valeur en pixels
frameborder est utilisé pour afficher ou masquer frameborder, utilisez la valeur ‘0’ ou ‘1’

align peut être utilisé pour définir l’alignement de la page de la fenêtre, en utilisant les valeurs “left”, “right”, “top” ou “bottom”

scroll est utilisé pour désactiver ou activer le défilement dans la fenêtre, utilisez la valeur “yes” ou “no”
Si vous avez utilisé toutes les balises ci-dessus, votre code HTML ressemblera à ceci :

<iframe src=”https://site internet cible ” width=”60px” height=”310px” frameborder=”1″ scrolling=”yes” align=”right”> </iframe>
Donc, maintenant vous savez comment intégrer un iFrame sans plugins. Ce parcours est un peu difficile pour les débutants, mais tout à fait compréhensible. Dans le paragraphe suivant, vous apprendrez à utiliser des plugins pour ce faire.

 

Les 3 façons d’utiliser les iFrames dans WordPress

Il existe de nombreux plugins WordPress iFrame disponibles, mais en général, ils fonctionnent à peu près de la même manière. Apprenons à intégrer des iFrames dans WordPress à l’aide de plugins. Nous utiliserons un tel plugin  Advanced iFrame  , que vous pouvez trouver dans le paragraphe “Présentation du plugin WordPress IFrame” ci-dessous.

Lire Aussi...  Blogger vs. WordPress: What’s Best for Blogging?

En fait, il existe deux façons d’intégrer des iFrames dans WordPress à l’aide de ce plugin : en utilisant des shortcodes et l’interface WordPress. La deuxième méthode est la plus simple, donc si vous n’aimez pas les balises et tous les trucs de codage HTML, sautez la première méthode 🙂 Alors commençons !

Utiliser des codes abrégés

La première consiste à utiliser des shortcodes. Ces codes sont similaires aux codes HTML, mais plus simples grâce à l’utilisation de balises plus courtes. Ouvrez donc l’un des articles de votre site Web et vous devriez voir un bouton “Ajouter un iFrame avancé”. Cliquez dessus et vous verrez un shortcode comme celui-ci :

[advanced_iframe src=”//www.thewebsite.com” width=”100%” height=”500″]
Il ne vous reste plus qu’à modifier le site à insérer. Vous pouvez également utiliser d’autres balises supplémentaires, telles que les balises HTML :

largeur et hauteur ; les valeurs sont en pixels ou en pourcentages
défilement ; la valeur est “oui” ou “non”
bordure du cadre ; la valeur est définie par “0” ou “1”
Hauteur et largeur de la marge ; utilisé pour définir la hauteur et la largeur de la marge

Télécharger ici