Ajustar la apariencia de tu web

Logo, banner, tipografías, colores, marcos, composición: todo se ajusta en los ajustes de tu web, sin tocar el contenido.

En la página de inicio del panel, haz clic en Edit my site, haz tus cambios y luego Save. Recarga tu web para ver el resultado. El fondo de la web es negro: los ajustes siguientes se aplican sobre él.

La web de ejemplo: banner, logo, subtítulo en dos líneas, color de los enlaces.

Título, logo, banner

title: el nombre de la web: arriba a la izquierda cuando no hay logo, en la pestaña del navegador y en las vistas previas al compartir;
subtitle y subtitle_line2: una o dos líneas bajo el nombre (en ordenador), por ejemplo tu disciplina y tu ciudad. subtitle es también la descripción de la web para los buscadores;
logo y logo_height: una imagen en lugar del nombre (mejor un PNG con fondo transparente, de color claro: el fondo es oscuro) y su altura en píxeles (de 10 a 300; 40 por defecto);
banner y header_height: la imagen de fondo de la cabecera, recortada para ocupar todo el ancho: elige una imagen ancha (por ejemplo 2400 × 500 píxeles) sin nada importante cerca de los bordes. header_height fija la altura de la cabecera (de 40 a 400 píxeles; 92 por defecto);
favicon: el pequeño icono de la pestaña del navegador y de la pantalla de inicio de los móviles: una imagen PNG cuadrada, idealmente de 512 × 512 píxeles (al menos 180 × 180). Sin él, la web conserva el icono por defecto.

Título, banner, subtítulo y logo.

Tipografías

font_title (títulos, menús, títulos de las teselas) y font_text (todo lo demás) ofrecen: Serif (clásica, con remates; por defecto para los títulos) y Sans_serif (moderna, sin remates; por defecto para el texto), las tipografías del dispositivo del visitante, como en tilefolio.com, que se muestran sin descarga; Augustus (capitales antiguas), Times, Abel (fina y estrecha), Roboto (moderna, muy legible) y Crimson_Text (clásica, para textos largos).

Colores, marcos, espaciado

Los colores se escriben en código hexadecimal, con almohadilla: #e07a5f (cualquier selector de colores en línea te da este código).

link_color: el color de los enlaces de tus textos (azul por defecto);
link_color_everywhere: TRUE: este color se aplica también a los enlaces sobre fondo oscuro (salvo el menú);
image_border y image_border_color: el marco alrededor de las teselas (activado por defecto, gris muy claro) y su color;
paragraph_margin: el espacio encima y debajo de los párrafos, en píxeles (de 0 a 60; 5 por defecto);
text_justify: TRUE: los párrafos se justifican.

Composición

category_break: TRUE (por defecto): las teselas se agrupan por año o por tema, con un submenú para saltar a cada grupo. Falso: un único mosaico continuo;
headers_as_tile: TRUE: el título de cada grupo (el año, el tema) aparece como una tesela en el mosaico;
media_enabled: muestra el menú Media;
newsletter_enabled: muestra la suscripción al boletín en la página de contacto;
support_enabled: muestra la parte Apoyo en la página de contacto (ver los textos).

Ignora el campo bg, que no se usa.

Los ajustes de tipografías, alturas, colores, marcos y composición en los ajustes de la web — Los ajustes de apariencia.

En el móvil

La web se adapta sola a las pantallas pequeñas: las teselas pasan a una columna y el menú se pliega bajo el icono ☰. Aun así, revisa tu banner y tu logo en un móvil.

La página de inicio de la web en un móvil — La web de ejemplo en un móvil.