Como incrustar archivos PDF en WordPress Calendae

Cómo incrustar archivos PDF en WordPress – Calendae

Hola y mil gracias por leerme. Soy Samuel López y hoy vamos a hablar sobre Cómo incrustar archivos PDF en WordPress – Calendae

Cómo incrustar archivos PDF en WordPress

Puede haber ocasiones en las que desee incrustar un archivo PDF en su publicación o página:

  • El autor de un libro puede querer dar a los lectores una copia gratuita.
  • Para agregar catálogos de productos en su sitio web.
  • Para compartir sus proyectos en formato PDF con los clientes.
  • Es posible que tenga una agencia de viajes y desee ver el itinerario de los paquetes turísticos.

¡Pero hay un problema!

Aunque WordPress le permite incrustar audio, video y, por supuesto, imágenes, no es posible incrustar archivos PDF en sus publicaciones y páginas. Esta función aún no está disponible, quizás se agregue en el futuro.

En caso de que desee agregar un archivo PDF, puede cargar el archivo usando la opción Agregar medios, insertarlo y el enlace a ese archivo se agregará a su página. Y sus visitantes pueden descargarlo o ver el archivo en el navegador web saliendo de su sitio web.

Pero, ¿qué sucede si desea incrustar archivos PDF en sus publicaciones y permitir que sus visitantes los vean sin salir de su sitio web? ¿Hay alguna solución para esto? La respuesta corta es sí.

Entonces, en esta publicación, le mostraré cómo incrustar un archivo PDF en su publicación o página de WordPress. Antes de comenzar, probablemente desee crear un documento PDF limpio y bien formateado con un Editor de PDF. Entonces estará listo para agregarlo a sus publicaciones con o sin usar un complemento. Vamos a empezar.

Cómo incrustar un archivo PDF con un complemento

Hay muchos complementos que puede usar para agregar un archivo PDF a su publicación de WordPress.

Sin embargo, usaremos un complemento llamado Incrustador de PDF. Es un complemento gratuito disponible en el directorio de complementos de WordPress. Lo mejor de este complemento es que usa javascript para hacer su trabajo y no algunos servicios de terceros o iframes.

Paso 1: Instale el complemento PDF Embedder

Inicie sesión en su panel de WordPress y vaya a Complementos> Agregar nuevo. Ahora busque Incrustador de PDF en el cuadro de búsqueda. Una vez que encuentre el complemento, instálelo y actívelo. Simple, ¿no es así?

Paso 2: instale el complemento

Si bien puede comenzar a incrustar sus archivos PDF después de instalar este complemento, primero puede cambiar la configuración para mejorar la apariencia de los archivos incrustados. Para abrir la página de configuración de este complemento, vaya a Configuración> Incrustador de PDF desde la barra lateral izquierda del panel de WordPress.

La versión gratuita de este complemento le permite cambiar lo siguiente:

  • Anchura y altura – Puede cambiar el ancho y el alto del visor de PDF. Acepta valores enteros (en píxeles) o máximos (100% de ancho).
  • Ubicación de la barra de herramientas – La barra de herramientas de este visor de PDF le permite a su audiencia acercarse o alejarse e ir a la página anterior o siguiente. Puede tener la barra de herramientas en la parte superior, inferior o en ambas.
  • Pase el mouse sobre la barra de herramientas – Puede seleccionar si desea que la barra de herramientas sea visible solo al pasar el mouse sobre el documento o no.

Ahora, estos son los ajustes universales. Pero, ¿qué sucede si desea cambiar la configuración de un archivo específico? Bueno, puedes hacerlo con la ayuda de códigos cortos. Aquí hay un ejemplo:

[pdf-embedder url=”http://yoursite.com/wp-content/uploads/2019/01/April.pdf”  width=”500″ toolbar=”top” toolbarfixed=”on”]

En el ejemplo anterior, el ancho se establece en 500px, la posición de la barra de herramientas se establece en alto y la barra de herramientas se fija. También puede desactivar la barra de herramientas inferior y la barra de herramientas fija.

Este complemento también tiene una versión premium que ofrece funciones como botón de descarga, vistas de seguimiento y descarga, desplazamiento continuo de la página y enlaces abiertos en una nueva ventana.

Paso 3: incrustar el archivo PDF en la publicación o página

Una vez que haya terminado con la configuración, puede comenzar a hacer el trabajo sucio. Ahora, ya sea que esté utilizando el editor clásico o el editor Gutenberg, puede usar fácilmente este complemento para lograr el resultado deseado.

Si está utilizando el Editor clásico, incrustar un archivo PDF es similar a lo que haría con una imagen o un video.

En primer lugar, cree una nueva publicación o abra una existente, luego haga clic en el botón Agregar medios. Ahora, cargue su archivo PDF, haga clic en el botón Insertar en publicación y se agregará un código corto a su publicación.

Eso es todo: ahora puede obtener una vista previa de su publicación para verificar si funciona bien o no.

Qué decir Editor de Gutenberg? Bueno, el complemento PDF Embedder viene con un bloque específico. Luego crea una nueva publicación y haz clic en el ícono Agregar bloque. Luego, busque el bloque PDF Embedder y selecciónelo.

Finalmente, haga clic en el bloque para seleccionar (o cargar) su archivo PDF y su trabajo está hecho.

Aquí está el resultado final, independientemente del editor que esté utilizando:

Complementos populares para visores de PDF

Si bien el complemento PDF Embedder hace un buen trabajo, siempre es bueno tener algunas alternativas. Permítanme compartir algunos complementos de visor de PDF gratuitos y premium, sin ningún orden en particular:

Visor de PDF para WordPress

Información y descargas –

Con más de 3900 ventas, PDF Viewer para WordPress es el complemento de visor de PDF más vendido en CodeCanyon. Es un complemento totalmente sensible y compatible con todos los navegadores. Este complemento le permite habilitar o deshabilitar opciones como imprimir, descargar, hacer zoom, navegar por la página y compartir en redes sociales. También puede utilizar Google Analytics con WordPress para realizar un seguimiento del número de visitantes que leen sus archivos PDF.

Embedder de Google Drive

Información y descargas – Ver Demo

Google Drive Embedder es un complemento gratuito que le permite acceder a su Google Drive desde su panel de WordPress e incrustar archivos PDF, documentos de Word u hojas de cálculo en su publicación o página. Sin embargo, para utilizar este complemento, debe instalar Acceso a Google Apps Además, el propósito de este complemento es conectar su Google Drive a su sitio de WordPress.

Visor de PDF Algori

Información y descargas – Ver Demo

¿Busca un complemento de bloque de Gutenberg para incrustar archivos PDF? Puede probar el complemento Algori PDF Viewer. Este complemento gratuito es compatible con todos los navegadores web como Google Chrome, Firefox, Safari, Opera e Internet Explorer 11. Le permite cargar varios archivos en una sola página y admite el modo de presentación.

Complemento de WordPress Real3D FlipBook

Información y descargas –

Como su nombre indica, Real3D FlipBook es un complemento de flipbook 3D sensible y táctil para ver archivos PDF e imágenes. Fue desarrollado usando HTML5 y no requiere el uso de Flash. Puede personalizar configuraciones como la velocidad de giro, el sonido de giro, el nivel de zoom y el ángulo de la cámara. Este complemento también admite los modos lightbox y pantalla completa.

Incrustar cualquier documento Plus

Información y descargas –

Embed Any Document Plus es un complemento único en su tipo que le permite cargar e incrustar fácilmente archivos de documentos (PDF, Word, PPT, Excel, etc.) en sitios web de WordPress. El complemento agrega un botón «Agregar documento» encima del editor visual. Esto abrirá la ventana emergente EAD Plus desde la cual puede seleccionar la fuente de su documento. También está estrechamente integrado con los servicios en la nube de Google Drive, Dropbox y Box.com. Puede permanecer en su sitio de WordPress y cargar archivos a servicios en la nube e incrustarlos directamente desde allí.

Después de cargar o seleccionar el documento que desea incrustar, también tendrá una opción para seleccionar el servicio de documentos que desea elegir para incrustar su archivo. El complemento reconocerá automáticamente el formato de archivo y le sugerirá el visor. Los espectadores pueden manejar un tamaño de archivo máximo de 5 a 8 MB. Para archivos más grandes, los desarrolladores recomiendan subirlos a Google Drive e incrustarlos desde allí.

Cómo incrustar un archivo PDF sin un complemento

Bueno, si eres de los que siempre busca soluciones sin complementos, esta sección es para ti. Definitivamente podemos incrustar un archivo PDF en publicaciones y páginas de WordPress sin instalar otro complemento.

La idea es simple: deberá cargar su archivo PDF en su cuenta de Google Drive y luego usar el código iframe para incrustar ese archivo en su sitio. Si bien este método es seguro, el único problema es que usa iframe.

Paso 1: Ir Google Drive e inicie sesión en su cuenta (regístrese para obtener una cuenta de Gmail gratuita para obtener 15 GB de espacio en Drive gratis).

Paso 2: Cargue el archivo PDF que desea incrustar en su publicación de WordPress aquí. Para hacer esto, haga clic en Nuevo en la barra lateral izquierda de su cuenta de Google Drive, seleccione Carga de archivo y cargue el archivo desde su computadora local.

Paso 3: Una vez que el archivo se haya cargado en la unidad, haga doble clic en él para obtener una vista previa del archivo. Ahora, haga clic en los 3 puntos verticales (Más acciones) presentes en la esquina superior derecha y seleccione Abrir en una nueva ventana.

Paso 4: En la nueva ventana, haga clic en Más acciones (los 3 puntos verticales en la esquina superior derecha) y seleccione Compartir.

Paso 5: Se abrirá una ventana emergente llamada «Compartir con personas y grupos» y «Obtener enlace». Aquí, haga clic en Cambiar a quien tenga el enlace en la sección «Obtener enlace». Esto asegura que cualquier persona que tenga el enlace al archivo PDF pueda verlo. Si no lo hace, el archivo seguirá siendo privado y no será visible para el público en su sitio web.

Debería ver la siguiente confirmación:

Después de hacer clic en Finalizar.

Paso 6: Ahora es el momento de obtener el código de inserción que usaremos en nuestra publicación. Para obtenerlo, haga clic en Más acciones nuevamente, seleccione Insertar elemento.

Paso 7: Esto abrirá una ventana emergente donde puede copiar el código iframe.

Paso 8: Vaya a su panel de WordPress y cree o edite la publicación o página donde desea incrustar el archivo PDF. Ahora bien, si está utilizando el Editor clásico, vaya a la pestaña Texto y pegue el código:

por Editor de Gutenberg, debe agregar un nuevo bloque, buscar HTML personalizado y finalmente agregar el código iframe en el bloque HTML personalizado:

Paso 9: Eso es todo, ahora obtenga una vista previa de su publicación o página para verificar su archivo PDF incrustado.

Nota final sobre cómo incrustar archivos PDF en WordPress

WordPress le permite crear enlaces a sus archivos PDF, pero no incrustarlos. Sin embargo, este tutorial resuelve este problema. Muestra cómo incrustar archivos PDF en publicaciones o páginas, como imágenes y videos, con o sin un complemento.

¿Alguna vez ha incrustado un archivo PDF en su sitio web utilizando cualquiera de los métodos? ¿Tiene un complemento alternativo en mente y cree que es mejor que los mencionados en este artículo? Déjame saber tu opinión en la sección de comentarios.

No te olvides compartir en tu Facebook para que tus amigos lo vean

👇👇👇 😘 💪 👇👇👇