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

SUPER DESCUENTO DIVI 20%

¿Aún no tienes la PLANTILLA DIVI?

Elegant Themes dipone de esta Oferta por tiempo limitado de DESCUENTO EXCLUSIVO DEL 20% en la COMPRA DE LA PLANTILLA DIVI, tanto en el plan anual (yearly Access) como en el plan para toda la vida (Lifetime Access).

¡Aprovecha el momento!.

SUPER DESCUENTO DIVI

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.

Horizonweb
Política de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Más info sobre sobre la política de privacidad: Política de privacidad