Ver categorias

Como Utilizar o Elementor com o Theme Builder

3 minutos de leitura

Nível de Dificuldade: Avançado


Objetivo: #

Este tutorial vai guiá-lo pelo processo de uso do Theme Builder do Elementor para criar e personalizar templates globais, como cabeçalhos, rodapés, páginas de arquivo e outras áreas de seu site wordpress. Ao final deste guia, você terá a capacidade de criar designs consistentes em todo o seu site.


Passo 1: Acessar o Theme Builder do Elementor #

  1. Acesse o Painel do wordpress:
    • Faça login na área administrativa do seu site wordpress.
  2. Navegar até o Elementor:
    • No painel, vá para “Templates” (ou “Modelos”) e selecione “Theme Builder” (ou “Construtor de Tema”). Esta opção estará disponível apenas se você estiver usando a versão Pro do Elementor.

Passo 2: Criar um Novo Template #

  1. Escolher o Tipo de Template:
    • No Theme Builder, você verá diferentes opções como “Cabeçalho”, “Rodapé”, “Página Única”, “Página de Arquivo”, entre outros.
    • Clique em “Adicionar Novo” para criar um novo template.
  2. Selecionar o Tipo de Template:
    • Escolha o tipo de template que você deseja criar (por exemplo, cabeçalho) e clique em “Criar Template”.

Passo 3: Personalizar o Template com Elementor #

  1. Selecionar um Modelo Pré-concebido (opcional):
    • O Elementor oferece modelos pré-concebidos. Você pode selecionar um desses modelos ou começar com um layout em branco.
  2. Usar Widgets e Elementos:
    • Arraste e solte widgets do Elementor para construir seu layout personalizado. Isso pode incluir menus, logotipos, botões, imagens e muito mais.
  3. Configurações de Estilo:
    • Utilize as opções de “Estilo” e “Avançado” para personalizar a aparência do seu template, como tipografia, cores, espaçamentos, etc.

Passo 4: Configurar Condições de Exibição #

  1. Definir Condições de Exibição:
    • Após concluir a personalização, clique no botão “Publicar” no canto inferior esquerdo.
    • O Elementor solicitará que você defina as condições de exibição. Aqui, você pode escolher onde o template será aplicado (por exemplo, todo o site, apenas em páginas específicas, categorias específicas, etc.).
  2. Configurar Regras de Exibição:
    • Por exemplo, se você deseja que o cabeçalho apareça apenas em certas páginas, selecione “Incluir” e escolha “Todas as Páginas” ou “Páginas Específicas”.
    • Clique em “Salvar e Fechar” quando terminar de definir as condições.

Passo 5: Revisar e Testar os Templates #

  1. Verificar o Site:
    • Após publicar o template, visite seu site para verificar se o cabeçalho ou rodapé (ou outro template que você tenha criado) está sendo exibido corretamente.
  2. Testar em Diferentes Dispositivos:
    • Teste a responsividade do template em diferentes dispositivos (desktop, tablet, smartphone) para garantir que tudo esteja funcionando e aparecendo conforme esperado.

Passo 6: Editar ou Remover Templates #

  1. Editar Templates Existentes:
    • Para editar um template já criado, volte ao Theme Builder e clique em “Editar” ao lado do template que deseja modificar. Isso o levará de volta ao editor Elementor para realizar alterações.
  2. Remover ou Desativar Templates:
    • Se quiser desativar um template, clique no ícone de lixeira ou simplesmente desmarque as condições para que ele não seja mais aplicado.

Conclusão #

Você agora compreende como utilizar o Theme Builder do Elementor para criar templates personalizados para várias partes do seu site. Essa funcionalidade permite que você mantenha a consistência em seu design e melhore a experiência do usuário.

Referências #

Rolar para cima