Marca, design e conteúdo

Defina sua identidade, cores, apresentação, menus, serviços, preços, imagens e seções hero.

Início da documentação › Marca, design e conteúdo

Assistir ao tutorial em vídeo

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

Como as configurações são organizadas em camadas

O Washlora tem várias camadas. Trabalhe da camada mais específica para a mais global:

  1. Conteúdo da página — textos, imagens e links da seção que você edita no editor de páginas.
  2. Niche identity e Niche design — identidade e apresentação compartilhadas de um nicho nativo.
  3. Washlora Design Studio e Washlora Options — controles visuais globais do shell padrão do tema.
O cabeçalho e o rodapé próprios de um nicho podem ter prioridade sobre o shell global padrão. Se uma demonstração nativa ignorar uma mudança de cor global, defina a cor primeiro em Niche identity.

Niche identity

Caminho no admin: Appearance → Niche identity
  1. Escolha o nicho antes de editar.
  2. Defina Brand, Tagline, Phone, Email, Hours, Area e About.
  3. Ajuste as cores Primary, Dark, Accent, Soft e Ink e clique em Save identity.
  4. Confira o cabeçalho e o rodapé do nicho na página inicial e em uma página interna.

Alterar a identidade compartilhada não reescreve todos os parágrafos da demonstração. Edite os textos específicos de cada seção no editor de páginas.

Niche design

Caminho no admin: Appearance → Niche design
  1. Escolha o nicho e selecione um estilo de apresentação, como Atelier, Dispatch, Enterprise ou Home care.
  2. Defina a largura do conteúdo de 1040 a 1320 px, o raio dos cantos de 0 a 48 px e o espaçamento entre seções no desktop de 64 a 120 px.
  3. Salve o design e visualize o mesmo nicho em mais de um editor.

Para uma composição de seções diferente, use o controle de layout no editor de páginas.

Washlora Design Studio

Caminho no admin: Washlora AI Studio → Design Studio

Controles visuais globais do shell padrão do tema. Clique em Save Design para aplicá-los.

ControleOpções
CoresPrimary, Secondary, Accent, Body background e Text colour.
Header style / Footer style12 estilos de cabeçalho e 12 estilos de rodapé.
Largura do logotipoDe 60 a 360 px.
Estilo do sliderEstilo 1 a 5.
Layout do siteWide ou Boxed.
Opções do cabeçalhoSticky header, Mega menu, Menu search e Menu cart.

Washlora Options

Ative o Redux Framework para usar o Washlora Options nos controles globais de marca, cores, tipografia, cabeçalho, rodapé, blog e desempenho que se aplicam ao shell padrão do tema.

Caminho no admin: Appearance → Menus
  1. Selecione o menu do seu nicho e atualize os rótulos.
  2. Substitua os destinos de exemplo pelas suas próprias páginas e confirme a atribuição do menu principal.
  3. Mantenha o último item do menu como a principal ação de contato ou agendamento, se o cabeçalho do seu nicho o usar como chamada para ação.
  4. Atualize os dados de contato e os textos comerciais compartilhados em Niche identity.
  5. Depois de salvar, confira o menu móvel, o foco do teclado, os links do rodapé e todos os botões.
O megamenu da vitrine pública com 105 demonstrações é o navegador de demos do autor. Não presuma que a vitrine em si seja importada para o site do seu negócio.

Serviços, preços e imagens

Mantenha o texto editorial das páginas separado dos registros de serviço e dos produtos cobráveis.

Uma seção de registro de serviços na demonstração Tent & Awning Care.
Uma seção de registro de serviços na demonstração Tent & Awning Care. Clique para ampliar.
As fotografias de prévia e os preços de exemplo não são uma promessa do negócio. Verifique a licença de cada fotografia de demonstração antes de reutilizá-la. Consulte Créditos de mídia.

Imagens hero e sliders opcionais

As seções hero nativas e os módulos de slider de terceiros são tipos de conteúdo diferentes.

Selecionar uma opção de slider padrão não converte as seções hero nativas em módulos de slider. As exportações de banco de dados de sliders em Demo-Data não devem ser importadas para um banco de dados de produção como SQL bruto — use um processo de migração controlado. Verifique o conteúdo do pacote e as licenças de cada plugin de slider.