ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Cómo incluir un visor de PDF en WordPress

22 marzo, 2016 por Pedro Mendez 9 comentarios

Tabla de Contenidos

  • ¿Por qué y cuándo se necesita un visor de documentos PDF en WordPress?
    • Instalación y configuración de un visor de PDF en WordPress
    • Incrustando los archivos PDF con el visor de PDF en WordPress

¿Quieres añadir un visor de documentos PDF en WordPress? Por defecto, WordPress muestra los archivos PDF como enlaces. Los usuarios pueden ver el PDF mediante la descarga del archivo o abrir una nueva ventana. Pero si lo que quieres es incrustar un archivo PDF en tu entrada del blog, en este artículo te voy a mostrar cómo incluir un visor PDF en WordPress.

plugin wordpress pdf configuracion

¿Por qué y cuándo se necesita un visor de documentos PDF en WordPress?

WordPress no incrusta archivos PDF en las entradas del blog como lo hace por ejemplo con el audio y el vídeo. Simplemente añade el archivo como un enlace descargable.

Esto significa que los usuarios tendrán que salir de tu página para ver el archivo PDF. Muchos de estos usuarios no vuelven a tu sitio, y esto reduce el número de páginas vistas de tu web, así como aumenta el porcentaje de rebote.

Una forma de hacer frente a esto, es ofrecer archivos PDF como actualizaciones de contenido. De esta manera, se les puede pedir a los usuarios unirse a tu lista de correo para obtener el contenido exclusivo.

Sin embargo, si lo que deseas es que los usuarios puedan ver los archivos PDF sin salir de tu sitio web, entonces tendrás que añadir un visor de PDF en tu sitio web de WordPress.

El visor de PDF se incrusta en tus entradas y páginas de WordPress. Los usuarios serán capaces de ver, leer, descargar, e incluso imprimir el archivo PDF sin salir de tu sitio.

Instalación y configuración de un visor de PDF en WordPress

Lo primero que hay que hacer es instalar y activar el plugin PDF Viewer. Tras la activación, es necesario entrar en Ajustes > PDF Viewer para encontrar la configuración del plugin.

configuracion plugin pdf

PDF Viewer te permite controlar la altura y la anchura del visor de PDF. Puede cambiar esto si ves que el contenedor del visor de PDF es demasiado ancho o estrecho en tu sitio.

También puedes desactivar la compatibilidad con versiones anteriores de Internet Explorer. Por defecto, el plugin no mostrará el visor de PDF para los usuarios con Internet Explorer 9 o por debajo. En su lugar, los usuarios verán un enlace de descarga.

No te olvides de pulsar el botón «save changes» para guardar los cambios de tu configuración.

Incrustando los archivos PDF con el visor de PDF en WordPress

Incluir los archivos PDF en la entrada de un blog es bastante simple. Lo primero que tienes que hacer es subir un archivo PDF utilizando la biblioteca de medios. Puedes hacer esto mediante la creación de un nuevo post o editar uno existente, y luego pulsar el botón «Añadir objeto» por encima del editor de entradas.

añadir nueva entrada

Después de subir el archivo, puedes copiar su URL directamente desde el cargador de medios.

mostrar url

A continuación, es necesario añadir esta URL envuelta entre el código corto [pdfviewer] [/pdfviewer]. Por ejemplo:

[pdfviewer]http://www.ejemplo.com/wp-content/uploads/2016/03/miebook.pdf[/pdfviewer]

Así es como el visor de PDF mostrará el archivo en tu entrada de WordPress.

mostrando pdf

Puedes añadir parámetros de altura y anchura al código corto también. Esto es particularmente útil si deseas anular la altura y la anchura por defecto que se define en la configuración del plugin.

El visor de PDF utiliza la escritura pdf.js de Mozilla para visualizar los archivos PDF. Se utilizan los archivos PDF a la perfección con el conjunto estándar de herramientas para desplazarse, buscar, saltar entre las páginas, imprimir y descargar archivos PDF.

Esperamos que este artículo te ayude a incluir un visor de PDF en WordPress. Si te gusto este artículo, por favor, suscríbete a nuestro canal de YouTube con video tutoriales sobre WordPress. También puedes encontrarnos en Twitter y Facebook.

 

..Entradas Relacionadas

  • Como Crear un Login Temporal en WordPress
  • Plugin para Incluir un Impresionante Carrusel 3D para WordPress
  • paypal simple pagos5 plugins Wordpress de Paypal Gratuitos para Realizar Pagos
  • Como hacer una Web de Loterías y Sorteos en WordPress
  • Plugin Calculador de Calorias para Dieta con WordPress

Publicado en: Wordpress Etiquetado como: PDF, plugin

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Comentarios

  1. Eduardo dice

    25 enero, 2017 a las 8:59 AM

    He realizado los pasos que indicas y me da «Invalid URL for PDF Viewer», pero veo el pdf si pongo la url directamente en el navegador.

    ¿Tienes idea de que puede ocurrir?

    Gracias por tu post

    Responder
  2. Eduardo dice

    25 enero, 2017 a las 9:14 AM

    Me autocontesto
    No porque Pedro no lo haga, sino que nada más enviar el comentario me he dado cuenta del error.

    Al introducir la url NO hay que hacerlo sobre el código corto [pdfviewer]….url del pdf….[/pdfviewer], sino poner el código completo que aparece tras configurar el plugin, en mi caso:
    [pdfviewer width=»992px» height=»550px» beta=»false»]….url del pdf….[/pdfviewer]

    Gracias a todos y saludos

    Responder
    • Pedro Mendez dice

      30 enero, 2017 a las 5:38 PM

      Gracias a ti Eduardo, por poner la respuesta por si alguno tiene el mismo problema. Saludos!

      Responder
  3. Gartzia dice

    16 marzo, 2017 a las 2:59 PM

    Hola. No veo la manera de instalar el plugin. podrías detallar la instalación?
    Gracias

    Responder
    • Pedro Mendez dice

      17 marzo, 2017 a las 12:23 PM

      Hoa Gartzia. Mira este post donde lo explica de diferentes formas https://ayudawp.com/instalar-plugins-wordpress/

      Responder
  4. Alexandra dice

    7 julio, 2018 a las 2:02 PM

    Hola…quisiera incluir el visor de pdf en mi sitio que está hecho con el tema zerif lite… Ya instalé el plugin… pero creo que necesito un widget para que funcione el plugin…correcto? qué widget me sugerirías? o tienes alguna otra opción? Muchas gracias…

    Responder
    • Pedro Mendez dice

      8 julio, 2018 a las 6:47 PM

      Hola Alexandra. No necesitas ningún widget, solo incluir el código corto como dice el post. Saludos!

      Responder
  5. andres dice

    2 marzo, 2019 a las 2:08 AM

    Hola Pedro necesito publicar en mi sitio web un informe con varios pdf que van enlazados pero todos ellos están independientes. Es posible subirlos y que sus enlaces sigan funcionando?
    O existe algún programa para hacerlo. Son cerca de 84 archivos que se enlazan entre si.

    Responder
    • Pedro Mendez dice

      2 marzo, 2019 a las 1:05 PM

      Hola Andres,
      Si, puedes enlazar archivos PDF entre si. No hace falta ningún programa para eso. Saludos!

      Responder

Deja una respuesta Cancelar la respuesta

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.


Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (52)
  • Diseño (39)
  • Email Marketing (2)
  • Genesis (4)
  • Google (14)
  • herramientas (22)
  • hosting (8)
  • Marketing en Internet (13)
  • Negocios (3)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (25)
  • Trabajo (6)
  • Wordpress (531)

© Copyright 2024 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)