Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir enlaces personalizados a las imágenes de la galería en WordPress

Una de las preguntas más comunes que recibimos acerca de las galerías de imágenes de WordPress es si es posible añadir enlaces personalizados a cada imagen de la galería. La respuesta es sí, y de hecho hay varias maneras de hacerlo. Y por suerte, todas ellas son super fáciles de hacer.

Añadir URL a sus galerías puede ayudar a los visitantes a saber más acerca de los productos, imágenes y fotos que aparecen en esa galería. Esto puede animar a los visitantes a participar en su contenido.

Sin más preámbulos, vamos a ver cómo puede añadir enlaces personalizados a las imágenes de la galería en WordPress.

Add custom links to gallery images

El bloque Galería le permite mostrar una colección de imágenes en una bonita disposición. Es perfecto para mostrar imágenes de productos, fotos de un porfolio en línea y mucho más.

A veces, es posible que desee enlazar una imagen de una galería a una página, entrada o incluso a una página externa. Esto permite a los visitantes obtener más información acerca de la imagen o realizar una acción, como comprar el producto que aparece en la galería de imágenes.

Es una forma estupenda de mantener la participación de los visitantes y fomentar las conversiones. Incluso puede añadir enlaces de afiliación a su galería de imágenes para ganar más dinero.

Dicho esto, veamos cómo puedes añadir enlaces personalizados a las imágenes de la galería en WordPress. Simplemente utilice los enlaces rápidos a continuación para saltar directamente al método que desea utilizar:

Puedes enlazar a cualquier página o entrada de tu sitio web WordPress utilizando la fila de botones que aparece encima de cada imagen en el bloque Galería. Se trata de un método rápido y sencillo que no requiere plugins adicionales de WordPress.

Sin embargo, no puedes enlazar a páginas externas utilizando este método. Esto puede ser un problema si desea añadir URLs de afiliados o enlazar a una página que no forma parte de su sitio web WordPress.

Tampoco hay forma de añadir la URL a la imagen en tu biblioteca de medios de WordPress, por lo que tendrás que enlazarla manualmente cada vez que quieras utilizarla. En este caso, es posible que desee utilizar el plugin mencionado en el método 2 en su lugar.

Para seguir adelante y añadir enlaces personalizados utilizando las herramientas integradas de WordPress, sólo tiene que crear una nueva entrada o página o editar una ya existente en la que desee crear la galería. A continuación, haz clic en el botón “+ Añadir bloque”.

En el mensaje / ventana emergente, escriba “Galería” y seleccione el bloque adecuado cuando aparezca.

How to add a gallery in WordPress

Añade un bloque Galería a la estructura / disposición / diseño / plantilla.

Si desea seleccionar un archivo existente en su sitio web de WordPress, haga clic en “Biblioteca de medios”.

Adding images to a gallery in WordPress

Si desea subir nuevos archivos de imagen, seleccione “Subir” y añada las imágenes que desee utilizar.

Una vez que las imágenes estén en tu biblioteca de medios, selecciona la pestaña “Biblioteca de medios”. A continuación, sólo tienes que hacer clic en cada imagen que quieras añadir a la galería.

Cuando esté satisfecho con su selección, sólo tiene que hacer clic en “Crear una nueva galería”.

Creating a new gallery in the WordPress dashboard

En la pantalla siguiente, puede añadir las leyendas de las imágenes que desee utilizar.

Una vez hecho esto, haz clic en “Insertar galería”.

Adding captions to an image gallery in WordPress

Ahora, sólo tienes que hacer clic en la imagen donde quieras añadir el enlace.

En la barra de herramientas que aparece, haga clic en el botón “Insertar enlace”.

Adding links to a product gallery on an online store

Ahora puede escribir el nombre de la página o entrada que desea utilizar.

Cuando aparezca el enlace correcto, haz clic en él.

Adding URLs to a product or image gallery in WordPress

Por defecto, el enlace se abrirá en la misma pestaña del navegador. Si desea enlazarlo en una pestaña nueva, haga clic en la pequeña flecha que apunta hacia abajo.

A continuación, haga clic para activar el carrusel / control deslizante “Abrir en pestaña nueva”.

Opening URLs in a new tab in a product, image, or photo gallery

Ahora, puede añadir enlaces personalizados a cualquier imagen de la galería simplemente siguiendo el mismo proceso descrito anteriormente.

Cuando esté satisfecho con la galería establecida, haga clic en “Publicar” o “Actualizar” para activarla.

Publishing a WordPress gallery with links

Ahora, si visitas tu sitio web WordPress, verás la nueva galería en acción.

Método 2: Utilizar enlaces personalizados de la galería (lo mejor para reutilizar imágenes)

Si desea enlazar con una página externa o un sitio web, puede utilizar el plugin Gallery Custom Links.

Este plugin gratuito añade una nueva sección a la biblioteca de medios de WordPress, para que puedas enlazar la propia imagen en lugar de insertarla en el editor de bloques de Gutenberg.

Esto resulta especialmente útil si tiene previsto utilizar la misma imagen y enlazarla en varios sitios de su web, ya que no tendrá que añadir la URL manualmente cada vez.

Lo primero que debe hacer es instalar y activar el plugin Gallery Custom Links. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Este plugin funciona desde el primer momento, por lo que no hay ajustes que configurar. Simplemente vaya a la página o entrada donde desea crear la galería y luego haga clic en el botón ‘+’.

En el mensaje / ventana emergente, escriba “Galería” y seleccione el bloque adecuado cuando aparezca.

How to add a gallery in WordPress

Ahora puede hacer clic en el botón “Biblioteca de medios”.

Aquí puede subir archivos desde su ordenador o seleccionar cualquier imagen de la biblioteca de medios de WordPress. Independientemente de la opción que elijas, en el menú de la derecha verás algunos ajustes nuevos de “Enlazar URL”.

Adding custom links to gallery images in WordPress

Aquí puedes introducir la URL a la que quieres enlazar. También puede elegir si el enlace se abrirá en una nueva pestaña o en la pestaña actual utilizando el menú desplegable “Destino del enlace”.

Simplemente repita estos pasos para cada imagen que desee mostrar en la galería de su blog WordPress.

Cuando esté satisfecho con cómo se ha establecido la galería, haga clic en “Crear una nueva galería”.

How to add links to images in a WordPress gallery

A continuación, puedes hacer clic en “Actualizar” o “Publicar” para activar la galería. Ahora, basta con hacer clic en cualquier imagen de la galería para ir a la página o entrada enlazada.

Quizás quieras crear una galería con un plugin de galerías porque no estás satisfecho con las opciones integradas que te ofrece WordPress. Pero quieres asegurarte de que puedes añadir enlaces personalizados a las imágenes que añadas.

Si eso le suena a usted, entonces querrá utilizar Envira Gallery.

Envira Gallery es el mejor plugin de WordPress para galerías del mercado. Además de ofrecer múltiples disposiciones de galería, también tiene una característica de carga diferida útil para evitar que su galería de ralentizar su sitio web.

Nota: Para este tutorial, vamos a utilizar la versión premium de Envira Gallery, ya que ofrece muchas características avanzadas como la protección del botón derecho del ratón y álbumes de fotos. Pero esta guía también funcionará con el plugin gratuito Envira.

Lo primero es lo primero, tienes que instalar el plugin de WordPress y activarlo. Después, haz clic en “Añadir nuevo”.

A continuación, dale un título a tu nueva galería para que puedas identificarla fácilmente más adelante. Una vez hecho esto, haz clic en “Seleccionar archivos de otras fuentes”.

Creating a new Envira Gallery

Aquí, sólo tienes que añadir tus imágenes a WordPress como de costumbre o elegir las existentes de la biblioteca de archivos de medios.

También puedes pulsar la tecla “Ctrl” en Windows o “Comando” en macOS para seleccionar varias imágenes a la vez. No dudes en modificar el tamaño y la alineación de la imagen.

A continuación, haz clic en “Insertar en la galería”.

Selecting images to add in Envira Gallery

Para empezar a enlazar imágenes personalizadas a su galería, desplácese por la página hasta la pestaña “Galería”.

A continuación, haga clic en el botón del lápiz “Editar” de una de las miniaturas de la imagen.

Clicking the pencil edit button to customize an image in an Envira Gallery

Ahora aparecerá una nueva ventana.

En el campo “URL”, debe sustituir el enlace al archivo de medios por su URL personalizada. También puede marcar la casilla de verificación “Abrir URL en una nueva ventana” para que los enlaces a las imágenes se abran en una nueva ventana o pestaña del navegador.

Una vez hecho esto, basta con hacer clic en “Guardar metadatos”.

Adding a custom link to an image in Envira Gallery

Ya está. Ahora sólo tiene que repetir los mismos pasos para añadir hipervínculos personalizados para cada imagen individual.

Una vez que haya terminado de enlazar y configurar los ajustes de la galería, puede hacer clic en “Guardar borrador” para guardar la galería o en “Publicar” para hacerla accesible al público.

Saving a gallery in Envira Gallery

Si necesitas ayuda para crear galerías de imágenes, marca / comprueba estos tutoriales de WordPress:

Esperamos que este artículo te haya ayudado a añadir enlaces personalizados a las imágenes de la galería en WordPress. También puedes consultar nuestra selección de las mejores fuentes de imágenes gratuitas de dominio público y con licencia CC0 y nuestra guía para principiantes sobre tamaños de imagen en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

52 comentariosDeja una respuesta

  1. Daniel

    This post is really helpful. It just helped me beyond my thoughts, I even think that it’s impossible to do this and no one has a post about this. Thanks very much

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  2. Olaf

    I came across this tutorial. It seems that the recomended plug-in “WP Gallery Custom Links ” is deactivated since Jan 2019. I found a working replacement for that: “Gallery Custom Links” (without “WP” in the name) that works in my WP 5.0 installation

    • WPBeginner Support

      Thank you for letting us know about this plugin as we look into updating this article :)

      Administrador

  3. Miranda

    Can someone explain how to get Gallery Custom Links to work? I installed and activated it but when I went to my gallery I didn’t have any custom link meta fields out of the box like the one in the example.

    • WPBeginner Support

      You would want to go to the plugin’s page and post on their support forum and the plugin’s support should be able to assist you :)

      Administrador

  4. Henny

    Excellent information. Thanks!

    • WPBeginner Support

      You’re welcome :)

      Administrador

  5. James Hay

    I love WP beginner and find it very useful. However, it seems your solution to literally everything is to install a plugin. If I was to follow your advice, I’d have about a million plugins by now to achieve simple tasks. It’s actually frustrating, every articles solution is to install a plugin.

  6. alexandria

    This plug in was closed on January 6th- do you have another you’d suggest?

  7. Yarina

    Hi, just a quick update on users looking to install the plugin mentioned here: it looks like it is not up-to-date with the latest versions of WP, according to recent reviews on the plugin page “WP Gallery Custom Links” :S

  8. J Brinker

    Thank you so much for this! I had been looking at installing all sorts of new galleries and none of them were what I was looking for. This was the perfect solution.

    Now I’d be interested if it would also work with a carousel gallery, so they can get a closeup of the image and then click on that to a link.

    Either way your plugin is awesome and much appreciated!!!

  9. Jordy Meow

    This plugin is not being updated, and the author doesn’t seem keen to do anything about it, not to help its users. The plugin only works with the standard gallery, doesn’t work with any other even the new Gallery Block brought by WordPress 5.0.

    I proposed to help but was ignored. I developed my own, which worked with most galleries, and much cleaner/faster than this one. Please have a look: Gallery Custom Links and if any issue, let me know. I will make it work :)

  10. Kristian

    Hi
    I cant get it to work in the gallery i Themify Ultra theme?
    best, kristian

  11. Jocelyne Harding

    Just what I needed! Perfect, thank you so much, took a lot of stress off my plate.

  12. Moussa

    your support is very beneficial and effective, thank you for this amazing forum

  13. Ana

    Hi! thank you for your post. I installed it and can’t get any of the images in my gallery to be clickable. I’ve been playing around with it and trying different options but no luck. Some help please? :)

  14. Mark

    Thanks for this article. I wasted so much time looking at all of these carousel plugins that did so many complex, Java-driven things when all I wanted was the functionality this one gives you.

  15. Dhanuka

    This plugin saved me from a big headache

  16. Gina

    I really like the WP Gallery Custom Links but I want to take off the part of COMMENTS. I just want a link of my photos and the explanation …nothing more. How can I take off the COMMENTS PART?

  17. Ed McCarthy

    Do you have any idea just how much time and energy and effort you saved me? I should have looked here first, but hey, I found just what I needed. By the way, this is working just fine with the WP Image Gallery. Also, support for this plugin is being maintained now by “johnogg” and seems like he’s doing a top notch job! Thank you so very much for this tutorial/post. You guys are awesome! Ed McCarthy

  18. Rochelle

    This plugin says the author is no longer supporting it. Any other ideas?

  19. Steve

    Does this plugin still work?
    I installed it and can’t get any of the images in my gallery to be clickable. I’ve been playing around with it and trying different options but no luck. It would be a brilliant plugin if I could get it to work..

    Thanks!

    • Steve

      Nevermind. I finally got it working when I switched the general setting to link to “media file”.
      Thanks!

      • Sarah Porter

        Could you explain how you switched to “media file” because I do not see this option. Currently my photos (when clicked) are just enlarging the photo itself, and the link seems almost nonexistent

  20. Axel

    Thanks for the tip, it was exactly what I needed.

    Keep up the good work.

  21. Neel

    Can anybody help making the WordPress Gallery responsive??

  22. Mudasir

    I want have uploaded an image in my site which ontain a link I want to made that link no follow but i click on the no follow button its says no hyperlink. What should I do

  23. Steve Denger

    That is so cool! You guys always have the answers and I value your site!

  24. Adrian

    I had the same problem as ‘K’ (who posted on Jun 6, 2015 at 12:53 pm) – took a while to workout but you need the full address (including http:// ) to get external links to work correctly.

    Very helpful pluggin.

  25. K

    When I type in the url I would like the image to link to everything works except the URL of the linked page just gets tagged to the end of MY pages URL and therefore gets a mistake message saying that the url doesnt exist (because it’s now two URLs stacked) Please help! Would love this to work!

  26. twifordmin

    Will this enable me to post an image on Facebook so that when people click on the image it takes them to a post in Wordpress?

  27. Ali Khan

    Nice Info. How can we wrap text around the images without corners of the images protruding out of the text alignment ? Is it the width of the page or something to do with the style. ?

  28. Doreen Sargente

    Are there any tutorials on how to use this plug in with the newest version of WP? I’ve been happily using it for nearly a year but since upgrading I haven’t been able to figure it out and can’t find much help on how to do it.

  29. Amanda Lucas

    Thanks so much – been searching for a solution for my food blog

  30. Andrew

    Thanks, this was killing me for a bit…:)

  31. aayush

    Hi there i am using this plugin. can you tell me that how can i set all images size same whatever i want set the size of all the images of my gallery. here is my website

    please see all the images size. i want to keep all the images size same. can you help me with that if you can please reply. i would really appreciate your help. thanks

  32. Elisa

    Great timing as I was just finally getting to wanting to add links to images in a client gallery.
    Thank you!

  33. Jill

    Thanks for the info! Do you know if there’s any way to make the WP gallery links “nofollow”?

    • WPBeginner Support

      This is not possible at this moment without editing the plugin itself, which we do not recommend. However if you feel comfortable creating your own plugins then you can fork the plugin and modify it to match your needs.

      Administrador

  34. karen

    An excellent bit of information. Many thanks!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.