Autoriser l’affichage d’iframes Vimeo ou Youtube sur son blog

24 septembre 2010 dans Tutoriels Wordpress

Depuis le mois d’Aout Vimeo et Youtube on sorti leur nouveau code d’intégration (embed) vidéo pour une compatibilité multi-support (iphone, ipad, flash,…).  Malheureusement ce code est une iframe et fonctionne très mal dans l’éditeur de texte TinyMCE de WordPress.

Pour contourner ce problème, on utilise les champs personnalisés afin de renseigner les iframes et les shortcodes pour les afficher dans l’éditeur WordPress à l’endroit désirés.

Installation

• Copier le code ci-dessous dans le fichier : functions.php de votre template afin de permettre l’affichage des champs personnalisés dans l’éditeur WordPress :

function field_func($atts) {
   global $post;
   $name = $atts['name'];
   if (empty($name)) return;
   return get_post_meta($post->ID, $name, true);
}
add_shortcode('field', 'field_func');

• Dans votre article, créer un champ personnalisé appelé par exemple: iframe avec pour valeur le contenu de votre iframe.
• Dans l’éditeur de texte wordpress, il ne reste plus qu’a appeler le contenu du champ personnalisé avec le shortcode: [field name=iframe]

Cette vidéo est lisible aussi depuis un iphone ou un ipad :

[field name=iframe2]

Articles Relatifs

• Intégrer Google Maps sans plugin WordPress

  Publié le 26 septembre 2010

Mots clefs

• embed wordpress
• iframe video
• youtube

Partager