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
[code lang=»php»]
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’);
[/code]
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
[code]
[embedpdfonline width="500px" height="400px"]http://www.pedroventura.com/archivos/guia_optimizacion_motores_busqueda.pdf[/embedpdf]
[/code]
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
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
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!
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
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!
Hola quiciera me ayudaran como puedo modificar una plantilla de WordPress, gracias