Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress
Webdesign

Cómo cargar o enlazar un PDF en WordPress

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Ana Paulina Figueroa Vazquez (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:

Media Library Add New

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:

PDF link

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:

adding link in editor

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:

Linking From Images

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:

Using the Classic WordPress Post 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:

text tab

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):

Edit as 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í:

Luego agrega el atributo download en cualquier parte dentro de la etiqueta de anclaje principal, de esta forma:

¡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!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.