X

Comment intégrer un iframe dans WordPress sans plugin

Extraits par IsItWP

Voulez-vous intégrer un iframe sur votre site WordPress ? Bien qu'il existe probablement un plugin pour cela, vous pouvez ajouter cet extrait de code simple au fichier functions.php pour intégrer un iframe à l'aide d'un shortcode.

Instructions :

Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :

add_shortcode('iframe', array('iframe_shortcode', 'shortcode'));
class iframe_shortcode {
    function shortcode($atts, $content=null) {
          extract(shortcode_atts(array(
               'url'      => '',
               'scrolling'      => 'no',
               'width'      => '100%',
               'height'      => '500',
               'frameborder'      => '0',
               'marginheight'      => '0',
          ), $atts));

          if (empty($url)) return '<!-- Iframe: You did not enter a valid URL -->';

     return '<iframe src="'.$url.'" title="" width="'.$width.'" height="'.$height.'" scrolling="'.$scrolling.'" frameborder="'.$frameborder.'" marginheight="'.$marginheight.'"><a href="'.$url.'" target="_blank">'.$url.'</a></iframe>';
    }
}

Voici un exemple de la façon d'intégrer l'iframe à l'aide d'un shortcode.

[iframe url="http://wpsnipp.com" width="100" height="100" scrolling="yes" frameborder="1" marginheight="2"]

Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier / coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 62 meilleurs thèmes de blog WordPress gratuits ou 7 meilleurs plugins de formulaire de contact WordPress.

Commentaires   Laisser une réponse

  1. Facciolini Rosetta 13 novembre 2015 à 14:12

    Super ! Merci.
    Je souhaite juste devenir réactif en hauteur, ou, si imposé, par exemple : ‘height’ => ‘300’, avec un petit moniteur, une partie du contenu disparaît

  2. contente que cela vous plaise !  merci à @tweetsfromchris:twitter pour celui-ci, en fait !

  3. Surkho Salamov 11 juillet 2011 à 13:24

    Merci ! excellente fonctionnalité et utile. 

    1. Cool, content que le snippet vous plaise. Merci à Justin pour celui-ci !

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !