O Elementor Pro traz um novo painel que melhora significativamente a experiência de criação de páginas. Neste artigo, vamos explorar como configurar um layout usando Flexbox e as principais funcionalidades para otimizar sua página.
1. Criando o Contêiner
Para começar, adicione um contêiner do tipo Flexbox:
- Direção: Selecione “Esquerda para Direita”.
- Justificação: Marque a opção “Espaço Entre”.
- Espaçamentos: Defina todos como 0.
- Envolver: Ative esta opção para facilitar o trabalho com Flexbox.
2. Configurações Avançadas
Nas configurações avançadas do contêiner:
- Margens: Zere as margens e desmarque o vínculo de valores.
- Preenchimento: Configure como 50, 80, 50, 80.
- Tablet: Para dispositivos tablets, ajuste o preenchimento para 25, 15, 25, 15.
- Bordas: Vá para “Estilo”, clique em “Borda” e defina tudo como 0. Selecione “Nenhum” para o tipo de borda. Isso garante que o contêiner funcione bem em qualquer resolução.
3. Evitando Contêineres Dentro de Contêineres
É importante evitar colocar contêineres dentro de outros contêineres. O Flexbox é uma ferramenta poderosa que ajuda a evitar essa prática, mas, em algumas situações, pode ser necessário. Use com moderação.
4. Adicionando um Novo Contêiner
Agora, arraste um novo contêiner para dentro do contêiner principal:
- Largura: Configure a largura total como 50%.
- Direção, Justificação, Espaçamento e Envolver: Aplique as mesmas configurações do contêiner principal.
- Avançado: Zere as margens e o preenchimento.
- Estilo: Trate as bordas da mesma maneira que o contêiner principal. Adicione uma cor de fundo temporária para visualização e duplique o contêiner, ajustando a cor do segundo.
5. Adicionando Título H1
Arraste um título do tipo H1 para o primeiro contêiner:
Atenção: Para otimização de SEO, é crucial usar apenas um título H1 por página. Você pode ter vários títulos, mas apenas um H1.
- Estilo: Escolha uma cor única para este título ou selecione uma cor global já configurada.
- Tipografia: O tema PackWP já traz configurações padrão úteis. Você pode ajustar a família da fonte, peso, estilo e decoração. Também é possível modificar o tamanho da fonte e a altura da linha, lembrando que ajustes podem ser necessários para tablets e smartphones.
6. Configurações Finais
Com o título selecionado:
- Avançado: Desmarque o vínculo de valores e configure como 2, 0, 2, 0.
- Preenchimento: Defina 5 em todos os lados e personalize a largura para 100%.
- Borda: Mantenha tudo como 0 e o tipo como “Nenhum”.
Conclusão
Você aprendeu os fundamentos básicos de como criar uma página com Elementor em WordPress. Se quiser aprofundar seus conhecimentos e ver todos os passos em ação, não deixe de conferir o vídeo completo em nosso canal! Aproveite e baixe nosso tema PackWP, totalmente grátis!