A maioria dos s no editor possui opções de design que permitem personalizar a aparência do para o seu site. Essas opções podem ajudar a criar um que combina perfeitamente com o estilo do seu site ou que se destaca e atrai a atenção do visitante. Nem todos os s têm as mesmas opções. Por exemplo, alguns s não permitem editar o espaçamento interno, outros não permitem alterar o espaçamento externo.
Para abrir o Editor de design de um no seu site, clique com o botão direito do mouse no para abrir o menu de contexto e clique em Editar design. Você também pode abrir o Editor de design clicando no e depois em Design na parte superior da janela do .
Para saber como adicionar s à sua página, consulte Adicionar widgets.
Para saber mais sobre a edição de s, consulte Editar widgets.
O Editor de design de um t pode conter abas em suas várias seções, dependendo de configuração do t. Por exemplo, um pode ter uma aba Cor e uma aba Imagem para definir um plano de fundo.
Opções comuns de design
Layout
As opções de layout são geralmente específicas para determinados . Para selecionar um conjunto de opções de layout disponíveis para esse , clique no layout que aparece no Editor de Design (ou clique na pequena seta ao lado dele) para abrir o menu Escolher Layout. Para alterar o layout selecionado, clique no layout que deseja usar e ele será atualizado no .
Estilo
- Cor. Clique no ícone redondo de cor à direita do nome da configuração para abrir o seletor de cores e alterar a cor.
- Borda . Mude a largura da borda usando o controle deslizante ou a caixa de texto. Clique no ícone de engrenagem para mais opções.
- Estilo do fundo . Utilize uma imagem de fundo ou cor para esse usando a caixa de diálogo "Escolher e adicionar imagens" ou um URL de vídeo.
- Largura e altura. Use o controle deslizante ou a caixa de texto para alterar o número de pixels.
- Cantos arredondados. Aumente ou diminua os cantos arredondados de um .
- Sombras. Ative ou desative uma sombra para esse .
- Texto. Ajusta as propriedades do texto, incluindo a família e o peso da fonte.
Botões
Widgets com botão oferecerão a possibilidade de selecionar se o botão herdará o estilo de botão primário ou secundário definido no painel de tema. Além disso, você pode escolher um dos layouts de botão, fazer edições no estilo do botão (largura, altura) e texto do botão (tipo de letra, tamanho do texto), além de ajustar o espaçamento interno e externo.
Qualquer alteração que você fizer no editor de design substituirá os estilos definidos no nível do botão de tema. Para reverter para o estilo do botão do tema, clique em Reverter para o estilo do tema.
Botões de tema principal e secundário
Se forem feitas alterações no botão (o que anula os estilos definidos no nível de botão do tema), ainda haverá uma caixa indicadora no estilo do botão principal ou secundário.
Ao clicar no estilo do botão sem a caixa indicadora, o botão voltará para o estilo definido no nível de botão do tema.
Espaçamento
Altere o espaçamento interno (espaçamento dentro das bordas do ) e o espaçamento externo (espaçamento fora das bordas do ). Cada número na caixa externa define o espaçamento externo para seu próprio lado (superior, inferior, esquerdo ou direito), e cada número na caixa interna define o espaçamento interno para seu próprio lado (superior, inferior, esquerdo ou direito).