X

Cómo incrustar iframe en WordPress sin un plugin

Snippets de IsItWP

¿Quieres incrustar un iframe en tu sitio de WordPress? Si bien probablemente haya un plugin para hacer esto, puedes agregar este simple fragmento de código a functions.php para incrustar un iframe usando un shortcode.

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:

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>';
    }
}

Aquí tienes un ejemplo de cómo incrustar el iframe usando un shortcode.

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

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: 62 mejores temas gratuitos de WordPress para blogs o 7 mejores plugins de formularios de contacto de WordPress.

Comentarios   Deja una respuesta

  1. Facciolini Rosetta November 13, 2015 at 2:12 pm

    ¡Genial! Gracias.
    Solo deseo que la altura sea adaptable, o, si se impone, por ejemplo: ‘altura’ => ‘300’, con un monitor pequeño desaparece una parte del contenido

  2. ¡Me alegra que te guste!  un saludo a @tweetsfromchris:twitter por este, ¡en realidad!

  3. Surkho Salamov July 11, 2011 at 1:24 pm

    ¡Gracias! Gran y útil función. 

    1. Genial, me alegra que te guste el fragmento. ¡Un saludo a Justin por este!

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!