Configure uma largura total ou conteúdo em caixa com o tema gratuito Astra

Tema Astra

Astra é um tema WordPress eficiente e totalmente personalizável. É bonito e rápido também, o que o torna ideal para blogs, negócios, portfólio pessoal e vitrine WooCommerce. Por ser leve, oferece grande velocidade para o site. O Astra foi desenvolvido pensando no SEO, o que aumenta a classificação do site nos mecanismos de pesquisa. Com seus recursos e modelos especiais, é ideal para construtores 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 contêiner é uma área onde exibimos o conteúdo. Simplificando, o contêiner abrange toda a página. Quer seja a área de conteúdo ou a barra lateral, ela será incluída no contêiner. Tecnicamente, chamamos a área de conteúdo de contêiner primário, enquanto a barra lateral é denominada contêiner secundário.

Como manipular layouts de containers em um site?

O uso de um tema Astra torna conveniente a aplicação de layouts de contêiner em todo o site. Você pode configurar as grades por meio 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 metaconfigurações.
  • Se você aplicou configurações diferentes para o site geral e configurações diferentes nas meta configurações , as meta configurações específicas da página terão prioridade mais alta do que as configurações do personalizador

Largura do contêiner

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

Layout do contêiner

O Astra Free Theme oferece 4 tipos de layout de contêineres. Estes são layouts globais e serão aplicados a todo o site. Se você deseja um layout variado para diferentes tipos de postagem, pode fazê-lo com o Container Layout dedicado.

Com a ajuda das 'metaconfiguraçõ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/Contido
  • Largura total/esticada
  • Layout de contêiner dedicado

Layout Dedicado ou Específico

Os quatro tipos de layouts de contêiner fornecidos acima 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 Arquivos você escolheu Largura total, então todo o site terá layout em caixa, enquanto as páginas de arquivo terão layout de largura total/contido.

  • Layout de página – apenas para páginas
  • Layout de arquivos – Todos os arquivos
  • Layout de postagem de blog – para arquivo de blog e páginas de postagem única de blog

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

WooCommerce

EDD ( Easy Digital Downloads )

AprendaDash

LevantadorLMS (3)

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

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

  • As metaconfigurações da página têm preferência sobre o layout do contêiner. A prioridade das meta configurações é maior do que as configurações do personalizador.
  • As configurações de Layout do Site decidem a largura do contêiner.

Layout do contêiner/Layout de largura total

As configurações do contêiner de largura total podem ser manipuladas por meio das Configurações do Personalizador encontradas no Documentos .

Documentos » Configurações do personalizador » Global » Largura total/Contido – Layout do contêiner

Conforme explicado anteriormente, um site pode ter dois contêineres; Contêiner Primário e Contêiner Secundário.

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

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

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

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

Aparência > Personalizar > Global > Contêiner

O layout de largura total/contido é ideal para aqueles sites que precisam de um design organizado, sem caixas ou limites de grade. Este layout pode ser definido como padrão através de integrações com 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 de largura total/contido.

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:

Container Primário: onde aparece o conteúdo principal

Contêiner secundário: consiste em uma barra lateral e vários widgets diferentes

Se você escolher “Content Boxed Layout”, apenas o contêiner principal aparecerá no formato de caixa. No entanto, o recipiente secundário permanecerá sobre um fundo plano.

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

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

 Aparência > Personalizar > Global > Contêiner

Além disso, se quiser aplicar um contêiner diferente para páginas individuais, você pode fazer isso nas metaconfigurações.

  • Um contêiner de conteúdo em caixa pode ser aplicado a páginas ou postagens selecionadas, a partir de metaconfiguraçõ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 Cores e Fundos. No entanto, se você não possui o Astra Pro, também pode adicionar uma imagem de fundo com CSS personalizado.

Recursos do tema gratuito Astra

Astra é sem dúvida o melhor tema para Elementor. Funciona muito bem com Elementor, o que o torna o melhor tema gratuito para construçã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/esticado, feito especialmente para Elementor. Com este layout, Elementor obtém o controle completo de seu layout, livrando você do problema de incluir métodos JavaScript complicados para estender suas linhas ou seções até a largura total.

Com o Astra, você pode desativar a barra lateral, o título da página, a localização atual e as imagens em destaque com bastante facilidade para obter total liberdade de design com o Elementor. Ao desativar esses recursos, você terá uma tela em branco, que permite projetar seu site do zero, do jeito que você deseja. Você pode até construir uma landing page customizada, desabilitar o cabeçalho e rodapé do Astra, para que o Elementor tenha controle total da página.

A maioria dos temas exibe esses recursos por padrão, reduzindo assim o controle do usuário no design do site.

Opções globais do personalizador

As opções globais do Astra permitem que você defina o layout, a barra lateral e outras configurações personalizadas necessárias que são adequadas para o Elementor diretamente no Personalizador. A opção global é ideal especialmente se você estiver construindo um site onde a maioria das páginas são projetadas com Elementor.

Novamente, se você quiser 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

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 microprojetar cada aspecto 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

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

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 móvel

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

Leve e sem inchaço

Astra fornece suporte para 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, além de integrações plugin de terceiros. No entanto, Elementor cuida da parte de construção da página.

Ahmad

Ver comentários

  • Tenho uma dúvida sobre como personalizar o contêiner. Pode ser ajustado em largura. Mas em nenhum lugar li como você pode ajustar a altura da caixa do contêiner (bloco). Há muito branco no meu site. Gostaria de deixar o corpo do texto mais próximo do cabeçalho, tornando o bloco em que ele está localizado menos alto.

    • Olá, não há configuração de altura, ela é definida pelo conteúdo + margens de todas as seções da página. No seu caso, acho que é um problema de margem/preenchimento do cabeçalho ou da primeira seção.

Postagens recentes

Como usar cabeçalhos e rodapés com Elementor

Os cabeçalhos e rodapés de um site são elementos essenciais. Na maioria dos casos, o cabeçalho fornece navegação…

6 de janeiro de 2022

Comparação de temas WordPress: Astra vs OceanWP

Dois dos temas WordPress mais populares do mercado são Astra e OceanWP. Profissional…

2 de janeiro de 2022

Comparação de temas de notícias do WordPress: Jornal vs. Astra

Criar um excelente site de notícias não exige que você se torne um web designer. Nós…

25 de outubro de 2021

Crie um site relacionado a notícias com tema de jornal

O tema Jornal é um dos temas WordPress mais importantes desenvolvido por tagDiv, um…

18 de outubro de 2021

Como construir um comércio eletrônico com o construtor Avada WooCommerce

Quando se trata de abrir uma loja online, WooCommerce é o plugin ideal. Isto…

4 de outubro de 2021

Como usar cabeçalho fixo e efeitos de rolagem com Elementor

Um cabeçalho geralmente é a primeira coisa que uma pessoa vê quando visita seu site,…

21 de setembro de 2021