Ir para o conteúdo principal

Como criar layouts com páginas personalizadas no WordPress Beaver Builder

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

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

Deseja aprender a criar layouts personalizados no WordPress? O Beaver Builder permite criar seus próprios layouts sem escrever código. Neste tutorial, estudaremos o Beaver Builder e mostraremos como criar layouts personalizados no WordPress com este plugin.

Beaver Builder layout Plugin

Por que e quando você precisa de layouts personalizados

Muitos temas premium do WordPress têm layouts para diferentes seções de um site. No entanto, às vezes um layout integrado não pode atender às suas necessidades.

Você pode criar modelos de página personalizados no WordPress criando um tema filho e, em seguida, adicionar seus próprios modelos de página. Mas você precisará de conhecimento em PHP, HTML e CSS para que isso funcione.

Aqui é onde Beaver Builder entra. Este é um plugin para arrastar e soltar o design da página no WordPress. Ajuda você a criar seu próprio layout personalizado sem escrever código.

Resumo do Beaver Builder

O Beaver Builder é muito fácil de usar e adequado para iniciantes. Ao mesmo tempo, ele vem com recursos incríveis para criar páginas com aparência profissional.

Ele funciona com todos os temas do WordPress e possui vários módulos que você pode simplesmente usar na sua página (arrastar e soltar). Você pode criar qualquer tipo de layout que desejar e configurar como achar melhor.

Neste tutorial do Beaver Builder, mostraremos como usá-lo para criar layouts personalizados no WordPress.

Vamos começar.

Setup Builder Beaver

Você deve primeiro comprar o plugin Beaver Builder. É um plugin pago, a partir de $ 99 para sites ilimitados.

Então você precisa para instalar e ativar o plugin.

Após a ativação, vá para a página Configurações »Página do Construtor para inserir sua chave de licença.

licença Beaver WordPress Plugin

Depois de inserir sua chave de licença, você estará pronto para criar seus layouts.

Crie seu primeiro layout personalizado com o Beaver Builder

Basta criar uma nova página no WordPress indo em Páginas »Adicionar novo. Você notará uma nova guia 'Page Builder' no editor do WordPress.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

WordPress Plugin castor Page Editor

Clique na guia 'página Builder'para lançar' Beaver Builder" Se for a primeira vez que você usa o Beaver Builder, você verá uma janela de boas-vindas oferecendo uma visita guiada.

Neste ponto, você pode clicar no botão 'Não, obrigado por pular a etapa. Depois disso, você tem que clicar no botão Modelos no menu superior.

Beaver Template wodpress plug-in

O Beaver Builder oferece modelos criados profissionalmente para você começar imediatamente.

Não se preocupe, você pode personalizar o modelo quantas vezes quiser. É apenas uma maneira rápida de começar com um layout.

Escolha um layout Beaver WordPress Plugin

Quando você seleciona um layout, o Beaver Builder o carrega na janela de visualização. Passe o mouse sobre um item e o Beaver Builder o destacará.

Você pode simplesmente clicar no ícone de chave em um item destacado para editá-lo.

disposição Editar

O Beaver Builder exibe um pop-up com diferentes configurações que você pode editar. Você pode alterar o texto, cor, plano de fundo, fonte, margem etc.

Você também pode clicar em um item na visualização ao vivo e movê-lo pela página.

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]

Os layouts do Beaver Builder são projetados em linhas. Você pode arrastar e soltar para reorganizar as linhas. Você também pode excluir ou adicionar uma nova linha.

Basta clicar no botão layouts Rowe selecione o número de colunas que você deseja na sua linha.

Adicionar linha Beaver WordPress Plugin

O Beaver Builder adicionará a linha à visualização ao vivo no seu site.

Você pode adicionar itens às suas linhas usando módulos e widgets básicos ou avançados. Esses módulos permitem adicionar os elementos mais usados, como botões, títulos, textos, imagens, apresentações de slides, áudios, vídeos etc.

Basta selecionar um item e arraste-o para a linha que você acabou de adicionar. Clique em um item para editar suas propriedades.

Você também pode salvar uma linha ou módulo para reutilizar posteriormente em outras páginas. Clique no botão Salvar como » ao editar uma linha ou módulo.

Como salvar o módulo

Clique no botão acabado Quando você terminar de editar sua página. O Beaver Builder exibe um pop-up com botões para " publicar "Ou" Salve sua página como um rascunho".

Janela de diálogo WordPress Beaver Plugin

Você também pode reutilizar um layout inteiro para outras páginas no seu site WordPress. Basta abrir a página com o Designer de página e clique no botão Ferramentas na barra superior.

O Beaver Builder mostrará um pop-up. Você pode salvar a página como modelo ou criar rapidamente uma página duplicada com o mesmo layout.

Salvar um layout Beaver WordPress Plugin

Gerenciar modelos de layout no Beaver Builder

Cada licença do Beaver Builder permite que você a use em sites ilimitados. Mas como mover seus modelos de página de um site WordPress para outro?

O Beaver Builder armazena modelos criados pelo usuário em um tipo de publicação personalizado chamado modelos. Ele está oculto por padrão, mas você pode torná-lo visível acessando Configurações »Página do Construtor e clicando na guia Modelos.

Marque a caixa ao lado da opção "Ativar Modelos de Administração"e clique Salvar configurações do modelo.

Beaver salvar um layout de tabela WordPress borda

Você notará que um novo item de menu chamado Modelos aparece no seu painel do WordPress. Todos os layouts salvos como modelos aparecerão nesta 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. [Recomendado]

Por ser um tipo de publicação personalizado, você pode exportar facilmente seus modelos do Beaver Builder usando o recurso de exportação do WordPress incorporado.

Visite a página Ferramentas »Exportar e selecione Modelos. Clique no botão Faça o download do arquivo de exportação E o WordPress enviará um arquivo XML que você pode baixar.

modelos de exportação WordPress

Agora, conecte-se ao site do WordPress em que deseja importar os modelos. Vá em frente Configurações »Importar e clique no WordPress.

Você será solicitado a baixar e instalar o plug-in de importação. Depois disso, você poderá simplesmente fazer upload do seu arquivo templates.xml e importá-lo.

Isso é tudo! Esperamos que este tutorial tenha ajudado a criar layouts personalizados do WordPress usando o Beaver Builder. Se você tiver algum comentário ou sugestão, informe-nos na seção dedicada.

Este artigo contém comentários 0

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
2 ações
ação
chilrear
Enregistrer2