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&#91;'href'&#93; . '&embedded=true" style="width:580px; height:500px;" frameborder="0"></iframe></ br><div style="font:11px Arial, Helvetica, sans-serif; color:#1b3e5c; font-weight:bold;"><span class="removed_link" title="&#039;. $attr&#91;&#039;href&#039;&#93; .&#039;">'.$content.'</span></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…

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

16 comentarios en “Embedder documentos con enlace para descargar con shortcode”

  1. 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: ; aunque la vista previa demora un poquito en cargar, pero va de maravilla… Espero sus comentarios.

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

    1. 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 😉

  3. 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.

  4. 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:
    .

    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:

    <code>[docs href="siguen_otros_codigos"]</code>

    ——————–

    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');

    ——————–

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

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

      <code></code>

      En el function.php:

      <code>

      /*VISTA PREVIA DE DOCUMENTOS*/

      function docslink($attr) {

      return '';}

      add_shortcode('docs', 'docslink');

      </code>

      Así lo usamos:

      <code>[docs href="siguen_otros_codigos"]</code>

  5. 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=&#039; . $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');

  6. 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.

  7. 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

  8. 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]

  9. Buenas, no se mucho de pdf ni de html, el asunto es el siguiente, este sitio: http://www.dstats.net es un contador de descargar que con un simple html puedes contabilizar las descargas y mostrarlas en el blog… ahora bien, será posible crear un shorcode con el cual ponga una url ejemplo [stats = http://url] y automaticamente incruste esa url en el html q ofrece el sitio en cuestion!!!

    espero haberme explicado.

    Nota: en el sitio en la pestaña code generator estan los pasos a seguir y luego te el codigo html…Aclaro que no es necesario estar colocando cada url en este sitio, el mismo las identifica!!!

  10. Estoy usando esta forma para embeber documentos pdf pero resulta que en ocasiones me dice:
    No hay una vista previa disponible.
    y en ocasiones me muestra el archivo.
    Mi archivo pesa 1.5 MB ¿Sabes como puedo asegurar que siempre lo muestre correctamente?
    Saludos…

Deja un comentario

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

 

Ir arriba Ir al contenido