Template do Site
Viagilize
Tutoriais oficiais · Site
Obrigado pelo aviso. O que faltou ou ficou confuso? (opcional)
Recebemos. Vamos rever este vídeo.
1 visualização · · 5:01
Neste vídeo você vai conhecer a tela Template do Site, onde se escolhe o visual do site público. É a cara que o seu cliente vê quando abre o endereço da sua agência.
Capítulos
Este vídeo responde
- Como escolho o template do meu site?
- Como troco o layout do menu superior do site?
- Como coloco um carrossel no banner da home?
- Como mudo o formato dos cards de excursão?
- Como personalizo as cores do rodapé?
- Qual a diferença entre os templates Moderno Escuro e Moderno Claro?
- Como faço para a logo aparecer no centro do menu?
- Como adiciono gradiente sobre a imagem do banner?
- Como mudo o banner da página de detalhes da viagem?
#template #visual #layout #navbar #hero #banner #card #rodape #footer #aparencia #sitepublico #personalizacao #tema #design #carrossel
Transcrição
-
Onde você está
É a cara que o seu cliente vê quando abre o endereço da sua agência. No topo, Template do Site confirma onde você está: aqui você escolhe o visual e o layout do seu site.
-
Escolha seu Template
Nada do que for marcado vale antes de salvar, então dá para olhar tudo com calma. A primeira seção, Escolha seu Template, traz oito modelos prontos. Clássico é o tradicional, com banner e cards em grade, Moderno Escuro é contemporâneo em tons escuros e Luxo Dourado é preto e dourado, para serviço premium. Moderno Claro é a versão clara do Moderno, Minimalista aposta em muito espaço em branco e Neon, Arco-Íris e Aurora são escuros e vibrantes, pensados para shows e eventos noturnos. Cada modelo já vem com cores e fontes próprias, e os escuros deixam o site inteiro em modo escuro, enquanto o Moderno Claro deixa em modo claro. Logo abaixo da galeria, Características do template selecionado lista o que o modelo marcado entrega.
-
Barra de Navegação
Barra de Navegação define o menu do topo do site. Logo Esquerda + Menu Direita é o tradicional, Logo Central e Logo Direita mudam a posição da sua marca, Menu Abaixo joga os itens para uma segunda linha e Menu Lateral abre o menu como uma gaveta.
-
Banner Principal
Banner Principal é o destaque grande da primeira página. Imagem de Fundo usa uma foto ocupando tudo, Dividido (50/50) separa foto e texto ao meio e Vídeo de Fundo troca a foto por um vídeo do YouTube ou do Vimeo. Carrossel passa várias imagens, usando os slides que você cadastra na tela Hero Slides. E Minimalista dispensa a imagem, deixando só o texto. Em Efeito de Sombra/Gradiente, Ativar gradiente escurece a imagem para o texto ficar legível, e em Exibir em você decide se isso vale no computador, no celular ou em Ambos.
-
Gradiente e sombra
Sombra no texto faz o mesmo pelas letras do banner. Movimento da Imagem faz a foto dar um zoom lento com deslocamento e voltar, em repetição. Você escolhe entre Sem movimento, Suave, Médio e Forte.
-
Movimento da imagem
Cards de Viagem decide como cada viagem aparece na primeira página e nas listas do site.
-
Cards de Viagem
Vertical é o card comum, com a foto em cima, Horizontal põe a foto à esquerda e Compacto reduz tudo a uma linha. Destaque é o card grande, para promoções, Imagem Completa mostra a foto sem corte, com fundo desfocado, e Imagem Grande dá setenta por cento do card para a foto. Abaixo dos formatos ficam as opções de data. Mostrar badge de data nos cards exibe o dia e o mês no canto da foto, Mostrar data e hora de ida e volta abre duas linhas no card e Mostrar somente data de ida acompanha essa opção, ignorando a volta. Banner da Página de Viagem define como a foto de capa aparece na página de cada viagem: Hero em fundo completo, Vitrine em card centralizado, Split lado a lado ou Minimal, sem destaque. É o padrão da casa, e cada viagem pode ter o seu próprio modo na edição de conteúdo.
-
Banner da Página de Viagem
Rodapé escolhe o rodapé de todas as páginas do site. Completo traz quatro colunas com todas as informações, Compacto reduz a duas linhas e Minimalista deixa só o aviso de direitos e os links essenciais. Ligando Personalizar as cores do rodapé, você define fundo, texto e detalhes na mão, no lugar das cores do template.
-
Rodapé
Logo do rodapé é opcional e serve quando a marca do rodapé é diferente da do topo, com a Altura da logo ajustável ao lado. Prévia do rodapé mostra o rodapé de verdade, no estilo escolhido e com os seus dados, antes de gravar. O botão Atualizar recarrega essa prévia com o que está marcado na tela. Na barra de baixo, Salvar Template grava tudo de uma vez e o site muda na hora.
-
Prévia do rodapé
Cancelar sai da tela sem gravar nada.
-
Salvar
Pronto. A tela fica no menu Vitrine, em Template. Até o próximo vídeo.