Você gostaria de criar um layout com Elementor? Você deseja criar facilmente um site WordPress com aparência profissional? Então você deve Faça o download do plugin WordPress Elementor aqui.
Elementor é um construtor de páginas visuais que oferece o recurso "Arrastar e soltar" que permite criar facilmente layouts personalizados no WordPress sem nenhum conhecimento de codificação.
Neste tutorial, mostraremos como criar facilmente layouts personalizados do WordPress com o Elementor com apenas alguns cliques. Nós também oferecemos a você confira as outras alternativas deste belo plugin WordPress.
Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog
Então, voltemos ao porquê de estarmos aqui.
Por que e quando criar layouts personalizados no WordPress?
Antes de começar, você pode descobrir neste plugin do WordPress consultando os artigos Apresentação de uma página do construtor WordPress: Elementor ou descobrindo o Tutorial do Elementor: Apresentando a Interface
muitos Temas do WordPress Tanto o gratuito quanto o premium oferecem várias opções de layout para diferentes tipos de páginas. No entanto, às vezes nenhum desses layouts de modelo atende às suas necessidades.
No entanto, se você é fã de PHP, HTML e CSS, tem a opção de criar seus próprios modelos de página ou até mesmo criar um tema filho para o seu site. Mas a maioria dos usuários do WordPress não são desenvolvedores, portanto, essa opção não funciona para eles.
Descubra também estes 8 WordPress plugins para criar facilmente seus layouts
Então, não seria ótimo criar layouts usando uma interface simples (arrastar e soltar)?
Isso é exatamente o que Elementor faz. Este é um plugin de criação de páginas do WordPress que permite que você crie facilmente seus próprios layouts personalizados do WordPress sem qualquer habilidade de codificação.
Possui uma interface de usuário intuitiva que permite criar layouts personalizados com visualização em tempo real. Ele vem com muitos módulos prontos para todos os tipos de elementos de design da web.
Ele oferece vários modelos de página projetados profissionalmente que você pode carregar e usar instantaneamente como ponto de partida. Dito isso, vamos dar uma olhada em como criar layouts personalizados do WordPress com o plugin WordPress Elementor.
Introdução ao Elementor
Primeiro você precisa comprar o plugin " Elementor Pro " Esta é a versão paga do plugin " Elementor Gratuito, que oferece acesso a recursos adicionais e ao suporte ao cliente da 1.
Então você precisará instalar e ativar o Plugin Elementor. Para mais detalhes, consulte o nosso guia passo a passo em maneira de instalar um plugin WordPress.
Após a ativação, visite o " Elementor> Configurações Para configurar a operação deste plugin.
Aqui você pode ativar o “Elementor” para diferentes tipos de postagens. Por padrão, ele está habilitado para suas postagens e páginas do WordPress. Se você tiver formatos de postagem personalizados em seu site, eles também aparecerão aqui e você também poderá ativá-los.
Você será capaz de excluir ou incluir funções de usuário que podem usar o Elementor ao escrever posts ou páginas. Por padrão, ele está habilitado apenas para administradores.
Descubra nossos 8 WordPress plugins para gerenciar funções e usuários
Não se esqueça de clicar no botão « Salvar alterações Para salvar suas configurações.
Criação de um layout personalizado com Elementor
Primeiro, você precisa criar uma nova página (ou postagem) em seu site WordPress. Na página de edição da postagem, você notará o novo botão "Editar com Elementor".
Clicar nele iniciará o Elementor UI, onde você pode editar sua página usando o construtor de página visual com a funcionalidade de arrastar e soltar.
Agora você pode adicionar seções e criar sua página do zero, ou ainda pode carregar um dos modelos enviados padrão.
Os modelos são uma maneira mais rápida de começar rapidamente. Assim, a Elementor oferece vários modelos projetados profissionalmente que você pode personalizar o quanto quiser.
Vamos começar com um modelo clicando no botão " Adicionar um modelo ".
Isso exibirá uma janela pop-up onde você poderá ver os diferentes modelos disponíveis. Você deve procurar um modelo parecido com o que deseja.
Agora clique para selecionar o modelo desejado e, em seguida, clique no botão inserir Para adicioná-lo à sua página.
O Elementor carregará o modelo para você.
Agora você pode começar a modificar o modelo para atender às suas necessidades. Basta apontar e clicar em qualquer elemento para selecioná-lo, e o Elementor mostrará suas configurações na coluna da esquerda.
Agora vamos falar sobre como os layouts da Elementor funcionam.
Os modelos oferecidos pelo Plugin Elementor são construídos em seções, colunas e widgets. As seções são como linhas ou blocos que você coloca em sua página.
Cada seção pode ter várias colunas e cada seção e coluna podem ter seus próprios estilos, cores, conteúdo, etc.
Você tem a opção de adicionar elementos em suas colunas e seções usando os widgets que o Elementor oferece.
Esses widgets são tipos de blocos de conteúdo que você pode colocar em seções de suas páginas.
Basta selecionar um widget e soltá-lo em sua seção ou coluna. Há um grande conjunto de widgets disponíveis que cobrem todos os elementos populares de web design que você possa imaginar.
Você pode adicionar imagens, textos, tópicos, galerias de imagens, vídeos, mapas, ícones, depoimentos, controles deslizantes, carrosséis e muito mais.
Veja também nossa Temas e modelos 15 Elementor para criar um site
Você também pode adicionar widgets padrão do WordPress e até widgets criados por outras pessoas WordPress plugins no seu site.
Depois de terminar de criar seu próprio ou modificar seu layout, você pode clicar no botão " Enregistrer Para manter suas alterações.
Observação: Salvar um layout não publicará a página no seu site WordPress. Ele simplesmente salvará seu layout.
Neste ponto, você tem a opção de visualizar sua página ou ir para o painel do WordPress. O que o trará de volta ao editor de postagem padrão do WordPress. Agora você pode salvar sua página do WordPress ou publicá-la em seu site.
É isso, terminei de criar uma página com o plugin WordPress Elementor.
Mas como muitos construtores de páginas, também oferece extensões o que permitirá que você crie novos layouts de forma fácil e rápida, trazendo mais elementos de design para o plugin padrão.
Baixar Elementor
Descubra também alguns plugins premium do WordPress
Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.
Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.
1. JetElements
Este plugin irá aprimorar seu pacote Elementor com uma ampla variedade de módulos que serão extremamente úteis durante a construção de seu site. Elementos poderosos foram especialmente criados para se integrar com a funcionalidade do Elementor para fornecer a você soluções versáteis e elementos elegantes.
Suas principais características são: muitos módulos úteis, contendo muitas opções de estilo, parâmetros funcionais e elementos absolutamente personalizáveis, elementos incríveis para iniciar rapidamente sua loja on-line, suporte para idiomas RTL, Suporte ao plugin WPML e um módulo Formulário de Contato 7 incrível, que permite adicionar seus formulários de contato e incorporá-los ao seu site.
Descarregar | Demo | hospedagem na web
2. JetMenu
JetMenu é uma extensão muito funcional plugin Elementor, que permite criar megamenus com elementos de rolagem fáceis de usar. Este plugin não limita sua imaginação e tem o potencial de criar menus incríveis e renová-los de acordo com sua visão e suas necessidades.
Seus principais recursos são: Nenhum conhecimento de codificação é necessário, recursos ricos que combinam perfeitamente com simplicidade e clareza, uma grande variedade de módulos de conteúdo, desenvolvidos especialmente para ajudá-lo a criar seus menus, um layout altamente responsivo e muito mais.
Se você deseja incrementar os menus ou megamenus do seu site, este plugin do WordPress deve ser consultado.
Descarregar | Demo | hospedagem na web
3. JetWooBuilder
O JetWooBuilder é um complemento obrigatório que permite criar páginas de produtos completas do WooCommerce com Elementor.
Como recursos você encontrará, entre outros: vários modelos de página de produto exclusivos, muitos recursos visuais criar páginas de produtos WooCommerce, muitos widgets de conteúdo atraente, como Adicionar ao carrinho, Visualizar, Imagem, Classificação, Relacionado e muitos mais, a capacidade de exibir taxonomias de produtos e mais.
Descarregar | Demo | hospedagem na web
Alguns recursos úteis:
- JetPlugins - Melhores Mods para construir um site com o Elementor Page Builder
- Temas 15 e modelos de elemento para criar um site
- Monstroid 2 - Crie facilmente seu site com Elementor
- Como configurar as entregas no WooCommerce
Conclusão:
Aqui está ! É isso para este tutorial, espero que permita criar layouts modernos e profissionais com o plugin Elementor.
No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Compartilhe especialmente este artigo em suas diferentes redes sociais.
...
Como fazer 2 colunas para que em um smartphone ainda haja 2 colunas? desculpe novato
Olá
basta deixar sua seção padrão de duas colunas em todos os dispositivos. Mas geralmente, do ponto de vista estético e amigável, seria interessante transformar uma seção de 2 colunas em uma coluna em um smartphone
cordialmente
Thierry Olá!
Muito obrigado por este ótimo post.
Utilizo ELEMENTOR PRO e criei uma página onde baixei via ELEMENTOR um layout já construído, porém, não entendi, este aqui se encontra em TODOS os meus sites ... toda a minha arquitetura web mudou e é esse layout que encontro em todas as páginas do meu site. Por outro lado, o layout antigo não foi excluído, mas está localizado na parte inferior da página. Quando clico em “EDITAR com ELEMENTOR” não consigo deletar… tem ideia de onde vem?
Um grande obrigado!
Olá Thierry
Do fundo do coração, muito obrigado pelo artigo. Agora estou com uma preocupação que me incomoda há alguns dias estou começando com Wordpress e uso Ocean WP como tema e depois instalei o Elementor na versão gratuita então com esta versão gratuita comecei criando minhas páginas e pronto. bom, mas o problema que surgiu para mim é que quando eu publico minha página ou o artigo, uma vez que o tenho, as letras maiúsculas não aparecem depois de um ponto ou no início da minha frase, são essas configurações necessárias na tipografia ou na família de fontes escolhido resumidamente me ajuda a entender melhor onde está a versão gratuita que não possui letras maiúsculas após um ponto final. Obrigado pela compreensão.
Bom Dia,
Eu recomendo que você entre em contato com o suporte ao plugin Elementor em sua página WordPress.org. Você certamente encontrará uma resposta dos autores.
Olá, você pode usar o Elementor para alterar a página inicial? Se sim, onde? Posso criar um formulário de contato usando este plugin? 🙂
Bom Dia,
Sim Elementor é muito completo.
Olá
Eu criei minha homepage através da guia personalizada da minha interface do wordpress. Por que não encontro o mesmo no elementor? no elementor minha barra de menu não está no mesmo lugar e eu não tenho o meu logotipo que aparece! Eu prefiro o do wordpress mas quando faço uma visualização do meu site é a homepage do elementor que aparece! Você pode me dizer como fazer isso?
Obrigado p
desculpe esqueci de mencionar que eu uso o tema oceanwp!
Bom Dia,
Nunca testamos o Elementor com o seu tema. Desculpe.
Bom Dia,
Eu tenho um problema Há alguns meses, não atualizei meu site onde uso este elemento; hoje tentei fazer isso, mas estou com um problema, a maioria das seções mostra uma caixa riscada com a palavra OFF SECTION e não há nada que eu possa fazer. Só posso editar uma seção da página, aquela onde tenho o próprio texto.
Você sabe o que pode funcionar?
oi, como e onde você edita um modelo de arquivo no elementor pro? Não consigo inserir conteúdo na coluna lateral do blog
Olá Valentina,
Você usa widgets do WordPress diretamente? Que tipo de conteúdo você deseja adicionar?
Bom Dia,
Estou aprendendo a construir um site com WordPress, o Elementor é um ótimo plugin, ajuda muito, descobri algo novo.
Também problemas;) Eu costumo lidar com soluções. Não agora.
Eu tenho um problema com a edição de texto. O parágrafo e os títulos são rígidos e não posso alterar a fonte, cor, peso, etc. Apesar das mudanças nas configurações, nada muda. Não é um problema de padrão, pois tem um tipo de letra e esquema de cores diferentes do que o Elementor me oferece.
Não sei como mudar esse parâmetro de modelo aconteceu comigo mesmo com o cabeçalho 1, mas mudei inserindo o código html no cabeçalho e ajudei, agora não funciona.
Como isso vai mudar? - por favor ajude.
Bom Dia,
Tente desativar todos os plugins do WordPress e tente novamente. Se o seu problema for resolvido quando todos estiverem desativados, comece ativando-os um por um e, em seguida, verifique cada vez.
Se for um problema de compatibilidade com outro plug-in, você saberá qual.
Bonsoir.
Adicionei uma foto no site (Landing Page) e tava tentando trocar para outra que não consegui… apaguei várias vezes e coloquei a nova foto mas não carrega… a antiga fica…
Você poderia me ajudar?
Olá
Você verificou o cache do seu site WordPress?
Olá e obrigado por este artigo que confirma minha escolha de Elementor como meu construtor de páginas. ^^
Por outro lado, o que você acha da criação de um site filho antes das modificações. Isso é necessário com Elementor?
Meu medo é que todas as alterações feitas sejam substituídas ao atualizar o tema. Não há risco?
Obrigado pela sua resposta
Bien à vous,
Nicolas
Bom Dia,
Nunca testado. você entrou em contato com o suporte deles?
Olá e obrigado por este artigo muito interessante.
Comecei a usar o Elementor e queria saber se há alguma necessidade antes de continuar a criar um tema filho daquele que estou usando. Caso contrário, não existe o risco de que as atualizações do tema ou plug-ins apenas sobrescrevam o layout construído com o Elementor?
Obrigado por seu retorno,
Bom Dia,
Gostaria de saber como obter o código PHP da extensão ELEMENTOR para integrá-lo à minha página inicial?
Obrigado por sua atenção ao meu pedido.
Bom Dia,
Infelizmente não temos uma solução para você, desculpe.
Bom Dia,
artigo muito interessante.
Tenho uma pergunta para o pro elementor que você é.
É possível adicionar nos formulários gerados, um método = "POST"?
Jeanson
Bonsoir,
Ainda não testado. Aconselho você a entrar em contato com a equipe Elementor.
artigo muito bom, gan quero perguntar, quando comecei a ir ao elementor, ou por que parece que há um cabeçalho e um footernya, como parecer vazio
Olá, não entendi muito bem sua pergunta.