Dans un article, il est courant de vouloir inclure une vidéo une vidéo, une image interactive…
Le moteur WordPress n’est pas toujours adapté à la manipulation de ce type de contenus. Heureusement, Internet offre une solution : les iframes, véritables « cadres » dans l’article permettant d’afficher le contenu d’un autre site au choix dans l’espace indiqué.
Pour insérer un iframe dans son article, il suffit alors d’utiliser la balise [iframe] :
[iframe width="1280" height="850" src="//www.thinglink.com/card/920686387026460674" type="text/html" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"]
Voici les différentes options utilisées pour cette balise :
- width : largeur du cadre (en pixels par défaut)
- height : hauteur du cadre (en pixels par défaut)
- src : adresse du contenu à afficher dans le cadre (ici, une image cliquable)
- type : type de contenu à inclure, laisser « text/html » dans le doute
- frameborder : taille en pixels de la bordure à afficher (0 pour ne pas en avoir)
- webkitallowfullscreen/mozallowfullscreen/allowfullscreen : autoriser le plein écran dans Chrome, Firefox et les autres navigateurs
- scrolling : afficher un ascenseur si le contenu ne tient pas dans les dimensions du cadre
Remarque : certains sites proposent déjà des codes tout prêt à insérer dans une page web. La notation <iframe> n’est pas supportée directement pas WordPress, il est nécessaire de la transformer en balise (remplacer « < » et « > » par des crochets et supprimer la partie </iframe>).
Pour une vidéo Mediane, par exemple :
<iframe frameborder="0" width="1330" height="770" src="https://be1d.ac-dijon.fr/mediane/m/338/d/i" webkitAllowFullScreen="true" mozallowfullscreen="true" allowFullScreen="true"></iframe>
devient
[iframe frameborder="0" width="1330" height="770" src="https://be1d.ac-dijon.fr/mediane/m/338/d/i" webkitAllowFullScreen="true" mozallowfullscreen="true" allowFullScreen="true"]
Bonne rédaction 🙂
Guillaume Laville – Responsable des plateformes d’hébergement – DSI du rectorat de Dijon