viernes, 12 de julio de 2013

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Ver documentos de Word, Excel, Powerpoint y PDF en tu web

Posted: 12 Jul 2013 03:42 PM PDT

visualizador office online

A WordPress puedes subir cualquier tipo de archivo de Word, Excel, Powerpoint o ficheros PDF y luego enlazarlos para que tus visitantes puedan verlos o descargarlos pero ¿y si ofrecemos verlos directamente en nuestra web?

No me refiero a ofrecer un enlace que lleve al previsualizador de Google Docs, que eso ya lo vimos, sino incrustar directamente el documento en nuestra web, dentro de una entrada o página.

Hay varias maneras de conseguirlo, y una de las más inmediatas es usar la tecnología de Google Drive, en concreto su script de previsualización, para hacerlo. El proceso es muy sencillo.

Abre tu plugin de funciones o archivo functions.php y añade el siguiente código:

//Ver documentos inline  function verdoc($attr, $content) {  return '<iframe src="http://docs.google.com/gview?url='.$attr['href'] .'&embedded=true" style="width:550px; height:650px;" frameborder="0"></iframe>';  }  add_shortcode('verdoc', 'verdoc');

Lo único que tienes que personalizar de este código son los parámetros widht y height, para que se ajusten al ancho de tu tema WordPress, que en el ejemplo están puestos a 550 y 650, los de mi blog personal.

Con este paso hemos creado un shortcode, que podremos usar en nuestro editor de WordPress para mostrar – incrustados – todos los formatos de documento que el visualizador de Google Drive puede mostrar, o sea: PDF, DOC, XLS, PPT, PPS, etc.

Para mostrar un documento solo tenemos que usar el shortcode de este modo:

[verdoc href="http://midominio.es/nombre_del_archivo.doc"]

Y lo que obtenemos es que nuestros visitantes puedan ver directamente el documento en nuestra web …

ver documento incrustado en wordpress

Si, ya sé, alguno ya está pensando eso de “Vale Fernando, mola mucho pero ¿no hay un plugin que haga lo mismo?, que a mi me da dentera tocar código“.

Pues si, para los más miedicas hay un plugin estupendo llamado Google doc embedder que viene a hacer lo mismo.

Como en el código anterior, ofrece un shortcode, en este caso del tipo [gview href="http://midominio.es/nombre_del_archivo.doc"], pero para facilitar más las cosas también tienes un botón en el editor visual que lo hace aún más sencillo de usar.

No hay comentarios:

Publicar un comentario

Seguidores

Archivo del blog