A criação de sítios Web apelativos deve ser sempre intuitiva e descomplicada. O Elementor é conhecido na comunidade WordPress como uma das ferramentas mais poderosas para criar sítios Web visuais. Este tutorial em particular é sobre uma das funcionalidades do Elementor: o switcher. Não só é fácil de utilizar, como também oferece uma vasta gama de opções de personalização para o ajudar a apresentar o seu conteúdo de forma eficaz.
Principais conclusões
- A alternância no Elementor é muito semelhante ao elemento acordeão e também oferece uma personalização fácil.
- Pode editar ícones, títulos e conteúdos a seu gosto.
- A principal diferença entre o elemento de alternância e o acordeão é a forma como é apresentado quando expandido.
Guia passo-a-passo
Passo 1: Adicionar o botão de alternância
Em primeiro lugar, comece por adicionar o botão de alternância ao seu editor Elementor. Encontrará o elemento na lista de widgets. Basta arrastar e largar o comutador para a posição pretendida na sua página.
Passo 2: Editar as definições básicas
As definições básicas do botão de alternância são quase idênticas às do acordeão. Aqui pode definir a estrutura do seu comutador. Certifique-se de que efectua as definições corretas para o esquema FQ para garantir que tudo fica bem organizado.
Passo 3: Personalizar ícones e títulos
Tem a opção de adicionar ícones e personalizar os títulos de cada secção. Clique na área do título e edite-o a seu gosto. Os ícones também podem ser personalizados para melhorar o aspeto visual.
Passo 4: Editar o conteúdo
Agora é altura de editar o conteúdo de cada secção do alternador. Introduza a informação que pretende apresentar nos respectivos campos de texto. O interrutor de alternância permite-lhe apresentar informações detalhadas de forma clara.
Passo 5: Adicionar sombras de caixa
Para uma apresentação mais apelativa, pode adicionar uma sombra de caixa ao seletor. Isto dá mais profundidade ao elemento e melhora a visibilidade na sua página. Basta selecionar a opção de sombra de caixa pretendida e ajustar as definições até ficar satisfeito com o resultado.
Passo 6: Diferença entre alternância e acordeão
Repare na principal diferença entre a alternância e o acordeão: enquanto a alternância proporciona uma vista estática do conteúdo, o conteúdo do acordeão colapsa e desfaz-se quando se clica nele. Considere qual o elemento que melhor se adequa às suas necessidades específicas.
Passo 7: Verificar a apresentação
Pré-visualize a sua página para se certificar de que a alternância tem o aspeto e funciona como pretendido. Certifique-se de que os elementos estão bem posicionados e que o conteúdo é apresentado de forma clara e compreensível.
Passo 8: Fazer os ajustes finais
Finalmente, pode fazer os últimos ajustes ao design para garantir que tudo está consistente. Se alterou o sombreado da caixa ou outros elementos visuais, certifique-se de que estes se harmonizam bem e apoiam o design do seu sítio Web.
Resumir
Já aprendeu os princípios básicos da utilização do alternador no Elementor. Esta ferramenta é versátil e facilmente personalizável, pelo que pode oferecer aos seus visitantes uma experiência cativante e intuitiva. Utilize as várias funções para apresentar o seu conteúdo de forma eficaz e otimizar a experiência do utilizador no seu sítio Web.
