Configurar conteúdo de largura total ou em caixa com o tema gratuito Astra

Astra Theme

O Astra é um tema WordPress eficiente e totalmente personalizável. Também é bonito e rápido, o que o torna ideal para blog, negócios, portfólio pessoal e loja da WooCommerce. Por ser leve, oferece grande velocidade para o site. O Astra é construído com o SEO em mente, o que eleva a classificação do site nos motores de busca. Com seus recursos e modelos especiais, é ideal para criadores de páginas como Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer etc.

Recipiente

Uma página em um site pode ser convenientemente chamada de contêiner, porque um contêiner é uma área onde exibimos o conteúdo. Simplificando, o contêiner abrange toda a página. Seja na área de conteúdo ou na barra lateral, ele será incluído no contêiner. Tecnicamente, chamamos a área de conteúdo de contêiner principal, enquanto a barra lateral é denominada de contêiner secundário.

Como manipular layouts de contêiner em um site?

O uso de um tema Astra facilita a aplicação de layouts de contêineres em todo o site. Você pode configurar as grades através da opção Personalizador. Isso pode ser encontrado na guia Aparência: Aparência> Personalizador> Global> Contêiner.

• Você também pode aplicar contêineres diferentes para páginas e postagens diferentes individualmente, a partir de meta-configurações.
• Se você aplicou configurações diferentes para o site geral e configurações diferentes nas metaconfigurações , as metaconfigurações específicas da página terão maior prioridade do que as configurações gerais do personalizador de página .

Largura do recipiente

Todo o conteúdo do site, seja gráfico ou texto, será exibido dentro dessa largura. Você pode criar uma variedade de visualizações combinando largura com o layout do contêiner.

Layout do contêiner

Astra Free Theme oferece 4 tipos de layout de Containers. Esses são layouts globais e serão aplicados a todo o site. Se você deseja um layout variável para diferentes tipos de postes, pode fazê-lo com Layout de recipiente dedicado.

Com a ajuda das 'meta configurações' da página, você pode ter mais controle sobre o layout do contêiner de cada página.

Existem os seguintes tipos de layouts de contêiner.

• Encaixotado
• Conteúdo em caixa
• Largura total / contida
• Largura total / esticada
• Layout de contêiner dedicado

Layout dedicado ou específico

Os quatro tipos de layouts de contêiner acima mencionados estão disponíveis para tipos de postagem específicos separadamente. Isso significa que, se você escolher um layout padrão, digamos, layout em caixa, e para os arquivos que você selecionou Largura total, todo o site terá layout em caixa, enquanto as páginas de arquivo terão layout em largura total / contido.

• Layout da página - Apenas para páginas
• Layout dos arquivos - Todos os arquivos
• Layout da postagem do blog - Para arquivamento do blog e páginas únicas da postagem do blog

O tema Astra oferece integração com vários plugin - plugin populares. Estes plugin oferecem integração com o Astra:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

Quando os plugin acima são instalados, você pode ter acesso a opções de layout de contêiner dedicado para essas páginas de plugin também.

Os módulos dedicados do plugin Astra Pro Addon fornecem opções mais avançadas. Os módulos dedicados do plugin Astra Pro Addon contêm estas opções:

• As meta configurações da página têm preferência sobre o layout do contêiner. A prioridade das meta-configurações é superior às configurações do personalizador.
• As configurações de Layout do site decidem a largura do contêiner.

Layout de contêiner / layout de largura total

As configurações de contentores de largura total pode ser manipulado através de Configurações Personalizador encontrado em Documentos .

Documentos »Configurações do personalizador» Global »Largura total / contida - layout do contêiner

Como explicado anteriormente, um site pode ter dois contêineres; Contêiner primário e secundário.

Container primário é a página onde o conteúdo principal aparece.

O contêiner secundário constitui a barra lateral e vários widgets na barra lateral.

Com a ajuda de um layout "Largura total / contida", você pode combinar os contêineres primário e secundário. Esses contêineres podem ser exibidos em um único contêiner para uma aparência mais organizada. O layout "Largura total / contida" exibe o conteúdo e a barra lateral lado a lado em um único contêiner. Esse contêiner deixará espaço ao redor do contêiner porque é exibido na largura do contêiner.

As configurações do contêiner podem ser alteradas ou alteradas, indo para Aparência e seguindo este caminho:

Aparência> Personalizar> Global> Contêiner

O layout Full Width / Contained é ideal para aqueles sites que precisam de um design organizado, sem caixas ou limites de grade. Este layout pode ser definido como padrão por meio de integrações com plugin - plugin como WooCommerce, LifterLMS, etc.

Muitos construtores de páginas, como o Visual Composer, exigem que o tema controle a largura dos contêineres. Pelo mesmo motivo, eles recomendam o layout Largura total / Contida.

Os módulos dedicados do plugin Astra Pro Addon oferecem mais opções de estilo.

Conteúdo em caixa - Layout do contêiner

Documentos »Configurações do personalizador» Global »Conteúdo em caixa - Layout do contêiner

Discutimos anteriormente que normalmente um site pode ter dois contêineres:

Contêiner primário: onde o conteúdo principal aparece

Container secundário: Consiste em barra lateral e vários widgets diferentes

Se você escolher o "Layout em caixa de conteúdo", apenas o contêiner primário aparecerá no formato em caixa. Visto que o contêiner secundário permanecerá em um plano de fundo simples.

Se você deseja tornar a área de conteúdo do seu site mais proeminente que a barra lateral, a seleção desse layout é ideal. Simplificando, o conteúdo do Boxed Layout é perfeito para os sites e blogs de conteúdo.

As configurações do layout em caixa podem ser encontradas como:

 Aparência> Personalizar> Global> Contêiner

Além disso, se você quiser aplicar um contêiner diferente para páginas individuais, poderá fazê-lo a partir de meta-configurações.

• Um contêiner em caixa de conteúdo pode ser aplicado a páginas ou postagens selecionadas, a partir de meta-configurações.
• As configurações de Layout do site decidem a largura do contêiner.
• Com a ajuda do plugin Astra Pro Addon, você pode alterar a cor de fundo do site através do módulo Colors & Backgrounds. No entanto, se você não tiver o Astra Pro, também poderá adicionar uma imagem de fundo com CSS personalizado.

Recursos do Astra Free Theme

O Astra é sem dúvida o melhor tema para Elementor. Ele funciona muito bem com o Elementor, o que o torna o melhor tema gratuito para a criação de sites. Abaixo, discutimos os recursos que tornam o Astra o melhor tema.

Largura total / layout esticado

O Astra fornece um layout de largura total / esticada, feito especialmente para Elementor. Com esse layout, o Elementor obtém o controle completo do seu layout, liberando você do problema de incluir o complicado método JavaScript para estender suas linhas ou seções à largura total.

Barra lateral / Imagem em destaque / Desativar título

Com o Astra, você pode desativar a barra lateral, o título da página, a trilha de navegação e as imagens em destaque com bastante facilidade para ter total liberdade de criação com o Elementor. Ao desabilitar esses recursos, você pode ter uma tela em branco, que permite projetar seu site do zero - do jeito que você deseja. Você pode até criar uma página de destino personalizada, desativar o cabeçalho e rodapé do Astra, para que a Elementor desfrute do controle total da página.

A maioria dos temas gera esses recursos por padrão, reduzindo assim o controle do usuário para projetar o site.

Opções globais do personalizador

As opções globais do Astra permitem definir o layout, a barra lateral e outras configurações personalizadas necessárias para o Elementor, diretamente no Customizer. A opção global é ideal, especialmente se você estiver criando um site em que a maioria das páginas é projetada com Elementor.

Novamente, se você desejar configurações diferentes para páginas individuais, a opção global será substituída por essas configurações individuais.

Compatível com Elementor Pro 2.0

O Astra é um daqueles poucos temas totalmente compatíveis com o Elementor 2.0 Theme Builder. Ao usar o Astra e o Elementor Pro 2.0 Theme Builder, você pode micro-projetar todos os aspectos do seu site. Seja selecionando um cabeçalho, rodapé, modelos de blog diferentes ou qualquer outra coisa, você pode fazer do seu jeito com essas duas ferramentas poderosas.

Integração Elementor

O Astra oferece integração inteligente com Elementor. Se você estiver construindo uma página com o Elementor, o Astra definirá automaticamente as melhores opções para o Elementor. Essa integração inteligente economiza bastante tempo e energia que você pode usar em outras coisas importantes.

Opções de cabeçalho e rodapé

O Astra oferece mais de 30 tipos de cabeçalhos e mais de 10 tipos de rodapés. Você pode escolher se deseja um cabeçalho transparente ou sólido. Você pode até construir seu cabeçalho do zero no elementor, de acordo com seus requisitos personalizados, com o complemento Astra Pro.

Opções de cabeçalho para celular

Você pode criar sites responsivos para celular com o Astra. O Astra fornece uma solução conveniente para o menu responsivo móvel, que possui configurações muito fáceis no personalizador. Isso permite que você controle e crie um belo menu móvel. Você pode criar o menu inteiro sem nenhum código personalizado.

Leve e sem inchaço

O Astra fornece suporte ao Elementor. Isso significa que o Astra não duplica recursos oferecidos pelo elementor. Astra é um tema leve e modular. Ele cuida dos cosméticos, como cores globais, tipografia e estilo e integrações de plugin terceiros. Enquanto o Elementor lida com a parte de construção da página.