Oxygen Attributes (Premium)

Un atributo data- repetido por cien elementos es una deuda escondida

Tu librería de animaciones, tu slider o tu herramienta de analítica leen atributos HTML que el visitante nunca ve. Si Oxygen solo te permite escribirlos a mano, elemento por elemento, acabas con el mismo nombre copiado decenas de veces por toda la web. El día que la librería cambia ese nombre en una versión nueva, o decides sustituirla por otra que usa otro distinto, nadie recuerda dónde estaba cada uno, y el fallo no se ve a simple vista: simplemente algo deja de funcionar.

Oxygen Attributes es un plugin para Oxygen Builder que saca esos atributos de cada elemento y los gestiona desde un único sitio. Es una herramienta para quien monta sitios con Oxygen y trabaja con scripts de terceros, no para quien solo quiere un diseño bonito.

Oxygen Attributes: el nombre se define una vez y el valor se elige con controles

La idea es separar dos cosas que en Oxygen van mezcladas: cómo se llama el atributo y qué valor toma en cada elemento. Esto es lo que ofrece:

• Gestor centralizado: los atributos se definen en el backend. Si una librería renombra uno, lo cambias en un solo lugar y no buscas cada uso a mano.
• Controles de campo: además del campo de texto, el valor puede ser una lista desplegable, una lista de botones, una casilla o un selector de color.
• Sub-elementos como destino: con los atributos nativos de Oxygen solo se marca la etiqueta contenedora. Aquí puedes apuntar a elementos hijos, como las imágenes de una galería o los enlaces de unos iconos sociales.
• Valores dinámicos: el valor puede salir de datos de la entrada, de Advanced Custom Fields o del resultado de una función PHP propia.

Lo que sigue dependiendo de ti

Necesita Oxygen Builder, porque es una extensión suya y no funciona por separado. Tampoco trae ninguna librería JavaScript: añade atributos al HTML, no comportamiento. Tienes que saber qué nombre y qué valores espera el script que vas a usar, porque el plugin no los conoce de antemano. Y si tiras de Advanced Custom Fields o de una función PHP, esos campos y esa función tienen que existir ya en tu sitio.

Hijos, ACF y librerías: las dudas que suelen salir primero

¿Puedo poner el atributo en los elementos hijos y no solo en el contenedor?

Sí. Es una de sus funciones principales: puedes dirigirlo, por ejemplo, a las imágenes de una galería o a los enlaces de iconos sociales.

¿Se pueden rellenar los valores con campos personalizados?

Sí. Los valores dinámicos admiten datos de la entrada, campos de Advanced Custom Fields y lo que devuelva una función PHP propia.

¿Sirve sin Oxygen Builder?

No. Extiende las opciones de atributos HTML de Oxygen y depende de él.

¿Me dice qué atributos necesita mi librería?

No. Gestiona los atributos que tú definas, pero el nombre y los valores correctos los marca la documentación de cada librería.

Renombrar un atributo en el backend te ahorra repasar las páginas

Para sacarle partido desde el principio, no empieces por los elementos, empieza por una lista: qué librerías o servicios de tu sitio leen atributos y cuáles son. Define cada atributo una sola vez en el gestor y elige el tipo de control que evite errores de escritura: desplegable si hay pocos valores válidos, selector de color si es un color. Después aplícalos a los elementos, a los hijos cuando haga falta, y revisa el HTML resultante en una página de prueba antes de extenderlo a todo el sitio.

Cuando una librería cambie el nombre de un atributo, o cambies de librería, el ajuste se hace en el backend, en un único punto, en lugar de abrir página por página.