Seleccionar página

En este post te voy a explicar cómo puedes añadir un enlace a una imagen que tengas en tu página web utilizando WordPress.

Te lo voy a explicar tanto si usas el editor clásico como si usas el editor Gutenberg (editor actual por defecto de WordPress)

 

 

Si quieres MÁS sobre WORDPRESS, DIVI, BLOG, CREACIÓN DE PÁGINAS WEB, TIENDAS ONLINE, DISEÑO WEB Y SEO, APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

ACCEDE A TODOS MIS CURSOS ONLINE POR SOLO 10€/MES


VER CURSOS

 

 

 

 

 

Cómo añadir un enlace a una imagen con el editor Gutenberg

 

Para añadir un enlace a una imagen utilizando el editor Gutenberg (que viene por defecto en WordPress actualmente) debes hacer clic sobre la imagen con el botón izquierdo del ratón.

Después te aparecerá un menú encima de la imagen y tendrás que hacer clic en el icono con forma de eslabón de cadena.

 

Clic en icono en forma de eslabón de cadena para añadir enlace a imagen con Gutenberg

 

Después en el campo de texto que dice “Pega la URL o teclea para buscar” tiene dos opciones para introducir la URL:

 

1.- Escribir URL Directa: puedes copiar y pegar directamente en este campo la url a la que quieres redirigir a los usuarios que hagan clic en la imagen. Después haz clic en el icono con una flecha curva para aplicar.

Esta opción te sirve para añadir enlaces a páginas internas o externas a tu sitio web.

 

Introduce url y después clic en el icono flecha para aplicar

 

Finalmente guarda la página completa.

 

2.- Buscar página: también puedes empezar a escribir el nombre de la página con la que quieres enlazar tu imagen. Conforme escribas te irán apareciendo diferentes sugerencias. Haz clic sobre la sugerencia correcta y después clic en el icono de flecha curva para aplicar.

Esta opción solo sirve para páginas internas a tu sitio web.

 

Introducir nombre de la página del enlace de la imagen y clic en icono flecha

 

Finalmente guarda la página completa.

 

Si quieres MÁS sobre WORDPRESS, DIVI, BLOG, CREACIÓN DE PÁGINAS WEB, TIENDAS ONLINE, DISEÑO WEB Y SEO, APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

 

Cómo añadir un enlace a una imagen con el editor clásico

 

Ahora te voy a mostrar cómo añadir un enlace a una imagen usando el editor clásico de WordPress.

Una vez hayas subido la imagen haz clic sobre ella con el botón izquierdo del ratón y te aparecerá un menú encima de la imagen.

Después haz clic en el icono con forma de lápiz

 

insertar enlace en imagen con editor clásico

 

En el apartado “Ajustes de visualización” haz clic en el selector “Enlazado a” y selecciona la opción: “URL Personalizada”

 

Enlace imagen url personalizada editor clásico wordpress

 

A continuación, en el campo URL que te aparece borra http:// y pega la URL completa a la que quieres dirigir a los usuarios que hagan clic en la imagen.

Finalmente, haz clic en el botón “Actualizar” para guardar los cambios.

 

Insertar enlace en imagen con wordpress editor clásico

 

Después, cuando vuelvas a la página guarda los cambios realizados en toda la página.

 

Si quieres MÁS sobre WORDPRESS, DIVI, BLOG, CREACIÓN DE PÁGINAS WEB, TIENDAS ONLINE, DISEÑO WEB Y SEO, APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

 

Compártelo ya!!
Curso gratis de wordpress y divi

▷LLÉVATE EL CURSO WORDPRESS Y DIVI GRATIS

Aprende a crear una página web con Wordpress y Divi

22 vídeos gratis

Consentimiento

Vé a tu buzón de correo y confirma la suscripción. Si no encuentras el correo de confirmación mira en la carpeta de SPAM.

Abrir chat
¿Dudas sobre mis cursos o servicios?
🙋🏻‍♂️** ¿Alguna duda sobre mis cursos o servicios? Soy Joaquín, cuéntame y te ayudo encantado
**Accede a TODOS mis cursos por solo 10 €/mes desde cursotiendaonline.com