O Criador de Sites da Cloudbeds oferece várias opções de personalização para otimizar seu site, fazendo com que seja um lugar ideal para promover seu negócio e um excelente canal para atrair visitantes em potencial.
Este artigo apresenta todas as opções de personalização disponíveis para você criar um site que realmente reflita sua marca.
Saiba mais sobre o Criador de Sites da Cloudbeds.
Procura opções para personalizar o plano de fundo do seu site? Veja o artigo Personalização do plano de fundo do site.
Temas
- Texto: controle texto e títulos de todos os tamanhos (H1 a H6) para o site. Alterar o tamanho, estilo e cor da fonte, entre outras edições, afetará os parágrafos futuros e outros tipos de texto, bem como os widgets atuais conectados ao Texto do site que não foram alterados manualmente.
- Cores: defina uma paleta de cores e associe as cores individuais a um ou todos os widgets com as configurações de cores. A cor de qualquer elemento associado às cores do tema será atualizada automaticamente quando essa cor for alterada nas configurações de cores do tema.
- Botões: esta seção permite definir o estilo dos widgets de botão principal e secundário no site. Selecione um dos nossos layouts de botão e defina o texto, a cor do fundo, a borda, o estado de foco, os cantos e os estilos de sombra.
- Imagens: controle o estilo dos widgets de imagens no seu site. Altere o layout da imagem e adicione/edite o estilo da borda, os cantos arredondados ou os efeitos de sombra.
- Linhas e colunas: defina o tema para o design das linhas e colunas em termos de cor de fundo e espaçamento padrão.
As edições feitas em linhas ou colunas individuais substituirão as configurações de linhas e colunas do tema.
- Fundos: essa seção permite controlar o estilo do plano de fundo do site. Escolha entre usar uma cor ou uma imagem como plano de fundo.
- Layout do site: controle o layout da navegação do site em desktops, tablets e dispositivos móveis. Para a versão desktop, você pode escolher entre duas larguras: 960px ou 1200px.
Alterar o layout da navegação geralmente afeta o comportamento do cabeçalho e, às vezes, o restante do site. Após alterar o layout, se o cabeçalho aparecer incorreto de repente, tente outro layout.
No painel Tema do site, é possível fazer alterações que afetam todo o site. Personalize texto, botões, imagens, plano de fundo e widgets de navegação do site no painel de design.
As mudanças em widgets ou páginas específicas substituirão os temas definidos no painel Tema do site. Recomendamos primeiro decidir o tema do site e, em seguida, fazer a personalização correspondente.
Para acessar o tema do site, clique na opção Tema no painel lateral e aplique as alterações necessárias:
- No painel esquerdo, clique em Tema
- Clique na seta ao lado do Texto. Veja abaixo as opções disponíveis:
- DFLT - isso define o tema de todo o texto nos widgets que não estão atribuídos a um título ou ao estilo de parágrafo, como o widget de navegação. A cor do texto do link e o sublinhado também podem ser definidos aqui
- PAR - isso define o tema para o widget de texto
- Títulos e subtítulos H1-H6
- Clique no tipo de texto desejado
- As alterações na área de texto do tema afetam todo o texto do site que não é substituído.
- Quando elementos individuais são editados manualmente, isso sobrepõe o tema do site, e qualquer alteração feita no tema não refletirá nesses elementos.
Para títulos e subtítulos: recomendamos adotar as práticas recomendadas de SEO seguindo a hierarquia de títulos. Por exemplo, use o título 1 como o principal e o título 6 como o menor, e não pule entre os níveis de título, como ir direto do 1 para o 4.
Linhas
- Passe o mouse sobre o canto superior esquerdo de uma linha até aparecer um botão de linha e clique emLinha. O editor de linha será exibido
- Clique nas setas para mover a linha atual para cima ou para baixo
- Para abrir o editor de design de linha, clique em Editar design
- Clique em +Adicionar e selecione uma das opções disponíveis
- Clique em Limpar preenchimento para limpar o espaçamento interno dentro da linha.
- Clique em Reverter para espaçamento padrão para voltar a usar suas definições de espaçamento global.
- Clique em Animação de entrada para adicionar uma animação de entrada à linha (por exemplo, aparecer gradualmente da direita, pular ou aumentar o zoom).
- Para salvar a linha como uma seção, clique em Salvar como seção e selecione se quer salvar apenas a linha atual, várias linhas ou a página inteira.
- Para ocultar a linha atual em um dispositivo específico (desktop, tablet ou dispositivo móvel), clique em Ocultar no dispositivo e selecione o dispositivo.
- Para copiar/excluir a linha, clique em Copiar ou Excluir.
- Para fixar a linha na página ou excluir uma âncora existente, clique em Definir como âncora ou Editar âncora.
Use o Editor de linha para mudar a cor e a imagem de plano de fundo da linha, adicionar uma borda ou ajustar o espaçamento interno e externo da linha. Para editar o estilo de plano de fundo ou o espaçamento da linha:
- Passe o mouse sobre o canto superior esquerdo de uma linha até aparecer um botão de linha, clique em Linha e, em seguida, clique em Editar design
- Na aba Configurações, você tem a seguinte opção:
- Preenchimento Total da Linha - Para deixar a linha sem margens, permitindo que o conteúdo ocupe toda a largura da tela, clique nobotãoLinha sem margens. Se você não quiser linhas sem margens, a largura do conteúdo será limitada a 960px.
- Na aba Estilo, selecione uma cor de plano de fundo, imagem ou vídeo
- Na aba Animação, aplique efeitos especiais à linha
- Na aba Espaçamento, defina o espaçamento interno para desktop e tablet
- A rolagem parallax não está disponível para o controle deslizante de imagem de plano de fundo.
- Configure a posição, a sobreposição de plano de fundo, a borda e a sombra da imagem.
- Vídeo: Cole a URL do vídeo escolhido no campo fornecido. Para obter mais informações sobre os planos de fundo de vídeo, clique aqui.
Outras opções de personalização
As seções são linhas pré-criadas de elementos que os usuários podem adicionar aos sites responsivos. As seções permitem que os usuários criem sites de ótimo visual com rapidez, poupando tempo durante o processo de design.
Adicionar seções
- Passe o mouse entre as linhas e clique no botão Adicionar seção. As seções são exibidas no painel esquerdo.
- No Modo seção, uma galeria de seções predefinidas está disponível no painel esquerdo, agrupadas por categorias (introdução, em branco, em breve, recursos, sobre etc.)
- No painel esquerdo, clique em uma seção para que seja exibida como uma nova linha. Em seguida, você pode navegar pelas seções dentro do mesmo grupo usando as teclas de seta ou selecionando uma seção de um grupo diferente.
- Para incorporar a seção no site, clique em Salve a seção. Como alternativa, clique em Salvar e adicionar outro para continuar adicionando seções ao site. A seção é convertida em uma linha, e todos os elementos dela são editáveis.
- As seções não usam as configurações de cor ou fonte do texto das configurações do tema do site. No entanto, você sempre pode limpar o formato e aplicar seu design.
- As seções podem conter mais de uma linha.
- As seções não podem ser usadas no cabeçalho. Para mudar toda a seção de cabeçalho, abra o editor de cabeçalho. Para mais informações, veja Cabeçalhos.
- As seções não estão disponíveis para modelos de barra lateral (por exemplo, Portfólio, Leite com Biscoitos e assim por diante).
- Clique em uma imagem no seu site para abrir o Editor de conteúdo e selecione Editar design.
- Na aba Imagem, clique para Editar sua imagem.
- Use o menu na parte inferior da imagem para enquadrar, adicionar texto, ajustar, cortar e focar a imagem.
- Clique em Salvar e fechar, e a imagem será salva na sua biblioteca e na página.
A criação de um site exige tempo e dedicação. Você pode deixar esse processo mais fácil e eficiente usando o recurso Copiar e Colar. Copie elementos e linhas no seu site, gerando cópias exatas para criar linhas ou elementos idênticos para o site.
Você não pode copiar e colar widgets ou páginas entre sites. No entanto, você pode duplicar uma página e usá-la no mesmo site. Para saber mais, consulte Páginas e pop-ups.
Como copiar e colar conteúdo
- Clique com o botão direito em um widget e, depois, em Copiar
- Clique com o botão direito na área que você quer colar e, depois, em Colar para inserir o widget na linha. O widget duplicado aparece acima do widget selecionado
- Para copiar e colar uma coluna: abra o menu Linha para colar a coluna em uma linha. Você pode colar a coluna em qualquer linha do site, incluindo o cabeçalho ou rodapé. Observe que é possível colar até quatro colunas em qualquer linha.
- A seção é convertida em uma linha, e todos os elementos de la são editáveis.
- As seções não usam as configurações de cor ou fonte do texto das configurações do tema do site. No entanto, você sempre pode limpar o formato e aplicar seu design.
- As seções podem conter mais de uma linha.
- As seções não podem ser usadas no cabeçalho. Para mudar toda a seção de cabeçalho, abra o editor de cabeçalho. Para mais informações, veja Cabeçalhos.
- As seções não estão disponíveis para modelos de barra lateral (por exemplo, Portfólio, Leite com Biscoito, e assim por diante).
Os links âncora permitem direcionar os visitantes para uma seção da página, facilitando a navegação em uma página mais longa ou o acesso a uma seção específica que você deseja mencionar.
Âncoras não podem ser adicionadas ao conteúdo do rodapé ou das postagens de blog.
Para adicionar uma âncora na sua página:
- Clique com o botão direito em um widget ou linha para abrir o menu de contexto
- Clique em Definir como âncora
- Digite o Nome da âncora. Para adicionar a âncora à navegação do site, selecione Adicionar à navegação do site
- Clique em Adicionar
Para adicionar um link a uma âncora existente:
- Ao criar um link de texto ou botão, selecione o botão de link
- Clique na opção Âncora
- Selecione a página em que está a âncora e selecione a âncora na lista suspensa
- Clique com o botão direito no widget ou na linha com a âncora para abrir o menu de contexto
- Clique em Editar âncora
- Aplique as alterações e clique em Atualizar
- Para excluir, clique em Excluir, se necessário
Comentários
Por favor, entre para comentar.