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 a su sitio web.
- Para compartir sus creaciones en formato PDF con sus clientes.
- Puede ejecutar una agencia de viajes y desea ver el itinerario de los paquetes turísticos.
Pero hay un problema !
Aunque WordPress le permite incrustar audios, videos y, por supuesto, imágenes, no es posible incrustar archivos PDF en sus publicaciones y páginas. Esta función no está disponible en este momento, tal vez se agregue en el futuro.
Si desea agregar un archivo PDF, puede cargar el archivo usando la opción Agregar un medio, insértelo y el enlace a este archivo se agregará a su página. Y sus visitantes podrán descargarlo o ver el archivo en el navegador web cuando abandonen su sitio web.
Pero, ¿qué sucede si desea incrustar archivos PDF en sus artículos y permitir que sus visitantes los vean sin salir de su sitio web? ¿Hay una solución para esto?
La respuesta corta es SÍ.
Entonces, en esta publicación, le mostraremos cómo puede incrustar un archivo PDF en sus publicaciones o páginas de WordPress. Antes de comenzar, probablemente necesitará crear un documento PDF ordenado y bien formateado con un editor de PDF. Entonces estará listo para agregarlo a sus artículos con o sin un complemento.
Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
Cómo agregar 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 Complemento de inserción de PDF de WordPress. Se trata de un Plugin de WordPress gratis que está disponible en el directorio de complementos de WordPress. Lo mejor de este complemento es que usa javascript para hacer su trabajo y no un servicio de terceros o iframes.
Paso 1: Instale el complemento de PDF de Embedder
Inicie sesión en su panel de WordPress y navegue hasta el menú Extensiones> Agregar búsqueda PDF Embebedor en el cuadro de búsqueda. Una vez que encuentre el complemento, simplemente instálelo y actívelo. También puede descubrir nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Paso 2: configure el complemento
Aunque puede comenzar a incrustar sus archivos PDF una vez que instale este complemento, puede cambiar la configuración primero para que se vean modernos. Para hacer esto, vaya a Configuración> Insertar PDF desde la barra lateral izquierda de su panel de WordPress.
La versión gratuita de este complemento le permite modificar lo siguiente:
- Anchura y altura - Puede cambiar el ancho y el alto del visor de PDF. Acepta valores enteros (en píxeles) o max (100% ancho).
- Ubicación del bar Herramientas: la barra de herramientas de este visor de PDF permite que su audiencia se acerque o retroceda y vaya a la página anterior o siguiente. Puede colocar la barra de herramientas en la parte superior, inferior o ambas.
- Coloca el cursor sobre la barra de herramientas - Puede seleccionar si desea que la barra de herramientas sea visible solo cuando el mouse esté sobre el documento.
Ahora bien, 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í 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 ubicación de la barra de herramientas se establece en la parte superior y la barra de herramientas se fija. También puede configurar la barra de herramientas en la parte inferior y la barra de herramientas fija al final.
Este complemento también tiene una versión premium que ofrece funciones como el botón de descarga, los contadores de visualización y descarga, el desplazamiento continuo de la página y los enlaces abiertos en una nueva ventana.
Paso 3: inserta un archivo PDF en tu publicación o página
Una vez que haya terminado con la configuración, puede comenzar a hacer el trabajo. Ahora, ya sea que esté utilizando el editor clásico o el editor de Gutenberg, puede usar fácilmente este complemento para lograr el resultado deseado.
Si utiliza editor clásico, incrustar un archivo PDF es similar a lo que haría con una imagen o un video.
Primero, cree una nueva publicación o abra una publicación existente y haga clic en el botón Agregue medios.Sube tu archivo PDF, haz clic en Insertar en el botón 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 este complemento funciona correctamente o no.
Y Gutenberg Editor ? Bueno, el complemento Embedder PDF viene con un bloque específico. Así que crea una nueva publicación y haz clic en el icono Agregar bloque. Entonces encuentra el bloque PDF de EMBedder y selecciónelo.
Finalmente, haga clic en el bloque para seleccionar (o descargar) su archivo PDF y su trabajo estará listo.
Este es el resultado final, independientemente del editor que utilice:
Algunos complementos populares de visor de PDF
Aunque el Plugin de WordPress PDF Embedder hace un buen trabajo, siempre es bueno tener algunas alternativas. Así que permítanme ahora compartir algunos plugins de WordPress producto de más alta calidad. Visor de PDF, sin ningún orden en particular:
1. DK PDF Generator
Crear versiones en PDF de sus publicaciones y compartirlas en comunidades compartidas puede ser una gran opción para gestión del tráfico.
Le Plugin de WordPress Premium DK PDF Generator le permite elegir fácilmente páginas, publicaciones y tipos de publicaciones personalizadas que se pueden compartir o descargar como PDF.
Vea nuestro artículo sobre 30 cosas que se pueden hacer en su blog después de su publicación
Con estos, incluso puede agregar una portada y una tabla de contenido (con enlaces interactivos) a su archivo PDF.
Descargar | Demo | alojamiento web
2. Catálogo de productos en PDF para WooCommerce
Es un complemento de WordPress premium muy útil de WooCommerce, que lo ayudará a descargar la lista completa de productos de su tienda en línea en formato PDF y con solo un clic.
Este complemento viene con cinco plantillas PDF predeterminadas, pero puede crear las suyas de acuerdo con sus necesidades con HTML y CSS simples.
Lea también nuestro 9 plugins de WordPress para gestionar su catálogo de productos
También le proporciona una opción de creación e inserción de código corto para agregar botones de descarga de PDF a cualquier artículo o página.
Descargar | Demo | alojamiento web
3. WordPress para compartir en redes sociales e imprimir la página de publicación en el complemento de pdf
Este complemento premium de WordPress se va plugins exclusivos para compartir en redes sociales de WordPress, el más simple y optimizado con grandes funcionalidades que verás consultando su demo. Ofrece muchas funciones, como el intercambio completo de una publicación de blog o una página web en cualquier red social, y la descarga en formato PDF.
Con este complemento de WordPress podrá redirigir fácilmente a los visitantes del sitio web a sus cuentas de redes sociales y aumenta tu presencia en éstos.
Descargar | Demo | alojamiento web
Cómo agregar un archivo PDF sin complemento
Bueno, si eres de los que todavía está buscando soluciones sin complementos, esta sección es para ti. Ciertamente, podemos agregar archivos PDF en publicaciones y páginas de WordPress sin instalar otro complemento.
La idea es simple: debe cargar su archivo PDF en su cuenta de Google Drive y luego usar el código iframe para incrustar este archivo en su sitio web. Aunque este método es seguro, el único problema es que utiliza iframes.
paso 1 : Ir Google Drive e inicie sesión en su cuenta (solo necesita registrarse para obtener una cuenta de Gmail para obtener gratuito 15 GB de espacio).
paso 2 : Cargue el archivo PDF que desea incrustar en su publicación de WordPress. Para hacerlo, haga clic en Nouveau en la barra lateral izquierda de su cuenta de Google Drive, haga clic en Importar un archivo y cargue el archivo desde su computadora.
paso 3 : Una vez que el archivo se cargue en su unidad de Google, 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 (el 3 puntos verticales en la esquina superior derecha) y clic Compartir.
paso 5 : Se abrirá una ventana emergente llamada "Compartir con personas y grupos" y "Obtener un enlace". Haga clic aquí en Edítelo para cualquiera que tenga el enlace en la sección "Obtener un vínculo". Esto es para garantizar que cualquier persona que tenga el enlace del archivo PDF pueda verlo. Si no lo hace, el archivo se mantendrá privado y no será visible para la audiencia de su sitio web.
Debería ver la siguiente confirmación:
Una vez hecho esto, haga clic en Terminado.
paso 6 : Ahora es el momento de obtener el código de inserción que vamos a utilizar en nuestra publicación. Para obtener esto, haga clic de nuevo en Más acciones, seleccione Integrar un elemento.
paso 7 : Esto abrirá una ventana emergente que le permitirá 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. Si utiliza editor clásico, simplemente vaya a la pestaña Texto y pegue el código:
Para 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.
Resumen
WordPress le permite adjuntar sus archivos PDF, pero no incrustarlos. Sin embargo, este tutorial soluciona este problema. Muestra cómo puede incrustar sus archivos PDF en sus publicaciones o páginas, al igual que sus imágenes y videos, con o sin el uso de un complemento de WordPress.
Descubre también algunos complementos premium de WordPress
Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.
Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.
1. Respaldo y restauración
Copia de seguridad y restauración es un complemento premium de WordPress que te ayudará programar las copias de seguridad de su sitio web a un servidor local o a diferentes servidores en la nube como Dropbox, Google Drive y Amazon S3. Por lo tanto, podrá restaurar su sitio web, incluida la base de datos, desde los puntos de restauración existentes con solo un clic.
También será posible descargar su sitio web, base de datos y todas sus copias de seguridad. Este complemento también lo ayudará a administrar los procesos de copia de seguridad y restauración de una manera simple, segura y confiable.
Sus características incluyen: copia de seguridad completa del sitio web, copia de seguridad de Amazon S3, Google Drive, Dropbox, el administrador de espacio en disco, la eliminación automática de copias de seguridad antiguas, la restauración completa de su sitio web, soporte para multisitio, etc ...
Descargar | Demo | alojamiento web
2. Lápiz amarillo: Visual CSS Style Editor
Yellow Pencil es un editor de estilo visual que puedes usar con cualquier tema para personalizar tu sitio web en minutos (fuentes, colores, animaciones y más…).
Este complemento premium de WordPress creará estilos CSS en fondo mientras juegas con los colores como si fuera un juego, fue diseñado tanto para principiantes como para usuarios experimentados.
Descubre también nuestro Complementos 5 WordPress para mostrar notificaciones
No se requieren conocimientos de codificación. Sin embargo, el complemento de WordPress tiene un buen editor de CSS para aquellos a los que les gusta codificar. Puede codificar en vivo con este editor y personalizar su CSS.
Descargar | Demo | alojamiento web
3. Quack Chat Sistema de chat en vivo
Quack Chat es un Extensión de WordPress premium que se integra fácilmente con su sitio web y ofrece una interfaz fácil de usar para sus clientes. Es un chat en línea que se puede utilizar desde cualquier computadora o dispositivo móvil.
Como funcionalidades ofrece entre otras: soporte para notificaciones instantáneas a través de mensajes o correos electrónicos, un sistema de notificación audible, archivo automático (historial) de chats, un panel de control fácil de usar, una ventana de chat personalizable, un mensaje de saludo automático y personalizable soporte para desplazamiento automático en la página de chat etc ...
Descargar | Demo | alojamiento web
Recursos recomendados
Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.
- Cómo agregar contenido de goteo a un sitio web de WordPress
- Cómo borrar un caché en WordPress
- Complementos de 10 WordPress WooCommerce para usar en su blog
- Complementos de WordPress 6 para convertir divisas en un blog
Conclusión
Listo ! Eso es todo por este tutorial. Esperamos que este artículo le haya ayudado a insertar archivos PDF en WordPress.. No dude en comparte con tus amigos en tus redes sociales favoritas.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.
Si tienes sugerencias o comentarios, déjalos en nuestra sección comentarios.
...
