Ir para o conteúdo principal

Como criar um layout personalizado com Elementor

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Você gostaria de criar seus próprios layouts personalizados no WordPress? Você quer criar facilmente seu site com um design profissional? Então você tem que Faça o download do Elementor aqui.

Elementor é um gerador de páginas do WordPress por "Arrastar e Soltar" que permite criar facilmente layouts personalizados no WordPress sem nenhum conhecimento de codificação. Neste Tutoriel, mostraremos como criar facilmente layouts personalizados do WordPress com Elementor com alguns cliques.

Por que e quando você precisa de layouts personalizados no WordPress?

Muitos temas gratuitos e premium do WordPress oferecem várias opções de layout para diferentes tipos de páginas. No entanto, às vezes, nenhuma dessas disposições atende às suas necessidades.

Se você souber codificar em PHP, HTML e CSS, poderá criar seus próprios modelos de página ou até mesmo criar um tema filho para seu site. No entanto, a maioria dos usuários do WordPress não são desenvolvedores, portanto, essa opção não funciona para eles.

Não seria ótimo criar layouts usando uma interface simples (arrastar e soltar)?

É exatamente isso que Elementor faz. Este é um plug-in de criação de páginas do WordPress de arrastar e soltar que permite que você crie facilmente seus próprios layouts personalizados do WordPress sem nenhuma habilidade de codificação.

Ele tem uma interface de usuário intuitiva que permite criar layouts personalizados com visualização ao vivo. Ele vem com muitos módulos prontos para uso para todos os tipos de elementos de design da web.

Existem vários modelos criados por profissionais que você pode carregar e usar instantaneamente como ponto de partida. Ele funciona com todos os temas WordPress compatíveis padrão e é compatível com todos os plug-ins populares do WordPress.

Dito isso, vamos ver como criar layouts personalizados do WordPress com o Elementor.

Começando com o Elementor

Primeiro, você terá que comprar o plugin " Elementor Pro ". Esta é a versão paga do plugin Elementor Gratuito e oferece acesso a recursos adicionais e suporte 1.

Então você terá que instalar e ativar o plugin Elementor. Para mais detalhes, consulte o nosso guia passo-a-passo sobre comoinstalar um plugin WordPress.

Ao ativar, você deve visitar a página " Elementor> Configurações Para configurar as configurações do plugin.

Aqui você pode ativar "Elementor" para diferentes tipos de publicação. Por padrão, ele está habilitado para seus artigos e páginas do WordPress. Se você tiver formatos de publicação personalizados em seu site, eles também aparecerão aqui e você também poderá ativá-los.

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 554.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Você pode excluir ou incluir funções de usuário que podem usar o Elementor ao escrever artigos ou páginas. Por padrão, ele é ativado apenas para administradores.

Não se esqueça de clicar no botão "Salvar alterações" para salvar suas configurações.

Criando o layout customizado com o Elementor

Primeiro, você precisa criar uma nova página (ou postar) no seu site WordPress. Na tela de edição de publicação, você notará o novo botão "Editar com Elementor".

Clicar nele ativará a interface com o usuário do Elementor, na qual você poderá editar sua página usando o construtor Elementor de arrastar e soltar.

Agora você pode adicionar seções e criar sua página do zero ou adicionar um modelo.

Modelos são uma maneira mais rápida de começar rapidamente. Elementor vem com vários modelos projetados profissionalmente que você pode personalizar tanto quanto você quiser.

Vamos começar com um modelo clicando no botão Adicione um modelo ".

Isso exibirá uma janela pop-up na qual você verá diferentes modelos disponíveis. Você deve procurar um modelo que se pareça com o que você adicionou em seu layout.

Agora, clique para selecionar o modelo desejado e clique no botão "Inserir" para adicioná-lo à sua página.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

O Elementor agora carregará o modelo para você.

Agora você pode começar a editar o modelo para atender às suas necessidades. Basta apontar e clicar em qualquer item para selecioná-lo, e o Elementor mostrará suas configurações na coluna da esquerda.

Agora vamos falar sobre como os layouts do Elementor funcionam.

As configurações do Elementor são construídas usando seções, colunas e widgets. As seções são as linhas ou blocos que você colocar na sua página.

Cada seção pode ter várias colunas, e cada seção da coluna e pode ter seu próprios estilos, cores, conteúdo, etc.

Você pode adicionar algo às suas colunas e seções usando as ofertas de widgets que o Elementor oferece.

Esses widgets são tipos diferentes de blocos de conteúdo que você pode colocar em suas seções Elementor.

Basta selecionar um widget e soltá-lo em sua seção ou coluna. Há um extenso conjunto de widgets disponíveis que cobrem todos os elementos populares de design da web que você pode imaginar.

Você pode adicionar imagens, textos, tópicos, galerias de imagens, vídeos, mapas, ícones, depoimentos, sliders, carrosséis e muito mais.

Você também pode adicionar widgets padrão do WordPress e até widgets criados por outras pessoas WordPress plugins em seu site.

Depois de terminar a edição, você pode clicar no botão "Salvar" para salvar suas alterações.

Observação: Salvar um layout não publicará a página em seu site do WordPress. Simplesmente salvará seu layout.

Agora você pode visualizar sua página ou acessar o painel do WordPress.

Isso levará você de volta ao Editor de Publicação do WordPress. Agora você pode salvar sua página do WordPress ou publicá-la em seu site.

Isso é tudo para este tutorial, espero que permita fazer layouts com o plugin Elementor.

Alguns recursos úteis:

Este artigo contém comentários 19
  1. 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

  2. Bom Dia,
    Eu tenho um problema Nos últimos meses, eu não atualizei meu site no qual eu uso este elemento; hoje eu tentei fazer isso mas tenho um problema, a maioria das seções me mostra uma caixa com a palavra OFF SECTION e não consigo fazer nada. Eu só posso editar uma seção da página, aquela em que eu tenho o texto em si.
    Você sabe o que pode funcionar?

  3. Bom Dia,
    Estou aprendendo a construir um site com o WordPress, Elementor é um ótimo plugin, isso ajuda muito, eu descubro 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 cabeçalhos são rígidos e não posso alterar a fonte, cor, espessura, etc. Apesar das mudanças nas configurações, nada muda. Este não é um problema de padrão porque sua fonte e esquema de cores são diferentes dos da Elementor.
    Eu não sei como mudar este parâmetro modelo que me aconteceu juntamente com o 1 cabeçalho, mas eu mudei digitando o código HTML no cabeçalho e ajudou, agora ele não funciona.

    Como isso vai mudar? - por favor ajude.

    1. 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 deles.

  4. Bonsoir.
    Adicionei uma foto no site (Landing Page) e tentei trocar por outra que não consegui ... apagar várias vezes e coloquei a nova foto mas ela não carrega ... a foto antiga fica ...
    Você poderia me ajudar?

  5. Olá e obrigado por este artigo que me reforça na escolha do Elementor como construtor de páginas. ^^

    Por outro lado, o que você acha da criação de um site filho antes das modificações? É necessário com o 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

  6. Olá e obrigado por este artigo muito interessante.
    Eu comecei a usar o Elementor e me perguntei se não era necessário antes de continuar a criar um tema filho do que eu uso. Caso contrário, não há o risco de que o tema ou o plug-in maJs sobrescrevam o layout integrado com o Elementor?
    Obrigado por seu retorno,

  7. Bom Dia,

    Eu gostaria de saber como ter o código PHP da extensão ELEMENTOR para integrá-lo à minha homepage?

    Agradeço sua atenção ao meu pedido.

  8. Bom Dia,

    artigo muito interessante.
    Eu tenho uma pergunta para o pro elementor que você é.
    É possível adicionar nos formulários gerados, um método = "POST"?

    Jeanson

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
25 ações
ação18
chilrear2
Enregistrer5
Whatsapp