Destaque do produto Divi: pacote de cabeçalhos Divi

Você está ficando sem ideias criativas para os cabeçalhos do seu site? Ou você está procurando um pacote de layouts de cabeçalho para economizar tempo e esforço para o seu próximo projeto de design? O Divi Headers Pack é um produto Divi Marketplace com mais de 960 layouts de cabeçalho para o Divi Builder. Cada design de cabeçalho é compatível com dispositivos móveis e vem com muitas variedades para você escolher. E como é construído com Divi, tudo é totalmente personalizável no Divi Builder. Neste destaque de produto, veremos alguns dos layouts que você obtém com o Divi Headers Pack para ajudá-lo a decidir se é o produto certo para você.

Vamos começar!

Instalando o pacote de cabeçalhos Divi

Divi Headers Pack vem como um arquivo ZIP contendo arquivos Divi Library .json. Para instalar os layouts de cabeçalho, comece descompactando o arquivo. Em seguida, abra o painel do WordPress e navegue até a página Divi Library.

Clique em Importar e exportar na parte superior e selecione a guia Importar. Escolha o arquivo de layout e selecione Importar layouts do Divi Builder.

Depois que o layout for importado, abra o Divi Theme Builder. Clique em Adicionar cabeçalho personalizado e selecione o layout carregado na sua Biblioteca Divi.

Clique em Salvar alterações quando terminar e seu cabeçalho deve aparecer em seu site.

Pacote de Cabeçalhos Divi

Muitos dos layouts de cabeçalho têm múltiplas variações com diferentes efeitos, funcionalidade e estilo. Além disso, muitos dos layouts de cabeçalho vêm com três versões – uma com um menu móvel que desliza pela esquerda, outra que desliza pela direita e outra com um menu móvel em tela cheia. Com todas as variações, há um total de mais de 980 layouts de cabeçalho que acompanham o Divi Headers Pack.

Cabeçalhos fáceis

Existem 50 cabeçalhos fáceis incluídos no pacote de cabeçalho. Estes são cabeçalhos construídos com as opções padrão do Divi e são simples e prontos para uso. Esses layouts também não têm variações separadas.

O Easy header 8 apresenta uma barra de menu secundária verde com horário comercial e um botão CTA. A barra de menu principal possui um logotipo, itens de menu e um número de telefone. A barra de menu principal é fixa.

O cabeçalho fácil 20 tem o logotipo, as informações de contato e os ícones de mídia social na parte superior. Há uma barra divisória no meio e abaixo estão os itens de menu e um botão CTA.

Este é o layout de cabeçalho fácil 25. O número de telefone e o endereço de e-mail estão listados na parte superior, junto com os ícones de mídia social. O menu está abaixo, com um logotipo embutido. A barra de menu principal é fixa.

O cabeçalho Easy 32 apresenta uma barra de cabeçalho com ícones de mídia social à esquerda, o logotipo no meio e um botão CTA à direita. A barra de menu está abaixo, com fundo laranja.

Cabeçalhos RTL

Os cabeçalhos RTL são projetados para idiomas RTL. Existem 5 designs básicos e diversas variações de cada um, com um total de 42 layouts de cabeçalho RTL.

O cabeçalho RTL 3 é um layout transparente. Ele tem o logotipo à esquerda, itens de menu no centro e um botão à direita. Quando você rola para cima, um fundo branco aparece atrás do menu.

O layout de cabeçalho RTL 12 também possui um layout transparente e um fundo branco que aparece ao rolar a página. Ele apresenta um logotipo, itens de menu no centro e uma sinopse de número de telefone com um ícone à direita.

O cabeçalho RTL 36 sobrepõe o conteúdo da página e não ocupa toda a largura. Ele lista o endereço, número de telefone e ícones de mídia social no topo. Separados por uma divisória, logo abaixo, o menu e o botão CTA.

Por fim, o layout RTL 39 possui uma barra de menu secundária marrom com alguns ícones de texto e mídia social. A barra de menu principal apresenta um logotipo, informações de endereço, horário de expediente, itens de menu e um botão CTA.

Cabeçalhos Padrão

A maioria dos cabeçalhos padrão tem diversas variações. Essas variações incluem layouts com planos de fundo transparentes, diferentes estilos de sombra, configurações fixas, configurações de rolagem para cima e muito mais. Essas pequenas variações são ótimas e facilitam a localização do cabeçalho perfeito para o seu site. Com 249 layouts de cabeçalho padrão para escolher, você não ficará sem opções! Vamos dar uma olhada em alguns dos cabeçalhos padrão.

O cabeçalho padrão 27 é uma variação transparente. Ele tem um logotipo à esquerda e uma barra de menu alinhada à direita, além de alguns ícones de mídia social. O plano de fundo do menu fica branco na rolagem.

O layout de cabeçalho padrão 60 flutua acima do conteúdo da página. Possui uma barra superior com endereço, horário de atendimento e número de telefone. A barra de menu principal tem um logotipo à esquerda, itens de menu centralizados e um botão CTA à direita.

O layout padrão 101 tem uma barra de menu secundária na parte superior com horário comercial, um endereço de e-mail, um botão CTA e ícones de mídia social. A barra de menu principal tem um logotipo e itens de menu alinhados à direita.

O layout de cabeçalho padrão 176 é uma variação transparente e possui um logotipo, itens de menu e uma sinopse de número de telefone. Há um fundo branco que aparece no scroll.

Cabeçalhos de logotipo vertical

Os cabeçalhos de logotipo vertical são projetados especificamente para logotipos verticais mais altos. Existem 19 layouts no total.

O layout de cabeçalho vertical 5 é transparente até você rolar e, em seguida, um fundo branco aparece. Ele apresenta um ícone de chamada à esquerda, um menu no meio com o logotipo embutido e um ícone de pesquisa à direita.

O cabeçalho vertical do logotipo 11 apresenta uma grande barra de menu superior com um número de telefone, o logotipo no centro e as horas à direita. A barra de menus está abaixo e permanece fixa na parte superior da página enquanto você rola.

O cabeçalho de logotipo vertical 14 é um layout de cabeçalho grande com uma barra de menu secundária na parte superior com três links e ícones de mídia social. Abaixo dele estão um número de telefone, o logotipo no centro e as horas. Há um divisor depois disso e, em seguida, a barra de menu à esquerda e um botão CTA à direita.

Finalmente, este é o layout de cabeçalho do logotipo vertical 16. O logotipo está à esquerda e ocupa toda a altura do cabeçalho. Há uma barra de menu secundária azul com algum texto e um link CTA. Abaixo está a barra de menu principal, com os itens de menu e um número de telefone à direita.

Cabeçalhos WOO

Os Woo Headers são integrados ao WooCommerce para apresentar as informações do carrinho e da loja no cabeçalho. Existem 29 cabeçalhos Woo no total.

Existe um plugin que você precisa instalar para mostrar a contagem do carrinho com o ícone da sacola, e você precisa criar um menu e atualizar uma configuração em um dos módulos do cabeçalho para que o ícone apareça, mas a documentação que acompanha o produto é claro e fácil de seguir e não foi problema para configurar.

O cabeçalho Woo 5 é transparente até rolar e tem um logotipo à esquerda, itens de menu à direita e ícones de carrinho, loja e login à direita.

O layout de cabeçalho Woo 20 tem um fundo branco e uma barra de menu secundária com algum texto e um número de telefone. A barra de menu principal tem um logotipo, itens de menu no centro e ícones de pesquisa, carrinho e login à direita. A barra de menu principal fica fixa enquanto você rola.

O layout de cabeçalho Woo 24 flutua acima do conteúdo da página. Existem dois módulos transparentes na parte superior com algum texto e um número de telefone. A barra de menu principal flutua na parte superior da página e possui um logotipo, itens de menu centralizados e ícones de pesquisa, carrinho e login à direita.

Por fim, o layout de cabeçalho Woo 28 apresenta uma barra de menu secundária azul com algum texto e um número de telefone. Abaixo dele está um logotipo e, em seguida, o menu à esquerda e os ícones de pesquisa, carrinho e login à direita. A barra de menu principal fica no topo da página conforme você rola.

Cabeçalhos criativos

A última categoria do Pacote de cabeçalhos inclui 10 cabeçalhos criativos. Esses layouts são para pessoas que estão muito familiarizadas com o Divi e que possuem conhecimentos básicos de CSS.

O primeiro layout de cabeçalho nesta lista tem um logotipo à esquerda e um ícone de hambúrguer à direita.

Depois de clicar no ícone do hambúrguer, seu menu com todos os itens de menu aparecerá.

O cabeçalho 7 na categoria de cabeçalhos de criativos tem um ícone de hambúrguer à direita.

Depois de clicar no ícone do hambúrguer, um conjunto de ícones deslizará para baixo. Você pode vincular esses ícones às páginas relevantes.

E nosso último exemplo desta categoria, cabeçalho 9, tem um design avançado com vários elementos bem balanceados. Um desses elementos é uma barra de pesquisa que fica acima dos itens do menu.

Compre o pacote de cabeçalhos Divi

O Divi Headers Pack está disponível no Divi Marketplace. Custa $ 19 para uso ilimitado do site e atualizações vitalícias. O preço também inclui uma garantia de reembolso de 30 dias.

Pensamentos finais

O Divi Headers Pack está repleto de vários cabeçalhos diferentes e muitas variações de cada design, facilitando a localização de um layout que funcione perfeitamente para o seu design. Como há tantos layouts para escolher, pode ser complicado saber por onde começar, mas a documentação do produto é ótima e você pode baixar uma pasta de visualização que contém um índice útil de todos os diferentes layouts que você pode usar. Você também pode dar uma olhada no site de demonstração aqui e ver alguns dos designs de cabeçalho. No geral, o produto é fácil de usar e instalar, tem ótima aparência, grande variedade e é fácil de personalizar com seu próprio conteúdo. Se você está procurando alguns layouts de cabeçalho pré-fabricados para o seu próximo projeto de design, este produto pode ser ótimo para você.

Gostaríamos muito de ouvir de você! Você já experimentou o Divi Headers Pack? Deixe-nos saber o que você pensa sobre isso nos comentários!