Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)
En este tutorial aprenderás cómo cargar o enlazar un archivo PDF en WordPress. Si alguna vez has cargado una imagen a la biblioteca de medios en WordPress, hacer lo mismo con un PDF es igual de sencillo, así que déjame explicarte como hacer eso.
Carga un PDF a WordPress
Sigue los pasos con nosotros en nuestro canal de YouTube de Envato Tuts+:
1. Localiza tu archivo PDF
Estoy trabajando con un archivo PDF de demostración en mi sistema. Asegúrate de que el tamaño del archivo no sea demasiado grande (tu alojamiento de PHP probablemente tendrá un límite en cuanto a los tamaños de carga de archivos), e idealmente el nombre de tu archivo tampoco debería contener caracteres extraños.
En tu administrador de WordPress, ve a Media > Library > Add New (Medios > Biblioteca > Agregar nuevo) y luego usa el selector de archivos para seleccionar tu PDF, o arrástralo y suéltalo en el navegador:
Una vez cargado, podrás asignar un título, una leyenda y una descripción (si lo deseas) al archivo. ¡Y así es como se carga un PDF a WordPress! Ahora veamos algunas formas en las que podemos crear un enlace al PDF.
2. Copia y pega el enlace del archivo PDF
Lo más importante es que necesitarás el enlace al archivo, así que copia la ruta completa tal como aparece:
Después puedes usar ese enlace y agregarlo al texto en las páginas o entradas dentro de WordPress, resaltando el texto para el enlace que hayas elegido y agregando un enlace de esta manera:
Una vez guardado, el enlace estará presente cuando veas la entrada en el front-end de tu sitio web, y al hacer clic en él, abrirá tu PDF en una ventana del navegador.
Enlazando desde imágenes y botones
Lo mismo es posible con imágenes y botones. Por ejemplo, carga una imagen al editor Gutenberg de WordPress, y luego haz clic en el icono de enlace para agregar el enlace al PDF:
3. Usando el editor de entradas clásico de WordPress
¿Qué pasa si no estás usando Gutenberg? Lo mismo también es posible usando el editor clásico de WordPress: el botón de enlace se encuentra en la barra de herramientas de la parte superior del editor:
¡Y así es como creas un enlace a un PDF en WordPress! Pero espera, hay una cosa más que quiero explicar...
4. Cómo descargar un PDF directamente a partir de un enlace
Antes de finalizar, este es un truco adicional. ¿Qué sucede si no quieres que los usuarios hagan clic en el enlace de tu PDF y que lo abran en otra ventana del navegador? ¿Qué sucede si, en cambio, quisieras que el PDF se descargue directamente?
Para lograr esto, necesitamos tener acceso al marcado HTML del enlace en sí. Entonces, en el editor clásico ve a la pestaña de texto:
En el editor Gutenberg puedes obtener acceso al código HTML haciendo clic en el menú con los tres puntos (opciones) de esta forma, y presionando Edit as HTML (Editar como HTML):
Después (si estás familiarizado con la lectura de código HTML), localiza el enlace en cuestión, que debería verse más o menos así:
1 |
<a href="https://link" target="_blank" rel="noopener">Download PDF</a> |
Luego agrega el atributo download en cualquier parte dentro de la etiqueta de anclaje principal, de esta forma:
1 |
<a href="https://link" target="_blank" rel="noopener" download>Download PDF</a> |
¡Eso es todo! Ahora, cuando alguien haga clic en el enlace, este descargará el PDF a su sistema.
Para aprender más sobre cómo funciona el atributo download, esta es una guía útil:
¡Eso es todo al respecto!
Así es como puedes cargar un PDF a tu sitio web de WordPress, y cómo puedes crear un enlace a él de diferentes maneras. Espero que este tutorial te haya sido útil, ¡echa un vistazo a los siguientes recursos para obtener más consejos dirigidos a los principiantes!
WordPressCómo cambiar el nombre de dominio y el URL de tu sitio de WordPress
WordPressCómo cambiar el color de la fuente en WordPress
WordPressCómo cambiar el tamaño de la fuente en WordPress
WordPressCómo cambiar el título del sitio en WordPress
WordPress¿Qué son las etiquetas en WordPress?
WordPress¿Por qué usar WordPress?
WordPressCómo editar el pie de página en WordPress
By
