• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Personalizar cuando las imágenes se abren en lightbox en WordPress

Aprende en este tutorial cómo conseguir que las imágenes que añades se puedan ampliar al hacer clic en ellas, en las páginas que tú quieras, con un poco de código.

A partir de WordPress 6.4 se añadió la característica de lightbox (o mesa de luz) que permite que al hacer clic sobre una imagen se amplíe. Sin embargo, por defecto la opción viene desactivada y por lo tanto todas las imágenes que ya habías introducido no se ampliarán usando este efecto.

Ajuste de ampliar al hacer clic desactivado por defecto

Puedes cambiar este ajuste de forma sencilla desde la barra lateral del bloque, pero si tienes muchas imágenes puede ser un bastante tedioso tener que cambiarlas todas manualmente.

En este tutorial te voy a mostrar cómo conseguir que el ajuste se active automáticamente en determinadas páginas.

ajuste lightbox imagen activado WordPress
Ajuste de ampliar al hacer clic activado por defecto

De manera que cuando el usuario visite, por ejemplo, las entradas de porfolio, cuando haga clic en las imágenes se le abran en un lightbox.

Vamos a ver cómo.

Snippet para que las imágenes se muestren en lightbox en páginas y/o entradas concretas

A continuación te muestro dos ejemplos, para aplicarlos añade el snippet que te interese al fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.

Y esto son solo un par de ejemplos. Usando las etiquetas condicionales de WordPress puedes controlar de forma muy granular en qué páginas y entradas se van a ampliar las imágenes al hacer clic sobre ellas.

En una instalación con muchas imágenes esta estrategia te puede ahorrar muchísimas horas.

Conclusiones

¿Te interesa que en algunas imágenes que ya estaban en WordPress se puedan ampliar al hacer clic (efecto lightbox)? Y mejor aún, que lo hagan dependiendo de la página o entrada. Pues ahora ya sabes cómo conseguirlo.

Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.

Todo ventajas de ser suscriptor. 😉


Tutoriales relacionados

  • https://codigogenesis.com/actualizaciones-wordpress/
  • https://codigogenesis.com/crear-plugin-funcionalidades-wordpress/

Editor de bloques PHP WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto
  • Feed

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2026 · Código Genesis

close-icon

¿Has olvidado tu contraseña?