A conceção de sítios Web leva frequentemente a questões relacionadas com a separação visual do conteúdo. É aqui que entra em jogo o separador, um elemento simples mas eficaz do Elementor para WordPress. Neste guia, aprenderá a utilizar o separador para melhorar o aspeto do seu sítio Web.
Principais conclusões
O separador não só pode servir como um simples elemento gráfico, como também pode ser personalizado de muitas formas em termos de design e posicionamento. Com ajustes simples, pode criar separadores apelativos entre diferentes áreas de conteúdo que melhoram a legibilidade e o design geral do seu sítio Web.
Guia passo-a-passo
Adicionar o separador
Para adicionar o separador ao seu design, basta arrastar o elemento correspondente da biblioteca Elementor para o seu espaço de trabalho. Aparecerá uma linha fina e sólida, criando uma separação visual entre as diferentes secções do seu sítio Web.
Opções de personalização
O separador oferece várias opções de personalização. Pode selecionar diferentes estilos, por exemplo, uma linha sólida, uma linha tracejada ou designs criativos, como linhas em ziguezague, rectângulos e muito mais.
Se quiser ajustar a largura da divisória, também o pode fazer. Basta diminuir um pouco o zoom e definir a largura para o valor pretendido. Por exemplo, pode definir a largura para 50% para a apresentar centrada no meio.
Adicionar texto
Pode adicionar um elemento de texto para que o separador não fique liso. Para tal, basta selecionar o elemento de texto e arrastá-lo para baixo ou para cima do separador. Pode formatar o texto com etiquetas HTML para criar um título ou alterar o estilo.
Personalizar ícones
Também pode utilizar ícones em vez de texto. O Elementor oferece uma extensa biblioteca de ícones. Escolha um ícone adequado que apoie a sua mensagem. Por exemplo, um foguetão para algo novo ou avançado.
Editar o estilo e as cores
Pode personalizar o estilo do separador. No separador "Estilo", tem a opção de definir as cores, o tamanho e o espaçamento. Também pode utilizar cores globais para garantir um esquema de cores uniforme em todo o sítio Web.
Se o tamanho da divisória não for adequado, pode simplesmente ajustá-la. Uma boa opção é ajustar a altura da parte superior e inferior para alterar o espaçamento conforme necessário.
Divisores invisíveis
Para divisórias mais subtis, também tem a opção de criar uma linha divisória invisível. Isto pode ser facilmente conseguido definindo a cor da linha divisória para branco, de modo a que seja pouco percetível, mas que ainda assim proporcione o espaçamento pretendido.
Guardar e pré-visualizar
Depois de ter efectuado todos os ajustes desejados, é importante guardar as alterações. Para o fazer, clique no botão "Guardar" e veja o resultado na pré-visualização. Isto dar-lhe-á uma ideia do aspeto das separações como um todo.
Outras definições
Também pode determinar o posicionamento do ícone. É possível colocar o ícone antes, depois ou no centro, consoante o seu gosto e a disposição pretendida.
Se pretender rodar a caixa de ícones ou o próprio separador, também o pode fazer. Isto dá ao seu esquema um toque único que o distingue dos outros.
Arredondamentos e caixas
O raio de arredondamento dos cantos é outra opção de personalização que lhe permite transformar uma caixa retangular numa caixa redonda. Isto pode aumentar ainda mais o atrativo visual.
Resumo
O divisor no Elementor é uma ferramenta versátil para criar eficazmente divisores visuais no seu sítio Web. Aprendeu a adicionar, personalizar e customizar divisores ao seu design. Com um pouco de criatividade e as definições disponíveis, pode facilmente melhorar o seu sítio Web.
