Cambiar un dato en toda la web con variables

Una variable es un dato con nombre que sale en muchas páginas: el teléfono, el email, un precio. Lo escribes una vez en Variables y, si un día cambia, lo cambias ahí y se actualiza en toda la web.

Crear una variable de contenido

1. Abre Sitio › Variables.
2. En el apartado Contenido, pulsa + Texto, + Enlace o + Imagen.
3. Rellena la fila:
4. Nombre: en minúsculas, con números y guiones, sin espacios (telefono, precio-revision).
5. Descripción: para qué es, para acordarte.
6. Valor: el teléfono, el precio… En los enlaces tienes el botón Medios, para poner un PDF (la carta, una tarifa) sin copiar su dirección.
7. Pulsa Guardar.

Usarla en una página

Escribe el nombre entre dobles corchetes en cualquier texto, enlace o imagen de tus páginas: «Llámanos al 971 000 000». En la web sale su valor.

La columna Uso te enseña cómo se escribe cada una; púlsala y se copia.

Variables de diseño

En el apartado Diseño, con + Color, + Medida y + Fuente, guardas colores, tamaños y fuentes con nombre. Los colores salen después en los campos de color de las secciones, en el desplegable Variable…: si cambias la variable, cambian todos los sitios que la usan.

Quien hace plantillas las usa en el CSS con var(--v-nombre), como pone en la columna Uso.

Ojo: si dos variables tienen el mismo nombre o el nombre no vale, el nombre sale marcado y no se guarda nada hasta que lo arregles. Para quitar una, pulsa la papelera de su fila y guarda.

Ver también Cambiar los colores y las letras de tu web.