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]