# Colores, fotos y enlaces de la página

> El estilo de la página web: colores, modo claro u oscuro, encabezado, pie, fotos, textos destacados, botones y menú.

- Dónde: Academia → Página web → Estilo y datos
- Para: Administración, Coordinación
- Módulo: Página web, blog y solicitudes
- Dirección: https://gief.com.ar/ayuda/pagina-web/colores-fotos-y-enlaces

Además del contenido de cada sección, la página tiene un estilo general: sus colores, el encabezado con el nombre de la academia y el pie. Se configura en la pestaña **Estilo y datos** del editor de **Página web**. Los cambios se ven al instante en la vista previa y salen publicados cuando guardás.

## Colores y modo claro u oscuro

En el panel **Colores**:

- **Principal**: la franja, los botones y lo destacado. El primer borrador toma el color principal cargado en **Mi academia**.
- **Oscuro**: el fondo de la portada y del pie.
- **Modo claro u oscuro**: con **Automático**, cada visitante la ve como tenga configurado su celular o su computadora; con **Claro** u **Oscuro**, todos la ven así al entrar. En cualquier caso, cada visitante puede cambiarlo con el botón de arriba a la derecha de la página.

## Encabezado y pie de página

- En **Encabezado** van el **Nombre** (si lo dejás vacío, va el de la academia), una línea **Debajo del nombre** (la sede, el barrio) y el **Botón para ingresar**, que lleva al ingreso de GIEF; vacío, no se muestra. Con **Mostrar el escudo** aparece el escudo cargado en **Mi academia**.
- En **Pie de página** va un **Texto** (vacío, dice «© año y nombre de la academia») y la opción **Mostrar las redes**, con los enlaces de Instagram, Facebook y sitio web cargados en **Mi academia**. El pie siempre incluye el enlace al **Aviso de privacidad** y la firma «Powered by GIEF».

## Subir y administrar fotos

Las fotos se eligen desde cada sección que las usa (portada, texto e imagen, predio, fotos). Al tocar **Elegir o subir** se abre **Fotos de la página**, donde elegís una ya subida o tocás **Subir fotos** para agregar nuevas; GIEF las achica solas para que la página cargue rápido. Desde **Estilo y datos → Fotos → Administrar fotos** podés subir varias juntas o borrar las que no uses.

> **Importante:** al borrar una foto, se quita de todas las secciones que la usan.

## Destacar palabras en los textos

Los textos aceptan dos marcas: **Enter** corta la línea, y una palabra *entre asteriscos* se destaca, con el color principal en los títulos y en negrita en el resto. En la Bajada y otros textos largos, una línea en blanco empieza otro párrafo.

## Botones y enlaces

Cada botón tiene un **Texto**, un enlace y un **Estilo**: **Lleno** o **Borde**. El enlace puede ser:

- una sección de la misma página, como `#contacto` (el campo te sugiere las anclas existentes);
- una dirección que empiece con `https://`, por ejemplo `https://wa.me/549…` para abrir un chat de WhatsApp;
- `mailto:` para un email o `tel:` para un teléfono.

Si el enlace no tiene uno de esos formatos, el campo lo marca en rojo y la página no se guarda hasta corregirlo.

## Nombre en el menú y ancla de cada sección

Cada sección tiene el desplegable **Menú, fondo y ancla**:

- **Nombre en el menú**: si lo completás, la sección aparece en el menú de arriba de la página con ese nombre. Vacío, no aparece.
- **Ancla**: el nombre con el que los botones llegan a la sección (`#horarios`). GIEF evita que dos secciones tengan la misma.
- **Fondo**: **Blanco**, **Gris** u **Oscuro**, para alternar el color entre secciones.

## Preguntas frecuentes

### ¿El color de la página es el mismo que el del sistema?

Al principio sí: el primer borrador toma el color principal de **Mi academia**. Después son independientes; si cambiás uno, cambiá el otro en su pantalla.

### ¿Cómo hago que un botón abra WhatsApp?

En el enlace del botón poné `https://wa.me/` seguido del número con código de país, sin espacios ni signos, por ejemplo `https://wa.me/5491155551234`.

### ¿Qué pasa con el menú si publico entradas en el blog?

El menú suma solo un acceso **Blog** cuando hay entradas publicadas, salvo que la página ya tenga una sección Blog con nombre en el menú.

## Ver también

- [Armar y publicar la página web](https://gief.com.ar/ayuda/pagina-web/armar-la-pagina-web): Cómo se usa el editor de la página pública: el primer borrador, las secciones, la vista previa y el botón para publicar.
- [Las secciones de la página web](https://gief.com.ar/ayuda/pagina-web/secciones-de-la-pagina): Qué muestra cada tipo de sección (portada, planteles, horarios, cuotas, fotos, blog, contacto…) y qué se completa en cada una.
- [Escudo, color y favicon de la academia](https://gief.com.ar/ayuda/pagina-web/escudo-color-y-favicon): Cómo cargar el escudo, el color principal y el favicon, y dónde se usan: el sistema, la página, los emails, los comprobantes y la app del celular.