Entrada

Leer pdf online en Wordpress mediante Google Docs

Esta es definitivamente la manera más fácil de visualizar un archivo PDF en nuestro sitio web. El PDF se carga a través de Google Docs y luego aparece en un iframe, en la web.

Para empezar a mostrar pdf y leerlos online copia y pega el siguiente código en tu archivo functions.php de tu tema de wordpress

1
2
3
4
function leer_pdf_online($attr, $url) {
    return '<iframe src="http://docs.google.com/viewer?url=' . $url . '&embedded=true" style="width:' .$attr['width']. '; height:' .$attr['height']. ';" frameborder="0">Esto cargará un iframe</iframe>';
}
add_shortcode('embedpdfonline', 'leer_pdf_online');

A continuación, utilice la siguiente sintaxis para mostrar un PDF. Podrás especificar el ancho y alto que ocupará el iframe. Entre las etiquetas [embedpdfonline][/embedpdf] tendrás que especificar la url completa del pdf que quieres mostrar y listo. Se cargará un iframe generado por Google Docs donde podremos leer el pdf online mas o menos como si se tratara del Adobe reader.

Incluye el siguiente código en cualquier parte de tu artículo o página de Wordpress donde quieras mostrar el pdf

1
[embedpdfonline width="500px" height="400px"]http://www.pedroventura.com/archivos/guia_optimizacion_motores_busqueda.pdf[/embedpdf]

Ejemplo de leer un pdf online, para ello utilizaré unas de las guías de referencia que podréis encontrar en mi blog: Guia SEO de Google

[embedpdf width=”500px” height=”400px” display=”false” ]http://www.pedroventura.com/archivos/guia_optimizacion_motores_busqueda.pdf[/embedpdf]

 

Este código funciona mediante Shortcodes de la API de Wordpress. Básicamente es un conjunto de funciones que crean macros de código para usar en el contenido de los artículos

Documentación de la API de Shortcode de Wordpress http://codex.wordpress.org/Shortcode_API

Esta entrada está licenciada bajo CC BY 4.0 por el autor.