Leer pdf online en WordPress mediante Google Docs

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

Tags de búsquedas:

leer pdf online,propiedades de iframe de google docs,abrir documentos en persigo,visualizar pdf online google,plugin wordpress visualizar pdf,plugin para leer pdf wordpress 2013,pdf wordpress no carga,pdf lectura wordpress,mostrar pdf google docs iframe,mostrar archivo pdf en wordpress 2013,wordpress para leer pdfs

Noticias relacionadas »

4 comentarios en Leer pdf online en WordPress mediante Google Docs

  1. / Responder

    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!

  2. / Responder

    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. Jesus Ortega
    / Responder

    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

    • Pedro Ventura
      / Responder

      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!

Deja un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Invertir en criptomonedas: »

 

Cómo comprar bitcoin

Invertir y comprar Bitcoin y otras altcoins es más fácil de lo que crees.

1) Si sólo quieres comprar Bitcoin, Ethereum o Litecoin como inversión, tu opción es Coinbase

2) Si quieres probar con otras criptomonedas tu opción es Binance

3) Cualquier duda escríbeme con total libertad al formulario de contacto para resolver dudas: https://www.pedroventura.com/contacto/

¡Comparte este artículo! »

  • Pedro (3 días)
    Buenos días Margherita El plugin está obsoleto y ya no…
  • Juan Carlos Díaz (4 días)
    Este grupo de Telegram me ha dado muy buenas señales…
  • Margherita (4 días)
    Hola, tengo un problema con el plugin. Tanto en la…
  • Pablo H (2 semanas)
    Hola Pedro, Muchas gracias por el post, me fue muy…
  • Pedro Ventura (3 semanas)
    Hola Margat Muchísimas gracias por tu comentario, me alegro de…
  • Pedro Ventura (3 semanas)
    Hola Rebeca, Tan sólo se permite 1 dominio por cuenta.…

Suscríbete al newsletter »

Proporciona tu correo electrónico a continuación y recibe las últimas noticias! Funciona con Feedburner de Google

Archivo »

Leer entrada anterior
Detectar iPad con PHP o Javascript

Si hace unos días escribía un artículo sobre como redireccionar una web en función del dispositivo móvil, ya sea iPad,...

Cerrar