Criando uma Página com Elementor Pro: Guia Passo a Passo

Elementor 3.24.5 - Tutorial Elementor 2024 Para Iniciantes
Descubra como usar contêineres Flexbox e configurar elementos essenciais para otimizar seu layout. Ideal para iniciantes!

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!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Você pode gostar:

Você, comerciante de Ferraz, já imaginou a oportunidade de se . . .
Descubra por que o PackWP é o tema ideal para Confira . . .
Neste artigo, discutimos a importância de implementar um botão flutuante Confira . . .
Preencha os campos para iniciar a conversa no WhatsApp.