Com sua assinatura do Envato Elements, você pode desfrutar de downloads ilimitados de todos os kits de modelos e milhões de ativos criativos para adicionar ao seu site.
Muitos pequenos detalhes são necessários para criar um site bonito e funcional. Como tal, um dos maiores desafios de ser web designer é produzir um trabalho de qualidade com máxima eficiência. Construir layouts, adicionar efeitos especiais e garantir que seu trabalho possa ser visualizado em qualquer dispositivo leva tempo.
É por isso que os designers estão aproveitando cada vez mais ferramentas úteis, como os construtores de páginas. Eles permitem que você crie layouts de página incríveis em pouco tempo – e sem o fardo de escrever e testar código. O resultado é um site atraente e totalmente funcional, construído em uma fração do tempo.
Diga Olá ao Elementor para WordPress
Quando se trata de construtores de páginas WordPress, Elementor se destaca como a melhor escolha. Tanto os modelos gratuitos do Elementor quanto as versões profissionais do plugin oferecem vários recursos que visam tornar o processo de design o mais eficiente possível.
E, embora você certamente possa criar páginas personalizadas do zero, os modelos Elementor podem economizar ainda mais tempo. Esses modelos de página pré-construídos cobrem praticamente todos os usos potenciais e também podem ser personalizados para atender às suas necessidades.
Hoje, apresentaremos alguns dos principais modelos Elementor que você pode usar para incrementar seus projetos! Agora, vamos verificar alguns dos melhores kits de templates Elementor da Envato:
Como usar modelos Elementor
Os modelos Elementor Pro são fáceis de instalar e usar. Mas existem alguns métodos diferentes para aprender como usar os modelos Elementor. E tudo depende de onde vêm seus modelos Elementor. Vamos dar uma olhada em três cenários comuns.
1. Biblioteca Elementor
Ao instalar o Elementor (gratuito ou profissional) em seu site, você terá acesso a uma seleção de modelos Elementor gratuitos (usuários profissionais ganham ainda mais opções). Veja como encontrá-los e usá-los:
- Crie uma nova página ou post dentro do WordPress e clique no botão Editar com Elementor botão. Isso o levará para dentro da interface do construtor de páginas do Elementor.
- Uma vez dentro da interface do usuário, você notará dois ícones (um sinal de adição rosa e uma pasta cinza) em um retângulo no centro da página. Clique na pasta cinza (passar o cursor sobre este ícone mostrará um Adicionar modelo dica de ferramenta).
- A partir daí, você terá acesso a vários modelos. Basta clicar naquele que você deseja usar e, em seguida, clicar no Inserir botão para adicioná-lo à sua página.
2. Plug-in Envato Elements WordPress
Você sabia que existem centenas de ótimos modelos Elementor disponíveis por meio do plug-in gratuito ga-analytics#sendElementsClickEvent”>Envato Elements WordPress? Instale-o para obter acesso instantâneo a uma variedade de temas Elementor gratuitos e kits de modelos premium – cada um oferecendo várias combinações componentes de um site.
Veja como usar modelos Elementor com este plugin:
- Crie uma nova página ou post dentro do WordPress e clique no botão Editar com Elementor botão. Isso o levará para dentro da interface do construtor de páginas do Elementor.
- Uma vez dentro da interface do usuário, você notará três ícones (um sinal de adição rosa, uma pasta cinza e uma folha verde) em um retângulo no centro da página. Clique na folha verde (passar o cursor sobre este ícone mostrará uma dica de ferramenta “Envato Elements”).
- Navegue pelos modelos disponíveis e clique naquele que deseja usar. Na próxima tela, clique em Modelo de importação.
- Saia da janela Envato Elements e você será levado de volta à UI do Elementor.
- Clique na pasta cinza (passar o cursor sobre este ícone mostrará um Adicionar modelo dica de ferramenta).
- O modelo recém-instalado aparecerá no Meus modelos guia dentro da Biblioteca. Vá lá e insira seu novo modelo.
Observação: É necessária uma assinatura do Envato Elements para acessar os modelos Elementor premium.
3. Modelos baixados
Se você baixou seu modelo Elementor de outro lugar, o processo é um pouco diferente. Você terá que importar um arquivo .JSON ou .ZIP para o seu site. Veja como:
- Crie uma nova página ou post dentro do WordPress e clique no botão Editar com Elementor botão. Isso o levará para dentro da interface do construtor de páginas do Elementor.
- Uma vez dentro da interface do usuário, você notará dois ícones (um sinal de adição rosa e uma pasta cinza) em um retângulo no centro da página. Clique na pasta cinza (passar o cursor sobre este ícone mostrará um Adicionar modelo dica de ferramenta).
- Desta vez, clicaremos no Modelo de importação botão (um ícone de seta circulado) no canto superior direito da janela Biblioteca. Você pode então fazer upload do arquivo .JSON ou .ZIP que contém seu modelo.
- O modelo recém-instalado aparecerá no Meus modelos guia dentro da Biblioteca. Vá lá e insira seu novo modelo.
Dicas rápidas para usar modelos de página Elementor
1. Os modelos são totalmente editáveis
Quer mudar algo no modelo escolhido? É fácil! A funcionalidade do construtor de páginas do Elementor também se aplica a modelos pré-fabricados. Sinta-se à vontade para clicar em qualquer item que deseja editar e torná-lo seu.
2. Os modelos são responsivos
Praticamente todos os modelos Elementor são projetados para serem totalmente responsivos. Portanto, você pode ter certeza de que ficará ótimo em qualquer dispositivo. Você pode até obter uma prévia da aparência do seu modelo em vários tamanhos no construtor de páginas.
3. Procurando um site completo? Use um kit de modelo
ga-analytics#sendElementsClickEvent”>Os kits de modelos são uma coleção de modelos de páginas – todos eles usam um design consistente. Pense neles como semelhantes a um tema WordPress. Se você deseja montar um site completo rapidamente, isso ajudará você faz as coisas. Basta importar o kit (ou páginas individuais) e começar a editar!
Saiba mais sobre WordPress e Elementor
Elementor é uma ferramenta fantástica tanto para designers novatos quanto para profissionais experientes. É fácil de usar e contém recursos poderosos para ajudá-lo a construir sites complexos em menos tempo.
Quando você adiciona modelos ga-analytics#sendElementsClickEvent”>Elementor à mistura, todo o processo fica muito melhor. Como os modelos cobrem praticamente todos os tipos de página que você pode imaginar e vêm em uma variedade de aparências, eles rapidamente se tornarão um dos itens essenciais em sua caixa de ferramentas.
Dê uma olhada nestes tutoriais para começar a usar o Elementor hoje:
Nota Editorial: Este post foi atualizado com contribuições de Maria Villanueva e Gonzalo Angulo. Maria é editora associada do canal Tuts+ Design. Gonzalo é redator da Envato Tuts+.
