Como criar um cabeçalho de tema impressionante Astra?

Os cabeçalhos são vitais para qualquer conteúdo da sua página da web, pois eles atendem não apenas aos leitores, mas também aos mecanismos de pesquisa. Cabeçalhos impressionantes e bem escritos têm o potencial de atrair leitores para sua postagem e aumentar os cliques. Os cabeçalhos podem variar de H1 a H6, dependendo da hierarquia de seu conteúdo. O título principal de sua página ou artigo é H1, enquanto H2 são os subtítulos que formam seções em seus documentos. Os cabeçalhos H3 a H6 fornecem subtítulos adicionais em seu documento em H2. Antes de passarmos para a forma como o tema Astra pode ajudá-lo a criar cabeçalhos impressionantes em seu conteúdo, deixe-nos considerar a importância dos cabeçalhos

Tabela de conteúdo:

• Por que os cabeçalhos são importantes para suas páginas da Web?
• 1. Identificação do Tópico
• 2. Acessibilidade
• 3. Otimização do mecanismo de pesquisa
• 4. Torna as páginas digitalizáveis
• 5. Usabilidade de dispositivos móveis
• Como criar um cabeçalho impressionante com o tema Astra?
• Prós e contras do uso do tema Astra para cabeçalhos
• Palavras Finais

Por que os cabeçalhos são importantes para suas páginas da Web?

Aqui está o porquê você deve incluir cabeçalhos no seu texto

1. Identificação do Tópico

Os cabeçalhos desempenham um papel essencial para os mecanismos de pesquisa e os leitores escolherem as palavras-chave que estão procurando no artigo. O cabeçalho principal do texto ajuda a identificar o tópico do material e os subtítulos direcionam o leitor para sua área de interesse.

2. Acessibilidade

Hoje, as pessoas usam principalmente leitores de tela para acessar qualquer conteúdo. Cabeçalhos em qualquer conteúdo são facilmente selecionados pelos leitores de tela e são essenciais para o uso eficaz dos leitores de tela. Eles também permitem que os leitores pulem de um cabeçalho para outro para chegar ao tópico necessário.

3. Otimização do mecanismo de pesquisa

Quando os cabeçalhos tornam seu tópico identificável, os mecanismos de pesquisa classificam sua página para consultas de pesquisa. Quanto mais seus cabeçalhos forem bem elaborados e preenchidos com palavras-chave apropriadas, mais os mecanismos de pesquisa aumentarão sua classificação.

Aqui está um guia sobre como usar os recursos de tema gratuitos do Astra para criar cabeçalhos impressionantes para suas páginas. Siga o procedimento para fazer um cabeçalho de sua escolha.

4. Torna as páginas digitalizáveis

Ao usar cabeçalhos, você torna as páginas o mais digitalizáveis ​​possível. É do conhecimento geral que ninguém lê o artigo inteiro - especialmente linha por linha. É por isso que é importante que as páginas tenham cabeçalhos. De todos os cabeçalhos, o cabeçalho mais importante é o primeiro, pois ele dá o tom para toda a postagem ou página.

Em seguida, vem o subtítulo, pois ele divide o conteúdo em partes que são melhores para o consumo. Além disso, a estrutura do artigo é mostrada pelos cabeçalhos e subtítulos. Resumindo, o conjunto certo de cabeçalhos significa que você pode atrair o público com seu conteúdo envolvente.

5. Usabilidade de dispositivos móveis

Com o tempo, o celular está se tornando mais dominante do que nunca. Não há dúvida de que os sites receberão mais tráfego do celular do que nunca. Portanto, se você colocar seu conteúdo da maneira certa, certamente ganhará espectadores tanto em dispositivos móveis quanto em computadores.

Em suma, os cabeçalhos otimizam a página da Web não apenas para os leitores, mas também para os mecanismos de pesquisa.

Como criar um cabeçalho impressionante com o tema Astra?

Primeiramente, para acessar o Astra Header Builder, faça login no painel do WordPress e, na barra lateral esquerda, vá para Appearance > Astra Options > Header Builder , conforme mostrado na imagem abaixo:

Clique nele para ir para a seção Cabeçalho Builder no personalizador WordPress. A interface deve ser semelhante ao que temos aqui:

Como você pode ver, o construtor de cabeçalho é dividido em três seções verticais, uma empilhada em cima da outra. Você tem o “cabeçalho principal” no meio com um “cabeçalho acima” na parte superior e “abaixo do cabeçalho” na parte inferior.  

Cada cabeçalho tem seu próprio conjunto de “configurações de cabeçalho”, que você pode acessar clicando no ícone de engrenagem à esquerda do cabeçalho.

A partir daqui, você pode personalizar a altura do cabeçalho, tamanho da borda, plano de fundo, preenchimento e margem.

Além disso, observe como cada cabeçalho é dividido em três seções. Você pode adicionar e remover elementos de cabeçalho dessas seções para torná-los mais recursos. No momento de escrever este tutorial, você tinha acesso a 12 elementos de cabeçalho:

• Título e logotipo do site
• Menu Principal
• Botão 1
• Botão 2 (profissional)
• Procurar
• Conta
• HTML 1
• HTML 2
• Menu Secundário
• Social
• Widget 1
• Widget 2
• Widget 3 (profissional)
• Widget 4 (profissional)
• Carrinho

Agora, para adicionar um novo elemento de cabeçalho, passe o mouse sobre essa seção e clique no botão “+”. Isso abrirá uma lista de elementos disponíveis. Escolha aquele que deseja usar e ele será adicionado à seção de cabeçalho.

Da mesma forma, basta clicar no botão “x” ao lado do elemento do cabeçalho para remover um elemento do cabeçalho.

Você também pode mover os elementos do cabeçalho entre as seções do cabeçalho simplesmente arrastando e soltando.

Todos os elementos do cabeçalho que você usou serão exibidos no menu do lado esquerdo, logo abaixo da guia Geral. Abaixo aqui, você também encontrará a opção de alterar o tipo de cabeçalho. Os usuários gratuitos só têm a opção de “Cabeçalhos transparentes”. No entanto, se você estiver usando o Astra Pro, poderá habilitar “Cabeçalhos fixos”.

A partir daqui, você pode acessar as configurações específicas do elemento de cabeçalho.

Ao lado da guia Geral, temos a guia Design. A partir daqui, você obtém algumas opções de design básico para alterar a largura e a margem do cabeçalho. Configurações mais avançadas estão disponíveis para usuários do Astra Pro.

O Astra Header Builder também permite que você ajuste a aparência do cabeçalho do site em diferentes tamanhos de tela, como desktop, celular ou tablet. Para escolher um tamanho de tela diferente e personalizá-lo, use o seletor de dispositivo no canto inferior esquerdo da tela.

Como você pode ver, em uma tela menor, você obtém uma área adicional chamada “Fora da tela”. Isso permite que você economize espaço no cabeçalho e mova algumas das coisas para fora da tela que os visitantes podem alternar se e quando necessário.

E isso encerra nosso guia rápido sobre como criar um cabeçalho usando o tema Astra. Depois de adicionar todos os elementos do cabeçalho e fazer as alterações de design necessárias, clique no botão publicar e pronto.  

Seu cabeçalho Astra recém-criado agora está instalado e funcionando no seu site WordPress.

Astra Header Builder: Uma visão geral rápida das opções disponíveis

No tutorial acima, criamos um cabeçalho muito básico usando o Astra Header Builder para dar uma ideia de como o recurso funciona. No entanto, existem inúmeras ferramentas e opções no Astra Header Builder para ajudá-lo a criar cabeçalhos mais complexos e impressionantes.

Aqui está uma rápida olhada nas várias opções que você tem à sua disposição:

Cabeçalho Primário

O cabeçalho padrão no Astra é o cabeçalho principal. Ele exibirá um logotipo e também um menu de navegação personalizável com várias configurações principais de cabeçalho no Astra.

Basta instalar o Astra e ir para a seção Cabeçalho para escolher a opção de cabeçalho principal e chegar à personalização. Cabeçalho > Cabeçalho principal

Você pode fazer uso das seguintes configurações de personalização

Layout

As configurações de layout gerenciarão a posição do logotipo da sua página. Existem três posições diferentes disponíveis no Astra para o logotipo

Logo esquerdo

O logotipo nesta configuração se move para o lado esquerdo do menu de navegação. É um estilo típico de posicionamento de um logotipo.

Logo direito

O logotipo nessa configuração se move para o lado direito do menu de navegação.

Logo Center

O logotipo nessa configuração se move no centro acima do menu de navegação. É uma boa opção no caso de um menu longo.

Largura

As configurações de largura gerenciam a largura do cabeçalho do texto. Você pode personalizar a largura do cabeçalho como

Largura completa

Nas configurações de largura total, o cabeçalho será esticado das duas extremidades e se ajustará ao tamanho da página do navegador.

Largura do Conteúdo

Nas configurações de largura do conteúdo, o cabeçalho é ajustado de acordo com a largura do contêiner definida e você pode configurá-lo selecionando o seguinte

Global> Contêiner> Largura

Fronteira

Ao selecionar a borda, você pode adicionar uma borda sob o cabeçalho e personalizar sua cor e largura.

Cabeçalho para celular

O menu de navegação, nos dispositivos responsivos, muda para um hambúrguer. Portanto, o cabeçalho principal desses dispositivos exibirá apenas o menu do hambúrguer e o logotipo. Você pode personalizar o layout do logotipo referente ao menu nos widgets responsivos.

Pilha

Na opção de pilha, o logotipo se moverá acima do menu de hambúrguer. Optar pela pilha pode ser útil se você tiver um grande logotipo.

Na linha

Na opção inline, o logotipo e o menu ficarão alinhados e podem ser uma boa opção no caso de um logotipo pequeno.

Temas de cores

Os cabeçalhos principais podem ser apresentados em várias cores usando o tema Astra. As cores globais estarão disponíveis gratuitamente, mas você precisa usar o plugin do Astra Pro para recursos mais avançados. Para usar cores globais no Astra, você precisa ir na guia Aparência, selecionar personalizar, depois global e, finalmente, escolher a opção de cores. Aparência> Personalizar> Global> Cores

Tipografia

As configurações de tipografia para a página ou site se aplicam automaticamente ao cabeçalho principal com o Tema Astra. Você pode selecionar e personalizar as configurações de tipografia acessando a guia Aparência, em global.  

Aparência> Personalizar> Global> Tipografia

Cabeçalho transparente

Cabeçalhos transparentes são uma maneira fácil de criar cabeçalhos bonitos e atraentes para sua página. O plano de fundo do cabeçalho principal será definido como transparente e puxará o conteúdo da página para o topo. O conteúdo da página e o cabeçalho principal serão mesclados, o que significa que a parte superior do conteúdo se tornará um plano de fundo do cabeçalho transparente. Por exemplo, se a imagem estiver na seção superior da página, ela se tornará um plano de fundo para o cabeçalho transparente.

Como adicionar um cabeçalho transparente?

O cabeçalho transparente é formulado em duas etapas rápidas para tornar sua página atraente 

Passo 1

Você pode encontrar a opção de cabeçalho transparente sob o personalizador e depois editá-lo

Aparência> Personalizar> Cabeçalho> Cabeçalho transparente

Passo 2

Nas opções de cabeçalho transparente, você pode habilitá-lo para todo o site, escolher a borda na parte inferior, os esquemas de cores e o layout do logotipo

Ativando no site completo

Se você quiser as configurações de cabeçalho transparente para todo o site, poderá ativar esta opção marcando a caixa de seleção. Se você marcar a caixa de seleção, ainda existem algumas regras de exclusão que você pode ativar para postagens ou páginas específicas. Você pode desativar a opção de cabeçalho transparente para as seguintes páginas

Desativar em Arquivos, Pesquisa e em 404

A configuração do cabeçalho transparente pode ser desativada nessas páginas especiais marcando a caixa de seleção.

Desativar na página de índice do blog

A primeira página do seu blog se torna a página de índice do blog, se você alterar as configurações da sua página inicial. Para criar uma página de índice do blog, você pode acessar as configurações da página inicial e, na guia "Exibição da sua página inicial", escolha "Suas últimas postagens".

Sua página inicial> Suas últimas postagens

Se você deseja desabilitar as configurações do cabeçalho transparente nesta página de índice do blog, você pode marcar a caixa de seleção para isso.

Desativar nas páginas

Se você deseja desativar a opção de cabeçalho transparente em todas as páginas, marque a caixa de seleção.

Desativar nas postagens

Se você deseja desativar a opção de cabeçalho transparente em todas as postagens, marque a caixa de seleção.

Cores e fundo

Você pode personalizar as configurações de fundo e cor do seu cabeçalho transparente com as seguintes opções disponíveis

• fundo
• titulo do site
• Cardápio
• Submenu
• Conteúdo

Prós e contras do uso do tema Astra para cabeçalhos

Prós

• A oportunidade para o cabeçalho transparente está disponível
• Os cabeçalhos de largura total e largura de conteúdo estão disponíveis 
• A personalização de cores e tipografia está disponível

Contras

• A opção de cabeçalho fixo não está disponível
• Recursos avançados de cores não estão disponíveis

Palavras Finais

Astra é um dos melhores temas que existem. E, se você está usando, está no caminho certo para manter seu site.

O tema gratuito do Astra permite que você crie cabeçalhos bonitos e atraentes para sua página da web. A opção e personalização de um cabeçalho Transparente também estão disponíveis, o que pode melhorar a experiência do espectador. No geral, muitas opções de personalização de cabeçalho no tema Astra permitem criar um cabeçalho impressionante.