25mar
12

Embedder documentos con enlace para descargar con shortcode

Hola a todos, he buscado la forma de embeber documentos pdf o de power point, y que lo último aún no he logrado, porque aún sigo desarrollando la función, quería mostrarles como embeber un documento pdf en nuestro artículo mediante shortcode alojando en el servidor, en Google Docs o donde sea…

Ya en un artículo anterior nos enseñaron como hacer un enlace para vista previa de un pdf, pero yo quería embedder esa vista previa y generarle además su enlace respectivo para desargarlo así que me puse a investigar y he creado un shortcode que permite hacer eso:

En el functions.php agregan esto:

/*VISTA PREVIA DE DOCUMENTOS*/
function docslink($attr, $content) {
return '<iframe src="http://docs.google.com/gview?url=' . $attr['href'] . '&embedded=true" style="width:580px; height:500px;" frameborder="0"></iframe></ br><div style="font:11px Arial, Helvetica, sans-serif; color:#1b3e5c; font-weight:bold;"><a href="'. $attr['href'] .'">'.$content.'</a></div>';
}
add_shortcode('docs', 'docslink');

Lo que hace el shortcode es generar la vista previa del documento alojado ya sea en nuestro servidor o en uno externo, y generar el enlace de descarga respectivo; se utiliza de esta manera:

[docs href="enlace del archivo para generar vista previa y enlace"]Texto que tendrá el enlace de descarga[/docs]

Espero que les haya servido, ya lo probé y me funciona de maravilla y sin instalar ningún plugin… Muchas gracias…

Para saber más:

por en Programación, Tutoriales / Trucos, Wordpress.org Experto, functions, Google, Google Docs, HTML, PDF, PHP, Shortcode, Vista Previa
  • http://www.pachakamaq.com Fliberty

    Por cierto el código si funciona para embedder presentaciones de power point, ya que lo he probado y corre de lujo… Lo pueden ver funcionando en una de mis páginas: http://www.contigoperusemanario.org; aunque la vista previa demora un poquito en cargar, pero va de maravilla… Espero sus comentarios.

  • Pingback: Tweets that mention Embed documentos con enlace de descarga en WordPress | Ayuda WordPress -- Topsy.com

  • raul

    Por favor no le metamos estas patadas al diccionario, se dice incrustar…

    • http://fernandotellado.com/ Fernando Tellado

      Bueno, permitamos que el compañero use sus maneras de decir las cosas. Yo también uso incrustar pero cada blogger es el mismo, y entenderse se entiende y encima ha compartido un truco muy bueno. No seamos tiquismiquis, que lo importante es la información ;)

  • http://www.pachakamaq.com Fliberty

    Hola, hablando de gramática, supongo que debería haber utilizado la palabra “incrustar”, pero con el tiempo no he tenido tiempo para poder pensar que palabras escribir o como describir el truco. Disculpas por la mala gramática.

  • http://www.abbanet.com.ar abbanet

    No pude usar el shortcode para agregar el enlace al archivo al final.
    No funciona, porque agrega el nombre de mi dominio al principio y busca el archivo dentro del sitio, en vez de buscar en Google Docs.

    Realicé una modificaciones para poder embeber el documento publicado en Google Docs.

    Entre las ventajas de publicar de esta forma, veo que no usamos nuestro ancho de banda. Lei en alguna parte, que otra ventaja es que Google tiene en cuenta el contenido de los docs publicos para indexarlos en el buscador.
    Qué les parece? esto es así?

    Gracias por el post!
    Laura

    ——————–
    Aquí les envío cómo lo apliqué en una web:

    Es necesario compartir el documento en Google Docs.
    Desde la cuenta de Google Docs, al hacer clic en el nombre del archivo pdf a publicar, aparece una columna a la derecha con los enlaces.

    El link para enviar por correo no funciona para este fin.
    Tiene una forma parecida a:
    https://docs.google.com/leaf?los_codigos_que_siguen_son_muchos

    El que necesitamos es el de iframe:

    ——————–

    Copiamos nada más que lo que se ubica en “siguen_otros_codigos”.

    Y lo pegamos en la parte HTML al escribir nuestro Post, de la siguiente forma:

    [docs href="siguen_otros_codigos"]

    ——————–
    La modificación que tuve que realizar en el function.php de mi tema es:

    /*VISTA PREVIA DE DOCUMENTOS*/
    function docslink($attr) {
    return ”;}
    add_shortcode(‘docs’, ‘docslink’);

    ——————–

    • http://www.abbanet.com.ar abbanet

      Ahi les agrego lo que no se vio en el comentario anterior:

      El que necesitamos es el de iframe que nos da Google Docs:

      En el function.php:

      /*VISTA PREVIA DE DOCUMENTOS*/
      function docslink($attr) {
      return '';}
      add_shortcode('docs', 'docslink');

      Así lo usamos:
      [docs href="siguen_otros_codigos"]

  • http://www.abbanet.com.ar abbanet

    Va de nuevo,

    (iframe width=100% height=560px frameborder=0 src=https://docs.google.com/gview?siguen_otros_codigos)(/iframe)

    —————

    /*VISTA PREVIA DE DOCUMENTOS*/
    function docslink($attr) {
    return ‘(iframe src=”https://docs.google.com/gview?url=’ . $attr['href'] . ‘&embedded=true” style=”width:580px; height:500px;” frameborder=”0″)(/iframe)(/ br)(div style=”font:11px Arial, Helvetica, sans-serif; color:#1b3e5c; font-weight:bold;”)(/div)’;}
    add_shortcode(‘docs’, ‘docslink’);

    • http://fernandotellado.com/ Fernando

      Casi mejor que lo pongas en el foro, aquí en los comentarios no coge bien los códigos :(

  • http://www.pachakamaq.com Fliberty

    Hola, creo que debes estar haciendo algo mal, el código publicado aún sigue funcionando, puedes ingresar a la página mencionada e ir al apartado de power points, para que veas el funcionamiento correspondiente.

  • http://jesusdiosyespiritusanto.es.tl mayra

    hola no se como debo colocar el codigo o donde debo colocar el archivo en que parte de codigo debo colocar el archivo de todos modos me llevo todo lo que pusiste en la pagina y lo intento luego respuesta a mi correo gracias

  • http://www.pachakamaq.com Fliberty

    La funcion que hace que este shortcode funcione se inserta en el functions.php del theme que estás utilizando, y el uso al escribir una entrada es: [docs href="ENLACE DEL DOCUMENTO"]Texto que que deseas que tenga el enlace de descarga[/docs]