Un iframe est un petit bout de code HTML qui permet d'incruster le contenu d'un site web externe directement sur votre propre page. C'est la méthode idéale pour enrichir vos articles en y ajoutant une vidéo YouTube, une carte Google Maps, un formulaire, ou encore un calendrier partagé.
Étape 1 : Récupérer le code iframe
La première étape consiste à obtenir le code depuis le site qui héberge votre contenu :
- Rendez-vous sur le contenu externe que vous souhaitez afficher (par exemple, une vidéo sur YouTube).
- Cherchez le bouton Partager.
- Sélectionnez ensuite l'option Intégrer (parfois appelée Embed).
- Copiez l'intégralité du code HTML qui vous est proposé. Ce code commence toujours par la balise
<iframe...et se termine par
</iframe>.
Étape 2 : Coller le code sur votre page
Maintenant que vous avez copié le code, il faut l'insérer dans l'éditeur de texte de votre plateforme :
- Dans votre espace administrateur, ouvrez la page, l'actualité ou l'événement que vous souhaitez modifier.
- Dans la barre d'outils de l'éditeur de texte, cliquez sur le bouton Code source (généralement représenté par l'icône
< >). L'affichage va changer pour montrer le code de votre texte.
- Collez votre code iframe à l'endroit où vous souhaitez que le contenu apparaisse.
- Cliquez à nouveau sur le bouton Code source pour repasser en mode d'édition visuel. Vous devriez voir votre contenu (ou un encadré gris de remplacement) s'afficher !
- Cliquez sur Enregistrer pour valider les modifications de votre page.
📱 Astuce pour les mobiles (Responsive) : Parfois, les iframes ont une largeur fixe qui dépasse sur les petits écrans. Pour que votre contenu s'adapte parfaitement à toutes les tailles d'écrans, cherchez la mention
width="..."(qui indique la largeur en pixels) dans votre code iframe et remplacez la valeur par
width="100%".
Les commentaires de cette page ont été verrouillés !