El aspecto de tu web —plantilla, maqueta, colores, letras, animación y el estilo de los widgets— se cambia en Mi página › pestaña Estilo, en cualquier página. Lo que cambies aquí se aplica a toda tu web y se guarda al momento, sin pulsar Actualizar. La maqueta sale con Inicio elegido en «Página». El fondo de la portada y el de cada página ya no están aquí: van en los ajustes de su parte, en la vista previa (mira El fondo de la portada).
También se le puede pedir a wi, en la pestaña WI: «pon la web en tonos verdes», «una letra más elegante», «ponla como Linktree». Después lo afinas aquí.
La plantilla#
Arriba del todo, dos bloques lado a lado eligen la plantilla, que decide cómo se colocan la portada y los widgets:
- Hero — una sola pantalla: la foto (o tu color) a sangre, los widgets de cristal encima, y el pie que se descubre debajo. Tiene un hueco extra arriba a la derecha para un widget.
- Grid — una rejilla: la foto y los widgets donde quieras, a su tamaño, y el pie en bloques al bajar. En el móvil tiene su propio orden.
Las dos llevan el mismo contenido: sólo cambia cómo se coloca. Cambiar de una a otra no borra nada: la maqueta de Hero y la rejilla de Grid —dónde va cada widget y a qué tamaño— se quedan guardadas, y al volver está todo como lo dejaste. Lo que es de las dos —tus widgets, la foto, los textos, el pie— es uno solo: un widget que quitas en una tampoco sale en la otra.
La maqueta#
Debajo de la plantilla, el desplegable «Maqueta»: cómo se compone tu portada. Cada opción lleva su dibujo.
En Hero son siete. Cambiar de maqueta no toca tus widgets: sólo cómo se colocan.
| Maqueta | Cómo queda |
|---|---|
| Por defecto | El título flota a media altura y los widgets se apoyan abajo |
| Título abajo | Los widgets arriba y el título pegado al fondo de la portada |
| Centrado | Título centrado y los widgets en una fila centrada debajo |
| Enlaces | Como Linktree: el título en el centro y los widgets uno debajo de otro |
| Columna | El título abajo a la izquierda y los widgets apilados a la derecha |
| Mosaico | Los widgets bajan de línea en vez de correr de lado: todos a la vista |
| Ficha | Como tu ficha en Google o en Booksy: tu foto arriba, tu nombre debajo y los widgets enteros, uno tras otro |
Con Enlaces y Columna eliges también «Columnas»: «Una» o «Dos». En el móvil, siempre una. Si los widgets no caben en la pantalla, en el ordenador la lista se desplaza sobre la foto quieta; en el móvil, la página se alarga.
En Grid, cada maqueta (Clásica, Espejo, Escaparate, Banda, Revista, Esquina, Mosaico, Cartel, Columnas o Tarjeta) se enseña ya con tus widgets, y la de arriba es «La que mejor encaja» con lo que tienes. Después, cada pieza se mueve y se cambia de tamaño en la propia web.
El fondo de la portada#
Ya no está en Estilo: el fondo va en los ajustes de su parte, en la vista previa de Mi página.
- El de la portada, con Inicio elegido: pasa el ratón por la portada y pulsa «Editar la portada» (en la plantilla Grid, el lápiz de la foto). En la ventana, el bloque «Fondo de la portada». Es el que llevan la portada y, si no les pones otro, las tarjetas de las demás páginas.
- El de una página (Servicios, Contacto…): pasa por la tarjeta de la izquierda y pulsa «Editar la página». Abajo, «Fondo de la tarjeta».
El desplegable de la portada tiene:
- «Foto» — tu foto de portada: se sube, se busca en el banco de imágenes o se pega su enlace.
- «Vídeo» — un vídeo tuyo en bucle y sin sonido. Es de Grow; mientras carga, y para quien prefiere menos movimiento, se ve la foto.
- «Color», «Degradado lineal», «Degradado radial», «Degradado cónico» o «Malla de colores» — el mismo mando que el fondo de los widgets: sus colores al lado del desplegable (de uno a cuatro) y, en el lineal y el cónico, el «Ángulo».
Debajo sale sólo lo de lo elegido. Con foto o vídeo, «Desenfoque» difumina la imagen, de 0 a 40 px. Con un color, «Opacidad», de 0 a 100 %: por debajo de 100 se ve la página de detrás —su fondo, su animación—. El título se lee siempre: sobre un color claro, lo oscurecemos lo justo.
Cambiar de una a otra no borra nada: tu foto, tu vídeo y tus colores se quedan para cuando vuelvas. En Grid, además, «Degradado sobre la foto» quita o pone el velo que ayuda a leer el titular. En Hero, «Tono de la portada»: «Oscura» (la de siempre), «Clara» —un velo del color del fondo y el texto oscuro— o «Automático», que lo decide según el color (con una foto, oscura). Y al final, «Fondo animado: código»: signos de código que fluyen despacio detrás de toda la página y, de vez en cuando, se encienden en azul; quieto para quien pide menos movimiento.
Cada página, su fondo. «Fondo de la tarjeta» empieza en «Como la portada» (lo de siempre). Puede llevar su propia «Foto» —sin foto propia, la de la portada— con su desenfoque, o un color o degradado con su opacidad. Sólo cambia la tarjeta de esa página.
Todo esto se guarda al momento, como Estilo.
Los colores: temas#
«Colores» es un cajón plegado, como los de la letra: cerrado dice qué tema llevas y sus colores —y un punto ámbar si algún contraste no llega—; púlsalo y se abre en su sitio. Arriba, el desplegable de temas ya pensados, cada uno con sus colores y su pareja de letras:
Esencial, Moderno, Zen, Lima, Bosque, Ocaso, Ámbar, Índigo, Océano, Piedra y Caramelo.
Si has ajustado un aspecto que te gusta, «Guardar» lo guarda como tema tuyo, con el nombre que le pongas, para volver a él. Caben hasta doce temas tuyos.
Tus propios colores#
Debajo de los temas cambias cada color a mano, pulsando su cuadro —se elige en el selector o se escribe su código—:
- Principal y Acento — los de tu marca.
- Texto.
- Abierto y Cerrado — los del widget de horario.
- Fondo del pie y Texto del pie.
«Restablecer» vuelve a los colores del tema. Si un texto no se va a leer bien sobre su fondo, te avisamos del contraste bajo antes de que lo publiques.
Tipografía#
Un solo cajón plegado, «Tipografía», porque se elige una vez y casi no se vuelve a tocar. Cerrado dice tus dos letras; púlsalo y se abre en su sitio, y se cierra al pulsar fuera. Dentro, de arriba abajo:
- «Letra del título» — letras de titular escogidas porque tienen pareja. Al elegir una, la del texto cambia sola a su pareja. Con ella, el «Tamaño del título» (XS, S, Normal, L o XL) y el «Grosor de los títulos» (Regular, Medio o Negrita: 400, 500 y 600).
- «Letra del texto» — la que hace pareja con tu título lleva la etiqueta «Recomendada». Puedes elegir otra: es tu web.
- Una de Google Fonts, pegando su enlace: «Para el título» o «Para el texto».
Las letras de la lista las servimos nosotros, desde tu propio dominio: se ven siempre y no piden permiso a nadie. Una pegada de Google Fonts se carga desde Google, así que sólo aparece cuando el visitante acepta las cookies; hasta entonces, tu web sale con una letra parecida.
Esquinas y animación#
- Esquinas: un deslizador, de recto a muy redondo, en «Estilo de los widgets». Afecta a botones, widgets y fotos.
- Animación: el último bloque. «Activada» o «Desactivada»; Suave, Desliza o Escala; y su «Velocidad»: Lenta, Normal o Rápida.
El estilo de los widgets#
El bloque «Estilo de los widgets», antes de la animación, cambia cómo se ven todos a la vez: su fondo (cristal, color o degradado), el cristal líquido, la sombra, el borde, los «Rótulos en pastilla» (con su color, si quieres), el «Trazo grueso», las «Pegatinas» de la portada (en Hero), la opacidad, el desenfoque y las esquinas. Debajo de las esquinas, «Espacio entre widgets»: de 0 a 16 px entre los widgets y las tarjetas de la página; se ve al moverlo y se guarda al soltarlo. Mira El cristal. Si quieres alguno sin ese color —el mapa, las preguntas—, apaga «Usar el estilo de los widgets» en su lápiz: se queda con el cristal de Colores.
Para que se vea en tu web#
Aunque se guarda al momento, el nuevo aspecto está en tu borrador. Pulsa «Publicar cambios» para que lo vean tus clientes. Si te arrepientes, el Historial guarda cómo estaba.