Casi todo se ajusta en Apariencia → Personalizar, viendo los cambios en directo antes de publicarlos. Los ajustes propios del tema están en el panel Opciones de Lienzo.
El logo
En Apariencia → Personalizar → Identidad del sitio sube tu Logotipo. Lo mejor es un PNG con fondo transparente. Además:
- Altura del logo (px): entre 24 y 160. En el móvil se limita a 44 px para que quepa el menú.
- Mostrar también el título del sitio junto al logo.
- Logo para el modo oscuro (opcional): una versión clara de tu logo, que se muestra a quien tenga el modo oscuro.
- Invertir los colores del logo en modo oscuro: útil para logos de un solo color si no tienes versión clara.
Colores y tipografía
En Apariencia → Personalizar → Opciones de Lienzo → Estilo:
- Paleta de colores: Pizarra, Papel, Bosque, Blanco o Noche. Cada una tiene una versión clara y otra oscura, que siguen la configuración del dispositivo de cada visitante. Noche es siempre oscura.
- Tipografía: Clásica, Editorial, Moderna, Humanista o Elegante. Solo usan fuentes del sistema, así que no se carga nada de servicios externos y la web sigue siendo rápida.
- Color de acento propio: opcional, para los enlaces y los botones. Elige un tono oscuro: en modo oscuro se aclara solo.
- Botón de modo claro/oscuro: permite a los visitantes cambiar de modo. Su elección se recuerda en su navegador, sin cookies.
- Franja de color arriba y Pie con fondo de color: dos detalles para dar más presencia al color.
La portada
La portada de Lienzo se usa cuando en Ajustes → Lectura tienes una página estática como portada (el asistente lo deja así). Se configura en Apariencia → Personalizar → Opciones de Lienzo → Portada.
La cabecera
- Frase principal, Presentación, Texto del botón y Enlace del botón (si lo dejas vacío, lleva a tu página de contacto).
- Diseño de la cabecera: imagen al lado del texto, imagen de fondo a todo el ancho, slider de imágenes de fondo a todo el ancho o solo texto.
- Imagen de la cabecera: si no eliges ninguna, se usa la imagen destacada de la página de inicio.
- Oscurecer la imagen de fondo (%): para que el texto se lea bien sobre la foto. 65 va bien con la mayoría.
El slider
Con el diseño de slider eliges las Fotos del slider: unas Imágenes sueltas (de 2 a 10, que ordenas arrastrándolas) o una Galería pública, de la que se usan sus fotos en orden, con el Número de fotos que quieras. En Segundos por foto decides el ritmo. Los visitantes pueden pausarlo, y no avanza solo para quien pide a su dispositivo menos movimiento. Las fotos apaisadas quedan mejor.
Las secciones
Debajo de la cabecera puedes mostrar tus proyectos recientes, tus galerías, tus servicios, tus testimonios y tus últimas entradas, eligiendo cuántos y con qué título. En Orden de las secciones las colocas arrastrándolas o con las flechas. Las secciones desactivadas o sin nada que mostrar no aparecen.
Las páginas interiores
En Apariencia → Personalizar → Opciones de Lienzo → Páginas interiores:
- Banda bajo la cabecera: la franja con el título de cada página, con un color suave de la paleta, con la imagen destacada de fondo o sin fondo.
- Mostrar las migas de pan.
- Ancho del texto: normal (unos 65 caracteres por línea), amplio (unos 80) o todo el ancho.
El portfolio y los servicios
En Apariencia → Personalizar → Opciones de Lienzo → Portfolio y servicios eliges la forma de las fotos del portfolio (horizontal 4:3 o 3:2, panorámica, cuadrada, vertical u original sin recortar, en mosaico), las columnas, el espacio entre fotos y dónde va el título del proyecto (debajo de la foto o sobre ella al pasar el ratón). También los títulos e introducciones de las páginas de portfolio y servicios.
Datos de contacto, redes y pie
- Apariencia → Personalizar → Opciones de Lienzo → Datos de contacto: el correo público, el teléfono y la ubicación que se muestran en la web.
- Apariencia → Personalizar → Opciones de Lienzo → Redes sociales: las direcciones de tus perfiles en Instagram, LinkedIn, GitHub, Mastodon, X, YouTube, Vimeo y Behance.
- Apariencia → Personalizar → Opciones de Lienzo → Pie de página: el texto del pie. Puedes usar
{año}y{sitio}, que se sustituyen por el año actual y el nombre de tu web.
Imágenes y buscadores
- Apariencia → Personalizar → Opciones de Lienzo → Imágenes: Abrir las imágenes en un visor a pantalla completa y Mostrar los datos de la cámara en el visor (cámara, objetivo, focal, apertura, velocidad e ISO; la ubicación nunca se muestra). Para que una imagen no se abra en el visor, añádele la clase
no-visoren los ajustes del bloque, en Avanzado → Clases CSS adicionales. - Apariencia → Personalizar → Opciones de Lienzo → Buscadores: Añadir datos estructurados para que Google entienda quién está detrás de la web (una persona o una empresa) y con qué nombre.
Los menús
Lienzo tiene dos menús: el Menú principal, en la cabecera, y el Menú del pie, pensado para las páginas legales. Los gestionas en Apariencia → Menús. El menú principal admite hasta tres niveles. En el móvil se recoge en un botón Menú.
El pie tiene además una zona de widgets, Pie de página, en Apariencia → Widgets.
Plantillas de página
Al editar una página, en el panel lateral Página → Plantilla puedes elegir:
- Ancho completo: el contenido ocupa todo el ancho, ideal para páginas muy visuales.
- Sin título: la página sin la banda del título, para empezar con una foto o un patrón.
- Contacto: la página con el formulario de contacto.
- Página de enlaces: una página sencilla de enlaces, para la biografía de tus redes sociales.
Patrones
En el editor, pulsa el botón + (insertador de bloques) y ve a Patrones. En la categoría de Lienzo encontrarás 14 diseños listos para usar y cambiar: Presentación, Sobre mí, Título y texto, Texto y foto alternados, Cómo trabajo, Tarifas, Cifras, Testimonio, Han confiado en mí, Galería destacada, Antes y después, Foto a todo el ancho con frase, Preguntas frecuentes y Llamada a la acción.
Estilos de bloque
Algunos bloques tienen un estilo extra de Lienzo, en el panel del bloque, en Estilos: la Imagen «Con marco», el Párrafo «Etiqueta» (un texto pequeño en mayúsculas, para encabezar secciones) y el Separador «Corto».