Nosso próprio construtor de páginas, o Avada Builder, agora está disponível em duas interfaces: Avada Builder, que é nosso construtor de páginas back-end wireframe, e Avada Live, que é nosso construtor front-end, que foi introduzido recentemente com o Avada 6.0 .
Usando nosso sistema simples de contêineres, colunas e elementos, ambas as versões do Avada Builder permitem que você crie facilmente belos layouts de página para o seu site. Avada Builder é uma ferramenta fantástica para web designers modernos e proprietários de sites, pois lhes dá controle total sobre todos os aspectos do conteúdo e layout da página. Ambas as versões do Avada Builder também geram o mesmo código. Eles são completamente intercambiáveis, permitindo que você tenha o melhor dos dois mundos com o Avada Builder, que está disponível atualmente.
- Usando layout de seção
- Personalizando um layout
- Edição de layout personalizado
- Design de layout condicional
- Adicionando colunas do construtor Avada Layout
- Conclusão
A página Layout Builder é onde você encontrará todos os seus Layouts e quaisquer Layouts Condicionais que você queira construir além do Layout Global criado por padrão. Também localizada aqui está a área onde você atribui Seções de Layout aos seus Layouts e especifica Condições para que seus Layouts Condicionais entrem em vigor.
O Layout Builder pode ser acessado no painel Avada selecionando Layouts > Layout Builder no menu suspenso. Uma das maneiras mais diretas de descrever Layouts é dizer que eles são contêineres que abrigam as quatro seções de layout de uma página – a seção de cabeçalho, a seção da barra de título da página, a seção de conteúdo e a seção de rodapé. Você pode aprender mais sobre as diferenças entre seções de layout e layouts lendo este documento: Noções básicas sobre layouts e seções de layout (PDF). Continue lendo para saber mais sobre o que você pode fazer nesta página.
Duas partes estão localizadas no topo da página do Layout Builder. Uma técnica para preencher as Seções de Layout no Layout Global ou gerar Layouts Condicionais é descrita na primeira seção (dica: você pode fechar isso com o X), e no lado direito da tela há uma área a partir da qual você pode criar diretamente novos Layouts (veja abaixo). Digite um nome para o seu novo Layout e clique em Criar Novo Layout para concluir o processo. Um Layout em branco é criado quando este método é usado; nenhuma seção ou condição de layout é especificada.
À medida que você cria Layouts, eles são automaticamente importados para a página do Layout Builder. Você pode renomear um Layout clicando no botão Renomear na parte superior da página. Você também pode clicar no ícone de engrenagem para estabelecer condições para o Layout, e pode excluir um Layout clicando no ícone Lixeira na parte superior da página. Você também pode ver e atribuir critérios clicando na parte inferior de todos os Layouts, exceto o Layout Global.
Dentro de cada Layout, você pode ver as quatro Seções de Layout atribuídas a um Layout específico, uma para cada um dos quatro layouts. Em cada seção de layout, você verá um ícone +, que permitirá atribuir uma seção de layout a essa seção do layout quando você passar o mouse sobre ela. Você tem a opção de atribuir uma seção de layout existente a esta seção ou criar uma seção totalmente nova do zero.
Usando layout de seção
Como parte do Avada Layouts, agora você pode criar rodapés totalmente personalizáveis para o seu site, aproveitando toda a capacidade criativa do Avada Builder para fazer isso.
Um layout de rodapé é uma seção de layout adicionada a um layout. Por amp , um rodapé personalizado requer uma seção de layout de rodapé, que pode ser adicionada ao layout global ou personalizado. Veremos como construir uma seção de layout de rodapé personalizado na próxima seção, mas primeiro, vamos dar uma olhada em Introdução aos layouts Avada.
Na barra lateral do WordPress ou no painel do Avada, selecione Avada > Layouts. Os layouts e seções de layout do Avada são criados e gerenciados aqui. Conforme mostrado abaixo, o Layout Global está inicialmente vazio, sem Seções de Layout associadas.
Personalizando um layout
Esta seção pode ser adicionada ao Layout Global ou ao Layout Condicional, sendo exibida apenas em determinados tipos de postagem personalizados ou páginas únicas. O Layout Global já está presente, mas primeiro precisamos desenvolver um Layout Condicional.
Na página Layouts, adicione um nome e clique em Criar Novo Layout, conforme mostrado abaixo.
Crie uma seção de layout de rodapé se desejar adicioná-la a um layout existente ou ao layout global.
Na tela Layout Section Builder, selecione o tipo de Seção de Layout, insira um nome (neste amp , Rodapé, possivelmente Rodapé Global) e clique em Criar Nova Seção de Layout, conforme mostrado abaixo.
A imagem a seguir mostra como gerar uma Seção de Layout diretamente do Layout. As seções de layout do seu site devem ser adicionadas a um layout. Inicialmente, existe simplesmente um Layout Global. Portanto, para criar um Rodapé Personalizado Global, adicione-o a este Layout. Seção de layout de rodapé personalizado e, em seguida, adicione condições à seção Layout de rodapé personalizado para fazer o layout aparecer de acordo com os critérios.
Não há nada de errado com isso, mas é vital considerar a situação. Se o Layout estiver ativo no momento (ou seja, tiver condições ou for o Layout Global), quaisquer novas Seções de Layout estarão ativas imediatamente e vazias. Faz mais sentido adicionar primeiro um rodapé personalizado a um layout global por meio da página Layout Section Builder e, em seguida, adicioná-lo ao layout global.
Alternativamente, podemos adicionar uma seção de layout de rodapé, cabeçalho ou coluna a um layout condicional e então criá-lo. As condições não são usadas até que as condições sejam adicionadas. Conforme ilustrado abaixo, podemos alterar a seção Layout do rodapé passando o mouse sobre ela e clicando no ícone de edição.
Edição de layout personalizado
O Editor padrão do WordPress aparece ao editar uma nova seção de layout; você pode usar o Avada Builder ou o Avada Live aqui. Seções de layout personalizado são criadas aqui. Para obter informações adicionais, consulte Criando conteúdo da seção de layout, mas, resumindo, você pode construir qualquer coisa aqui.
Seu rodapé personalizado pode conter qualquer coisa que você possa construir no Avada Builder. Você pode ter inúmeras colunas, fotos, etc.; Isso permite imensa flexibilidade. A seção Layout é onde o material do rodapé aparecerá. O material vem do Construtor e sua criatividade é a única restrição.
Veja o rodapé original criado para a demonstração do táxi abaixo; Isso foi feito alterando as opções de tema e widgets de rodapé.
