X

Comment intégrer une iframe dans WordPress sans plugin

Snippets by IsItWP

Voulez-vous intégrer un iframe sur votre site WordPress ? Bien qu’il y ait probablement un plugin pour le faire, vous pouvez ajouter ce simple extrait de code à functions.php pour intégrer l’iframe à l’aide d’un shortcode.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre 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 d’intégration de l’iframe à l’aide d’un shortcode.

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

Note : 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 endommager accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 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 novembre 13, 2015 à 2:12 pm

    Great! Thanks.
    I just wish to become responsive height, or, if imposed, for example: ‘height’ => ‘300’, with a small monitor disappears a piece of content

  2. glad you like it!  shout out to @tweetsfromchris:twitter for this one, actually!

  3. Thanks! great and useful feature. 

    1. Cool glad you like the snippet. Shout out to Justin for this one!

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 privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé 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 le gratuit !