• 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

Deshabilitar el lightbox en imágenes en un tema de WordPress usando el theme.json

Descubre en este tutorial cómo desactivar la opción de que las imágenes se abran en lightbox al hacer clic sombre ellas en un tema de WordPress usando el fichero theme.json.

El fichero theme.json permite tal grado de personalización de un tema de WordPress que merece la pena familiarizarse con él.

Por eso, he publicado una serie de tutoriales centrados en que entiendas cómo funciona y, sobre todo, cómo puedes personalizarlo a tu gusto.

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, esta se amplíe. En general es una opción interesante, pero puede ser que que prefieras desactivarla y que la opción no aparezca en el editor.

Así que en este tutorial vamos a ver cómo puedes hacerlo. 

Instrucciones para desactivar el lightbox en un tema de WordPress

1. Modifica (o crea) el fichero theme.json

En caso de que tu tema ya cuente con un fichero theme.json busca la sección de "settings" (si no existe, créala al mismo nivel que "styles") y añade lo siguiente.

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

Con esto consigues desactivar el lightbox y también que desaparezca la opción de activarlo en el editor.

En caso de que el tema no cuente con uno, tienes que crear un fichero llamado theme.json y colocarlo en la raíz de tu tema. Te recomiendo que eches un ojo al tutorial donde explico la anatomía del fichero theme.json.

Una vez lo hayas hecho, añade el siguiente código:

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

2. Interfaz en el editor de bloques

Una vez que hayas añadido este snippet, bien sea añadiendo un nuevo fichero theme.json o modificando uno existente, verás que desaparece la opción de activar «ampliar al hacer clic».

ajuste lightbox imagen activado WordPress
Ajustes de lightbox para imagen activada
ajuste lightbox desactivado ocultado WordPress
Ajustes de lightbox desactivada y oculta

Conclusiones

Ahora ya sabes cómo desactivar el efecto de ampliar al hacer clic en las imágenes en un tema de WordPress usando el fichero theme.json.

Si tienes alguna duda sobre este tutorial, déjala en los comentarios.

¿Sugerencias para próximos snippets? Envíamelas con el formulario de contacto.

Todo ventajas de ser suscriptor.


Tutoriales relacionados

  • https://codigogenesis.com/tutoriales/theme-json/
  • https://codigogenesis.com/actualizaciones-wordpress/
  • https://codigogenesis.com/entendiendo-anatomia-fichero-theme-json/

FSE JSON theme.json 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?