Template Elementor Naked para Landing Pages

Template Elementor Naked para Landing Pages

Neste post vou mostrar como utilizar o template Elementor Naked desenvolvido pela Orangeweb para criar Landing Pages com o plugin Elementor.

Por que um template para o Elementor?

O objetivo principal do Elementor é a construção de blocos de conteúdo dentro de um post ou uma página. O “problema” é que o Elementor foi desenvolvido para ser usado em qualquer template e com isso ele acaba herdando o layout base do seu site. Pensando nisso criamos este template extremamente simples e sem qualquer tipo de formatação para que você possa criar suas landing pages com o Elementor sem qualquer tipo de layout base.

Baixando e Instalando o Elementor Naked

Lembre-se que este template remove todas as formatações do seu website. Utilize em um subdomínio para que não atrapalhe o layout do seu website principal.

Para Desenvolvedores: Nós criamos um repositório no github para compartilhar o código fonte do template Elementor Naked WP Theme, fique a vontade para baixar, modificar e compartilhe suas alterações conosco 😉

Após baixar o arquivo zip do template para Elementor você deve ir até o menu Aparência e clicar em Temas. Veja a imagem abaixo:

elementor-theme-01

Agora clique na opção “Adicionar novo”:

elementor-theme-02

O WordPress mostra a tela onde podemos escolher dentre os milhares de temas disponíveis na plataforma, mas no nosso caso vamos clicar em “Fazer upload do tema”, veja:

elementor-theme-03

Agora clique no botão “Selecionar arquivo” e escolha o arquivo zip que acabamos de baixar.

elementor-theme-04

Após selecionar o arquivo clique no botão “Instalar agora”:

elementor-theme-05

Aguarde o WordPress carregar o template (menos de 300KB) e após o carregamento e descompactação do arquivo clique no link “Ativar”, veja:

elementor-theme-06

Pronto, seu tema foi instalado e está ativo e operante 😉

elementor-theme-07

Criando uma página de exemplo

Agora que o template está instalado vamos criar uma página de exemplo para ver o Elementor em funcionamento.

elementor-theme-09

Clique no botão “Editar com Elementor” e aguarde o carregamento do plugin:

elementor-theme-010

Após carregado você verá uma tela em branco pronta para ser preenchida com sua landing page 😉

elementor-theme-011

Neste exemplo vamos carregar um dos novos modelos de página que o Elementor fornece. Basta clicar em “Adicionar template” e escolher o mais apropriado.

elementor-theme-012

Veja que não existe cabeçalhos, barras laterais ou rodapé no template. Ele é limpo para que sua landing page utilize 100% do espaço disponível na página. Veja o template em execução na imagem abaixo:

elementor-theme-013

É isso! Divirta-se criando landing pages com o plugin Elementor e nosso template exclusivo. Qualquer dúvida utilize os comentários 😉

Até mais!

orangeweb/elementor-naked-wp-theme

Luiz Eduardo

Infra @ Powertic, Rails Developer, Maintainer do Mautic Docker e do Saelos Docker, Revisor da Tradução do Mautic, Administrador da Comunidade Mautic Brasil.

Este post tem 4 comentários

  1. Muito Obrigado Luiz, me ajudou muito!

  2. Muito obrigado, era exatamente o que eu estava procurando! Abraços

  3. Otimo conteudo!!
    Agora tenho uma dúvida. Como fazer um menu transparente usando o elementor e o tema para landing pages ?

  4. Olá, no meu menu “pages” não aparece o botão do elementor. Baixei o arquivo landingpress-0.5.0.zip e fiz o upload na sessão de temas. tudo ocorre bem, porém não há o botão. Alguém mais teve esse problema? Podem me ajudar?

Comentários encerrados.

Fechar Menu
×
×

Carrinho