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

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

[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

4 opiniones en “Leer pdf online en WordPress mediante Google Docs”

  1. Muchas gracias Pedro,
    Esta funcionalidad la hacia a través de plugins, pero mejor como tu lo comentas.
    Aprovecho para preguntarte, si existe la posibilidad de añadir opciones que por ejemplo habiliten o deshabiliten la posibilidad de abrirlo en pantalla completa (el icono que aparece en tu ejemplo a la derecha). O si se puede añadir un icono para poder imprimir el documento PDF
    Muchas gracias de nuevo
    Jesús

    1. Hola Jesus,

      El visualizador funciona a través de https://docs.google.com/viewer. Para ver más opciones tienes que pulsar el botón de la derecha del todo (la fechita) esto dirige a Google Docs donde tienes la funcionalidad de verlo a pantalla completa o imprimirlo.

      Con el visualizador se puede hacer todo lo que te permita Google.

      Un saludo!

  2. Gracias Pedro,
    no, pensaba que podría haber algún argumento, que permitiera no mostrar el icono que comnentas y a la vez algún otro que me permitiera imprimir el documento. En el fondo lo que persigo es que se puedan imprimir pero no descargar…
    Salut. Jesus

  3. primeramente gracias por el dato pero no me funciona me carca un error dice que no encontro el documento…. copia el codigo a mi tema en functions.php que crees que este mal… saludos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *