Marca, diseño y contenido

Define tu identidad, colores, presentación, menús, servicios, precios, imágenes y secciones hero.

Inicio de la documentación › Marca, diseño y contenido

Ver el video tutorial

EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube

Cómo se organizan los ajustes en capas

Washlora tiene varias capas. Trabaja desde la capa más específica hasta la más global:

  1. Contenido de la página: texto, imágenes y enlaces de la sección que editas en el editor de páginas.
  2. Niche identity y Niche design: identidad y presentación compartidas de un nicho nativo.
  3. Washlora Design Studio y Washlora Options: controles visuales globales para la estructura estándar del tema.
El encabezado y el pie de página propios de un nicho pueden tener prioridad sobre la estructura global estándar. Si una demo nativa ignora un cambio de color global, defínelo primero en Niche identity.

Niche identity

Ruta en el administrador: Appearance → Niche identity
  1. Elige el nicho antes de editar.
  2. Define Brand, Tagline, Phone, Email, Hours, Area y About.
  3. Ajusta los colores Primary, Dark, Accent, Soft e Ink y luego haz clic en Save identity.
  4. Revisa el encabezado y el pie de página del nicho en su página de inicio y en una página interior.

Cambiar la identidad compartida no reescribe cada párrafo de la demo. Edita el texto específico de cada sección en el editor de páginas.

Niche design

Ruta en el administrador: Appearance → Niche design
  1. Elige el nicho y selecciona un estilo de presentación como Atelier, Dispatch, Enterprise o Home care.
  2. Define el ancho del contenido de 1040 a 1320 px, el radio de las esquinas de 0 a 48 px y el espaciado de las secciones en escritorio de 64 a 120 px.
  3. Guarda el diseño y previsualiza el mismo nicho en más de un editor.

Para una composición de secciones distinta, usa en su lugar el control de diseño del editor de páginas.

Washlora Design Studio

Ruta en el administrador: Washlora AI Studio → Design Studio

Controles visuales globales para la estructura estándar del tema. Haz clic en Save Design para aplicarlos.

ControlOpciones
ColoresPrimary, Secondary, Accent, Body background y Text colour.
Header style / Footer style12 estilos de encabezado y 12 estilos de pie de página.
Ancho del logotipoDe 60 a 360 px.
Estilo del sliderEstilo 1 a 5.
Diseño del sitioAncho completo (Wide) o en caja (Boxed).
Opciones del encabezadoSticky header, Mega menu, Menu search y Menu cart.

Washlora Options

Activa Redux Framework para usar Washlora Options en los controles globales de marca, color, tipografía, encabezado, pie de página, blog y rendimiento que se aplican a la estructura estándar del tema.

Menús, encabezado y pie de página

Ruta en el administrador: Appearance → Menus
  1. Selecciona el menú que corresponde a tu nicho y actualiza las etiquetas.
  2. Reemplaza los destinos de ejemplo por tus propias páginas y confirma la asignación del menú principal.
  3. Deja como último elemento del menú la acción principal de consulta o reserva si el encabezado de tu nicho la usa como llamada a la acción.
  4. Actualiza los datos de contacto y el texto del negocio compartidos en Niche identity.
  5. Después de guardar, revisa el menú móvil, el foco del teclado, los enlaces del pie de página y todos los botones.
El megamenú de la vitrina pública de 105 demos es el explorador de demos del autor. No des por hecho que la vitrina en sí se importa a tu sitio de negocio.

Servicios, precios e imágenes

Mantén el texto editorial de las páginas separado de los registros de servicios y de los productos de pago.

Una sección de registro de servicios en la demo Tent & Awning Care.
Una sección de registro de servicios en la demo Tent & Awning Care. Haz clic para ampliar.
Las fotografías de la vista previa y los precios de ejemplo no son una promesa comercial. Compruebe la licencia de cada fotografía de demostración antes de reutilizarla. Consulta Créditos de medios.

Imágenes hero y sliders opcionales

Las secciones hero nativas y los módulos de slider de terceros son tipos de contenido distintos.

Seleccionar una opción de slider predeterminada no convierte las secciones hero nativas en módulos de slider. Las exportaciones de bases de datos de sliders en Demo-Data no deben importarse a una base de datos de producción como SQL sin procesar: usa un proceso de migración controlado. Revisa el contenido del paquete y las licencias de cada plugin de slider.