Como mostrar archivos PDF en WordPress

Es posible que desees compartir un archivo PDF con tus lectores o con tus colegas de trabajo, y no deseas darles el trabajo de descargar el archivo PDF a sus dispositivos para poder verlo. En este video tutorial descubrirás como mostrar una previsualizador PDF en tus páginas y artículos de WordPress. De esta forma podrás compartir archivos PDF con tus lectores sin la necesidad de que los descarguen o salgan de tu sitio web.

https://vimeo.com/167078019

El plugin que utilizamos en este tutorial es: PDF Viewer

Puedes crear tu cuenta de estudiante gratis aquí

[x_accordion_item title=”Transcripción del video”]

Buen día, bienvenido a este nuevo video de josel63.sg-host.com, mi nombre es José Lievano y en este video te mostrare como añadir un visualizar PDF dentro de tu web WordPress.

Primero vamos a entrar en nuestra área de administración, desde aquí añadiremos un nuevo plugin, el plugin que utilizaremos se llama PDF Viewer, así que lo buscamos, y lo tenemos aquí, instalamos y activamos el plugin.

Ahora el plugin se encuentra activado, y si vamos hacia ajustes, podremos ver un nuevo elemento en nuestro menú, dentro del que tenemos las opciones de pdf viewer.

Como puedes ver PDF Viewer te permite controlar las dimensiones del visualizador que se mostrará en nuestros artículos o páginas de WordPress.

En primer lugar podemos indicar el ancho por defecto y luego la altura por defecto.

Desde esta otra opción podemos indicar la versión de Internet Explorer que PDF Viewer soportará para mostrar el visualizador. Por defecto trae la versión 9, de modo que un visitante usando Internet Explorer 9 o una versión inferior no podrá ver el PDF desde el visualizador, y en su lugar se le mostrará un mensaje con un link hacia el archivo para que pueda descargarlo.

Desde aquí puedes modificar el mensaje que se muestra al visitante con un navegador antiguo. Lo puedes modificar todo, menos las etiquetas anchor, el anchor text si puedes modificarlo.

Y una vez tenemos todo configurado a nuestro gusto podemos guardar los cambios.

Pero como mostramos el pdf en nuestros artículos o páginas, bien para eso podremos usar el shortcode [ pdfviewer ]  [ / pdfviewer ] entre llaves, y colocaremos la URL del archivo en medio del shortcode abierto y de cierre.

Vamos a verlo en acción, así que entramos en nuestros artículos y utilizaremos este único artículo que tenemos para hacer la prueba.

Algo importante para poder mostrar nuestro archivo PDF, es conocer la URL del archivo, desde el administrador multimedia de WordPress podemos subir archivos PDF, y previamente he subido uno a mi web WordPress.

De modo que si entro en la opción de añadir objeto, aquí tendrás todas las imágenes y archivos que subiste a WordPress, en mi caso tengo el archivo PDF, así que lo selecciono, pero no voy a añadirlo.

Ya que si lo añadimos lo hará WordPress es crear un link hacia el archivo con el nombre que tiene aquí el archivo, pero lo que yo deseo es mostrarlo directamente en el artículo y no solo un link para que lo descarguen.

Lo que hare entonces es copiar la URL del archivo la cuál tengo aquí.

Muy bien ahora cerramos el administrador multimedia y en el artículo escribiremos el shortcode, colocamos [ pdfviewer ] y el mismo shortcode nuevamente pero con una pleca ya que sería como la etiqueta de cierre.

Y colocamos la URL del archivo en medio de los dos shortcodes.

Una vez hemos realizado esto, el archivo PDF ya podría visualizarse desde nuestro artículo, pero antes claro debemos guardar los cambios en el artículo actualizándolo.

Muy bien, ahora si vamos a ver el artículo en nuestra web, y como puedes observar ahora el archivo PDF se muestra dentro del artículo, esto también lo podemos utilizar en páginas y en custom post types.

Espero que este video te sea de ayuda, recuerda que puedes crear una cuenta de estudiante gratis en nuestro sitio web, en lievananosan.com desde Entrar y luego en registrarse.

Con tu cuenta de estudiante gratis obtendrás medallas y certificados por completar nuestros cursos gratuitos sobre WordPress y tendrás acceso a video clases exclusivas para nuestros estudiantes.

Pasa un feliz día y nos veremos en un próximo video de josel63.sg-host.com

[/x_accordion_item]

 

6 Comentarios

  1. Hugo

    Buen día.. como puedo crear un módulo donde un usuario descargue recibos de pago ( archivos en formato PDF) cuando digite su cédula o nit para que pague en bancos. Y yo esos archivos los suba cuando quiera por el administrador de la página.?

    Responder
    • upempresa

      Buen día, la forma de crearlos es utilizar PHP para crear el plugin desde cero. Pero podría utilizar WooCommerce + un plugin de pago offline para realizar lo que desea, en los datos del pago offline puede añadir la información para hagan el pago por medio de su banco y puede tener la información del DNI de la persona como un campo adicional en los datos del usuario.
      Saludos.

      Responder
  2. Luis Ardila

    Buen día,… Una pregunta tecnica, en woo comerce se puede crear un area de acceso interno donde se puede publicar y descargar contenido?. Es decir, que uno pueda tener una base de datos de usuarios con contraseña para acceder?. Gracias!

    Responder
  3. saray

    Hola Lievano, muy buen articulo, pero yo hago lo mismo que usted y el visualizador no me sale bien…solo me sale el link para verlo, no me sale el pdf insertado dentro del texto asi como a usted y hago los mismos pasos, que me puede estar pasando..Gracias y saludos

    Responder
    • upempresa

      Buen día, podría existir un conflicto entre el plugin de PDF y otros plugins que tiene instalados, la forma de verificarlo es ir desactivando cada uno de los otros plugins que tiene instalados y luego verificar si el PDF se visualiza correctamente, de esa forma podrá encontrar el plugin con el que tiene el conflicto.

      Responder

Enviar un comentario

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