Dale colores propios a partes de tu sitio
Agrega esquemas de colores junto a tus colores principales y elige qué secciones de cada página los usan.
Para propietarios y administradores de equipos · 6 pasos
Lo que necesitas primero
- Tu equipo tiene una suscripción con sitio y ya eligió una plantilla. Consulta Elige una plantilla y su aspecto.
- Eres el propietario o un administrador del equipo.
Pasos
Paso 1: Abre Apariencia
En el menú de la izquierda, toca Plantilla y luego Apariencia arriba a la derecha.
Deberías ver: el formulario de Apariencia, con una vista en vivo de tu sitio al lado.
Paso 2: Agrega un esquema de colores
En Esquemas de colores, toca Agregar un esquema claro. Tus colores de arriba son el esquema Principal; puedes agregar hasta tres esquemas más. El botón te ofrece primero un esquema Claro, después una Banda de acento y luego una copia del Principal para empezar.
Deberías ver: un esquema nuevo con su nombre, sus cinco colores y su propio texto y superficies, cada uno con el mismo número de legibilidad que el Principal. Tus páginas de tienda, producto y carrito usan tu esquema Claro en cuanto tengas uno; el resto de tu sitio sigue con el Principal hasta que elijas otra cosa.
Paso 3: Define los colores del esquema
Escribe un nombre para el esquema y cambia los colores que quieras, igual que en el Principal. Cada color que lleva texto muestra un número como 7.2:1 · fácil de leer; si está por debajo del mínimo, indica el tono que verán los visitantes y te ofrece Hacerlo legible.
Deberías ver: el nombre del esquema en el menú de cada sección, más abajo.
Paso 4: Elige un esquema para una sección
En Secciones, busca la parte de tu sitio que quieres cambiar (están ordenadas por página, desde Todas las páginas, que incluye la navegación y el pie de página, hasta Inicio, Tienda y las demás) y elige un esquema en su menú. Predeterminado usa el Principal, o tu esquema Claro en la tienda, el producto y el carrito. También puedes hacer clic en una parte de la vista en vivo para encontrar su fila.
Deberías ver: la vista en vivo cambia a esa página, con la parte resaltada y en el esquema que elegiste.
Paso 5: Guarda
Toca Guardar al final del formulario.
Deberías ver: “Apariencia guardada”. Los visitantes todavía no lo ven: los cambios guardados quedan en tu borrador hasta que publiques.
Paso 6: Publica tu sitio
Toca Publicar en el menú de la izquierda y publica. Consulta Publica tu sitio.
Deberías ver: Apariencia en la lista de cambios y, después de publicar, las secciones con sus esquemas.
Cómo saber si funcionó
- Cada sección que elegiste se ve con su esquema en tu sitio.
- Tu tienda y tu carrito usan tu esquema Claro, o el esquema que elegiste para ellos.
¿Algo no se ve bien?
El botón para agregar un esquema claro aparece en gris
Primero van los colores del Principal. Cada uno de sus cinco colores necesita un código de color completo, como #0a0a0a: corrige el que no lo tenga y podrás volver a tocar Agregar un esquema claro o Agregar un esquema.
Mi tienda se volvió clara en cuanto agregué un esquema
Las páginas de tienda, producto y carrito usan tu esquema Claro de forma predeterminada, para que los compradores lean bien los precios y el carrito. Para dejarlas con el Principal, cambia sus filas en Secciones a Principal.
Quité un esquema, ¿qué pasó con sus secciones?
Volvieron a su valor predeterminado: el Principal, o tu esquema Claro en la tienda. No se borra nada.
Elegí un preajuste y mis esquemas cambiaron
Cada preajuste trae sus propios esquemas Banda de acento y Claro, que reemplazan los que tenías. Las secciones que usaban un esquema que el preajuste no tiene vuelven a su valor predeterminado. Si prefieres conservar los tuyos, vuelve a elegir tus colores en Esquemas de colores.
No encuentro en la lista una sección que quiero
La lista muestra las partes que dibuja tu plantilla. Algunas plantillas dibujan varias partes de una página juntas; esas comparten una sola fila.
La página de pago sigue oscura
La página de pago es de Fourthwall. Sus colores salen del tema de tu tienda en Fourthwall. Consulta Abre la tienda de tu equipo.
Artículos relacionados
¿Sigues con problemas? Contacta a soporte o escribe a support@spawnfront.com: dinos en qué página estás y el número del paso.