Aprende › Diseño de Menú › Conoce el builder

Cómo funcionan los ajustes

Lección 6 de 51 · 4 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Reconocer un ajuste heredado y revertirlo
  • Ajustar un valor solo para tablet o escritorio
  • Manejar los selectores de color, tipografía y fondo que aparecen en todo el builder

En el panelTu Menú › Diseño del menú › Inspector

El builder tiene cientos de ajustes, pero casi todos se construyen con las mismas piezas. Si entiendes estas seis, entiendes cualquier control que encuentres.

1 · Herencia

Muchos colores y fuentes arrancan «heredados»: toman su valor de Branding y mientras no los toques siguen lo que decidas allí. Junto a esos ajustes ves la marca heredado y un botón revertir.

Un ajuste de color del Inspector con la marca «heredado» y el botón «revertir».
  1. La marca heredado indica que el valor viene de otro lugar (aquí, de Branding).
  2. revertir quita tu personalización y devuelve el ajuste al valor heredado.

2 · Ajustes por dispositivo

Los ajustes de tamaño, espacio y tipografía de muchos elementos se pueden fijar por pantalla. La regla: un control escribe solo en el dispositivo que tienes activo en la barra de herramientas. Lo que ajustas con Tablet activo solo cambia en tablet.

Reglas de los ajustes por dispositivo

Móvil es la baseLo que defines en móvil vale también para tablet y escritorio, salvo que fijes un valor propio allí.
Vacío = igual que móvilEn tablet y escritorio, un ajuste que no tocaste hereda el valor de móvil. Al escribir uno propio, ese manda.
Escala automáticaPor defecto, textos, logo, íconos y barra de navegación crecen solos en tablet y escritorio a partir de lo que configuraste en móvil. Solo ajustas si hace falta.
Etiqueta del dispositivoCuando un control es por pantalla, su nombre lo dice: por ejemplo «Tamaño (tablet)».

3 · Colores

Un ajuste de color tiene un cuadrado (el selector del navegador) y un campo para escribir el valor hexadecimal, como #C8102E. Si guardaste colores en tu paleta de Branding, aparecen como muestras para reutilizarlos con un clic. Eso mantiene tu menú coherente.

4 · Tipografía

Todo texto con estilo propio usa el mismo editor de tipografía, con los mismos ocho campos:

El editor de tipografía

FuenteLa familia de letra. Se elige de un buscador con filtros (Todas, sans-serif, serif, display, monospace, handwriting). Si la dejas en «automático», usa la fuente general de Branding.
Color del textoEl color de las letras.
TamañoEn píxeles.
Grosor— heredar —, Ligero, Normal, Medio, Seminegrita, Negrita, Extranegrita o Negro.
Estilo— heredar —, Normal o Itálica.
Esp. letrasEl espacio entre letras, en em. Un valor pequeño positivo separa; uno negativo junta.
InterlineadoLa altura de línea: 1,5 es cómodo para párrafos.
Transformación— heredar —, Normal, MAYÚSCULAS, minúsculas o Capitalizar.

5 · Fondos

Donde un elemento admite fondo, ves cuatro pestañas de selección única: Sólido, Degradado, Imagen y Video. Elegir una desactiva las demás. También hay una opción Transparente (deja ver el fondo de atrás).

6 · Controles numéricos

Tamaños, radios y separaciones se ajustan con un deslizador y un campo numérico a su lado. Puedes arrastrar para probar o escribir el valor exacto. Algunos campos aceptan vacío y entonces usan el valor por defecto.

OpcionalPon a prueba lo que aprendiste2 ejercicios

Ejercicios opcionales: 0 de 2 acertados

Los ejercicios son opcionales: si los haces y aciertas todos, la lección se completa sola. Si no, márcala tú.

¿Algo no coincide con lo que ves en tu panel? Cuéntanos.