Criar páginas personalizadas no WordPress com Elementor

Criar páginas personalizadas no WordPress nunca foi tão fácil graças ao Elementor, um dos mais poderosos construtores de páginas para esse CMS. Com o Elementor, você pode criar layouts totalmente exclusivos para o seu site, ajustando cada elemento sem precisar de conhecimento em programação.

Neste guia, vamos mostrar o passo a passo de como criar uma página personalizada com o Elementor, desde a instalação do plugin até o design completo da página.

Instalando o Elementor

Antes de começar a criar uma página personalizada, é necessário ter o Elementor instalado em seu site WordPress. Se você ainda não fez isso, siga estes passos para instalar a versão gratuita:

1. Acesse o painel do WordPress: No seu navegador, entre no painel de administração do seu site WordPress.
2. Vá até Plugins: No menu lateral esquerdo, clique em “Plugins” > “Adicionar Novo”.
3. Pesquise por Elementor: Na barra de pesquisa, digite “Elementor”.
4. Instalar e Ativar: Clique em “Instalar Agora” ao lado do Elementor e, em seguida, em “Ativar” após a instalação.

Após a instalação, o Elementor estará pronto para uso e você poderá começar a criar sua página personalizada.

Criando uma Nova Página no WordPress

Agora que você já tem o Elementor instalado, o próximo passo é criar uma nova página para trabalhar:

1. Adicione uma Nova Página: No painel do WordPress, clique em “Páginas” no menu lateral e, em seguida, em “Adicionar Nova”.
2. Título da Página: Digite o título da sua página (por exemplo, “Página Personalizada”).
3. Editar com Elementor: Clique no botão “Editar com Elementor”, localizado no topo da tela ou na área de edição do WordPress. Isso abrirá o editor visual do Elementor, onde você criará a página.

Criando o Layout da Página no Elementor

Agora que você está no editor do Elementor, é hora de começar a criar sua página personalizada.

Escolher um Modelo ou Começar do Zero

O Elementor oferece duas opções para criar uma página:

• Começar do Zero: Você pode optar por começar uma página totalmente em branco, onde tem controle total sobre o layout e design. Essa opção é ideal para quem deseja total liberdade criativa e controle sobre todos os elementos da página.
• Usar um Modelo Pronto: O Elementor também oferece uma vasta biblioteca de modelos prontos para facilitar o processo. Você pode escolher um modelo e personalizá-lo conforme necessário.

Para acessar, clique em “Modelos” no painel do Elementor e escolha entre os templates gratuitos ou, se você tiver a versão Pro, acesse os templates premium. Isso permite economizar tempo ao usar um design profissional que pode ser rapidamente adaptado ao seu site.

Adicionar Seções e Colunas

As páginas no Elementor são compostas por seções e colunas. Uma seção é a estrutura principal onde você vai adicionar os conteúdos, e dentro delas você pode colocar várias colunas para organizar os elementos de forma flexível.

• Adicionar Seções: Para adicionar uma nova seção, clique no botão “+” que aparece quando você passa o mouse sobre uma área de trabalho. Escolha o layout da seção (uma única coluna, duas colunas, etc.) e a largura da coluna.
• Adicionar Colunas: Quando uma seção é criada, você pode adicionar colunas clicando no ícone da coluna dentro da seção. Você pode ajustar o número de colunas e o layout conforme sua necessidade.

Adicionar Widgets à Página

Os widgets são os elementos que você coloca dentro das seções e colunas. O Elementor oferece uma grande variedade de widgets, que incluem:

• Texto: Para cabeçalhos, parágrafos e textos personalizados.
• Imagens: Para inserir imagens personalizadas na página.
• Botões: Para adicionar botões de chamadas para ação (CTA).
• Vídeos: Para incluir vídeos do YouTube ou Vimeo.
• Formulários: Para criar formulários de contato ou inscrição.
• Listas e Tabelas: Para criar listas personalizadas ou tabelas de dados.
• Ícones: Para adicionar ícones gráficos ao seu conteúdo.

Para adicionar um widget, basta arrastá-lo na barra lateral do Elementor e soltá-lo na área desejada de sua página.

Personalizar o Estilo dos Elementos

Depois de adicionar os widgets à página, você poderá personalizá-los conforme necessário.

• Estilo: Ajuste as cores, fontes, bordas e outros aspectos visuais do widget.
• Layout: Ajuste espaçamentos, larguras e alinhamentos dos elementos.
• Avançado: Defina margens, preenchimentos e animações, ou insira CSS personalizado.

Clique em qualquer widget para acessar essas opções e começar a personalizar o conteúdo de acordo com o visual que deseja para sua página.

Tornando a Página Responsiva

O Elementor permite criar páginas responsivas, ou seja, que se ajustem automaticamente a diferentes dispositivos, como celulares e tablets.

• Modo Responsivo: No painel do Elementor, clique no ícone de “Responsividade” (uma tela de celular) localizada na parte inferior do editor.
• Ajuste para Dispositivos Móveis e Tablets: Alterne entre as visualizações de desktop, tablet e celular e ajuste os elementos para garantir que o design fique bom em todos os dispositivos.

Publicando a Página Personalizada

Quando estiver satisfeito com o design de sua página, é hora de publicá-la.

• Clique em “Publicar”: Depois de terminar a personalização, clique no botão “Publicar” no canto inferior esquerdo da tela.
• Visualizar a página: Após a publicação, você pode visualizar a página clicando em “Visualizar” ou acessando diretamente a URL dela.

Adicionando a Página ao Menu do Site

Para tornar a nova página acessível aos visitantes, você provavelmente precisará adicionar o link dela ao menu de navegação do seu site.

1. Vá até “Aparência” > “Menus”: No painel do WordPress, clique em “Aparência” e, em seguida, em “Menus”.
2. Selecione a Página Criada: Encontre sua nova página na lista de páginas disponíveis e adicione-a ao menu de navegação.
3. Salvar o Menu: Clique em “Salvar Menu” para finalizar.

Agora sua página estará acessível diretamente do menu principal do seu site.

Conclusão

Criar uma página personalizada com o Elementor é uma forma simples e poderosa de dar ao seu site WordPress uma aparência única e profissional, sem precisar de conhecimentos em programação.

Com as ferramentas de arrastar e soltar, widgets avançados e opções de design, você pode criar páginas que atendam exatamente às suas necessidades.

Além disso, o Elementor se destaca pela facilidade de uso, flexibilidade e pela vasta gama de opções de personalização que ele oferece. Mesmo quem não tem experiência em design pode criar páginas atrativas e funcionais. Para quem deseja um nível mais avançado de personalização, a versão Pro do Elementor abre ainda mais possibilidades.

Quer mais dicas sobre como usar o Elementor e personalizar seu WordPress? Acesse o nosso blog e confira outros artigos sobre design, personalização e recursos para sites WordPress.

Se precisar de ajuda para criar ou personalizar páginas profissionais, entre em contato com a Boldman e solicite um orçamento. Nossa equipe pode desenvolver páginas incríveis que destacam sua marca e atingem seus objetivos!