Cómo agregar enlaces a imágenes en la galería de WordPress










  • Las galerías de imágenes pueden ofrecer mucho a un sitio web en términos de generar interés y compartir imágenes con los visitantes. Ya sea que esté creando un portafolio de arte o mostrando a su personal, las imágenes mejoran el compromiso. Pero, ¿qué sucede si desea agregar enlaces a imágenes en una galería de WordPress?

    Por defecto, el sistema no tiene disponible esta opción. Tal vez desee que cada imagen se vincule a una página diferente. En lugar de intentar forzarlo a través del código, puede usar un complemento bastante simple.

    En este tutorial, le mostraré cómo agregar un enlace personalizado a una imagen en las galerías de WordPress. Con una instalación rápida, puede crear campos adicionales al crear una galería de fotos de WordPress en su sitio.

    ¿Por qué agregar enlaces a las imágenes?

    Al igual que agregar enlaces al texto, puede agregarlos a las imágenes, pero puede que se pregunte si hay alguna ventaja. Y estoy aquí para decirles que hay bastantes.

    Por ejemplo, uno de los usos más comunes es en una página de inicio. Puede crear una serie de imágenes para representar productos o servicios en su sitio web y hacer que se pueda hacer clic en ellos. Estos actúan como anuncios para sus propias páginas y son extremadamente efectivos y populares.

    De manera similar, al mirar la página de un producto, es común tener una imagen para cada artículo en la tienda. Sin embargo, estoy seguro de que notó que puede hacer clic en la imagen para ir a la página del producto, que es, con mucho, el uso más común para los enlaces de imágenes.

    Por supuesto, los creadores de contenido más creativos pueden encontrar una forma más exclusiva de aprovechar los enlaces de imágenes. Independientemente de cómo los use, los enlaces de imágenes son herramientas versátiles para aprovechar y son fáciles de implementar.

    Cómo agregar enlaces de imágenes en las galerías de WordPress

    Paso 1: Instale el Portafolio Visual

    Si bien hay una variedad de complementos de galería en WordPress, demostraré cómo hacerlo con el complemento Visual Portfolio . Es una gran herramienta para crear impresionantes galerías y, lo que es más importante, puede agregar fácilmente enlaces a cada elemento de la galería.

    Comencemos haciendo clic en Complementos y seleccionando la opción Agregar nuevo en el panel de administración de la izquierda.

    Agregar nuevo

    Busque Visual Portfolio en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.

    Portafolio visual

    Desplácese hacia abajo hasta que encuentre el complemento Visual Portfolio y haga clic en el botón «Instalar ahora» y active el complemento para su uso.

    Instalar ahora

    Paso 2: agregue el bloque de cartera visual

    Hay una variedad de configuraciones que puede configurar que pueden decidir el tamaño de las imágenes y otros factores que administra el complemento. No hay nada especial en la sección de configuración, así que simplemente revise cada uno y elija lo que mejor se adapte a su sitio web.

    Vaya a cualquier página o publicación existente en su sitio web. Como alternativa, puede iniciar uno nuevo con fines de prueba.

    En cualquier caso, haga clic en el botón «+» y escriba Visual Portfolio en el cuadro de búsqueda de bloque.

    + Botón

    Este complemento agrega 6 nuevos bloques a WordPress que incluyen Visual Portfolio Saved, Tiles, Masonry, Grid, Justified y Carousel. Todos estos son diseños diferentes que puede usar para la galería, y el bloque Visual Portfolio Saved es para diseños personalizados que agrega al complemento.

    En este caso, estoy seleccionando Carrusel, pero la elección no importa. Escoge el que te gusta.

    Seleccionar diseño

    Nota: Los bloques están estructurados de forma ligeramente diferente, pero funcionan igual.

    Paso 3: Agregar enlaces de imagen

    Puede agregar publicaciones individuales (aparecerán las miniaturas y se vincularán a la publicación respectiva), imágenes o agregar botones para compartir en redes sociales. En nuestro caso, queremos agregar imágenes, por lo tanto, haga clic en Imágenes para agregar una imagen al bloque Carrusel.

    Imágenes

    Esto abrirá la Biblioteca multimedia. Seleccione cualquier imagen en ella y haga clic en el botón «Seleccionar».

    Nota: El título de la imagen aparecerá cuando pase el mouse sobre la imagen. Asegúrate de agregar un nombre de título adecuado porque se verá incómodo si dice «IMG-6389236349» en lugar de algo simple como «Twitter».

    En el lado derecho de la página, haga clic en la imagen misma.

    Haga clic en la imagen

    Nota: cuando pase el mouse sobre las imágenes, verá un ícono de configuración.

    Esto abrirá la configuración de la imagen. Hay una variedad de opciones para configurar, pero lo más importante, hay un cuadro de texto de URL. Agregue la URL a la que desea vincular la imagen aquí.

    Agregar URL

    No hay un botón Guardar dentro de la ventana emergente de configuración de la imagen, por lo que puede salir de manera segura una vez que haya realizado los cambios y se guardarán automáticamente.

    Repita estos pasos para tantas imágenes como desee y haga clic en el botón «Publicar» o «Actualizar» para guardar los cambios. Vea la galería en su sitio web y haga clic en la imagen para que el enlace funcione.

    Felicitaciones por agregar enlaces de imágenes a su galería de WordPress.

    Cómo agregar enlaces a imágenes individuales

    No necesita un complemento de galería, ni ningún otro complemento, para agregar enlaces a las imágenes. Esta es una función integrada del bloque de imagen en WordPress.

    Vale la pena mencionar que hay demasiados enlaces de imágenes en WordPress. Para los blogs estándar de WordPress, no es necesario convertir sus imágenes en enlaces. Esta no es una práctica común y podría terminar siendo molesta en caso de un mal clic.

    Por lo tanto, asegúrese de agregarlos responsablemente.

    Simplemente agregue un bloque de imagen y luego agregue una imagen. Haga clic en la opción de enlace.

    Insertar el link

    Pegue la URL en el cuadro de texto. También puede usarlo como un cuadro de búsqueda para buscar enlaces URL.

    Introducir URL

    Puede repetir estos pasos en cualquier bloque de imagen en su sitio web. Cuando se ve en una página en vivo, cada vez que se hace clic en la imagen, llevará a los visitantes a la URL que ingresó.

    Asegúrese de que los enlaces tengan sentido

    Al igual que los enlaces normales internos o externos dentro del texto, los enlaces de imágenes deben tener sentido.

    Por ejemplo, usé el logotipo de Twitter para crear un enlace de Twitter, eso tiene sentido. Sin embargo, ¿tendría sentido usar una imagen de un desierto para hacer eso?

    No.

    Si bien es simple y puede pensar que es obvio, sigue siendo muy importante. Asegúrate de que haya una conexión natural entre la imagen y el enlace. Eso no significa que no puedas ser creativo aunque.

    Por ejemplo, el logo de Twitter es un pequeño pájaro azul, no sería muy estresante usar un pájaro real y crear un enlace. O incluso puede crear una imagen personalizada que incluya el logotipo de Twitter, entre otras cosas.

    Se trata de hacer que el enlace sea relevante para la imagen.

    Mejorar la interacción

    Agregar fotos aumenta el valor de su contenido. Pero incluir enlaces a imágenes en una galería de WordPress aumenta el factor de participación. Amplía la posibilidad de interacción con los visitantes y los mantiene en su sitio por más tiempo.

    Después de todo, cada segundo que no están en su sitio web es uno que los clientes potenciales pasan en el sitio de un competidor. Por supuesto, esto significa que debe tener cuidado con el lugar al que envía a los visitantes con estos enlaces.

    ¡Después de todo, no desea enviarlos al sitio de un competidor!

    ¿Cómo usarías una galería de imágenes? ¿Con qué frecuencia utiliza enlaces de imágenes a páginas en su sitio web de WordPress?