Baixe um Cabeçalho e Rodapé GRÁTIS para o Divi's Home Baker Layout Pack

Publicados: 2022-08-27

Oi Nação Divi! Obrigado por se juntar a nós para a próxima edição da nossa Divi Design Initiative semanal, onde a cada semana, damos novos brindes. Recentemente, compartilhamos um novo pacote de layout Home Baker. Para ajudá-lo a colocar seu site em funcionamento o mais rápido possível, estamos compartilhando um modelo global de cabeçalho e rodapé que também corresponde perfeitamente a este pacote de layout! Espero que goste.

layout de divisão

Confira o Home Baker
Modelo Global de Cabeçalho e Rodapé abaixo

Obtenha-o gratuitamente hoje!

Design de cabeçalho

Design de cabeçalho Divi Home Baker para desktop

Design de cabeçalho para tablet e celular para o Divi Home Baker Layout Pack

Design de rodapé

Layout de rodapé Divi Home Baker para desktop

Layout de rodapé para tablet e celular para o layout Divi Home Baker

Faça o download do modelo global de cabeçalho e rodapé para o pacote de layout Home Baker

Para colocar as mãos no modelo de cabeçalho e rodapé global gratuito, primeiro você precisará fazer o download usando o botão abaixo. Para ter acesso ao download, você precisará se inscrever em nossa lista de e-mail Divi Daily usando o formulário abaixo. Como novo assinante, você receberá ainda mais produtos Divi e um pacote Divi Layout gratuito toda segunda-feira! Se você já está na lista, basta digitar seu endereço de e-mail abaixo e clicar em download. Você não será “subscrito novamente” ou receberá e-mails extras.

Baixe os arquivos
Download de graça

Download de graça

Junte-se ao Boletim Divi e nós lhe enviaremos um e-mail com uma cópia do Divi Landing Page Layout Pack definitivo, além de muitos outros recursos, dicas e truques incríveis e gratuitos do Divi. Acompanhe e você será um mestre Divi em pouco tempo. Se você já é inscrito, basta digitar seu endereço de e-mail abaixo e clicar em download para acessar o pacote de layout.

Você se inscreveu com sucesso. Verifique seu endereço de e-mail para confirmar sua assinatura e ter acesso a pacotes de layout Divi semanais gratuitos!

Como fazer upload do modelo

Ir para o construtor de temas Divi

Para fazer upload do modelo, navegue até o Divi Theme Builder no back-end do seu site WordPress.

Abrindo o Divi Theme Builder para importar o layout de categoria de conferência Divi

Carregar modelo de site padrão global

Então, no canto superior direito, você verá um ícone com duas setas. Clique no ícone.

Importando o layout de cabeçalho e rodapé para o Divi Theme Builder

Navegue até a guia de importação, faça o upload do arquivo JSON que você conseguiu baixar nesta postagem e clique em 'Importar modelos de construtor de tema Divi'.

Importar configurações para o pacote de layout de cabeçalho e rodapé

Salvar alterações do criador de temas Divi

Depois de fazer o upload do arquivo, você notará um novo cabeçalho e rodapé global em seu modelo de site padrão. Salve as alterações do Divi Theme Builder assim que desejar que o modelo seja ativado.

Como modificar o modelo

Elementos do Modelo de Cabeçalho Divi Home Baker

O modelo de cabeçalho Divi Home Baker possui vários módulos Divi. Você pode editar esses módulos para combinar com sua marca, negócios e as necessidades do seu site. Vamos dar uma olhada nos seis elementos que compõem o modelo de cabeçalho abaixo:

Detalhamento do layout do cabeçalho Divi Home Baker

Em primeiro lugar, o cabeçalho tem uma seção primária e uma seção secundária. O menu principal contém o menu, o logotipo e um botão. O menu secundário contém duas frases de chamariz de texto e um conjunto de ícones de mídia social.

Módulos da Seção Primária

  1. Logo (Módulo de Menu): O logotipo é preenchido através do módulo de menu. Você pode usar o recurso de campos dinâmicos do construtor Divi para inserir o logotipo de todo o site ou fazer o upload do logotipo diretamente no menu
  2. Menu (Módulo de Menu): Você pode selecionar um menu do seu site para preencher este módulo.
  3. Botão (Módulo de botão): O módulo de botão funciona como um apelo à ação

Módulos da Seção Secundária

  1. CTA #1 (Módulo de Texto): Este módulo de texto tem atualmente o horário de funcionamento, no entanto, podemos editá-lo para ser o que quisermos
  2. Links de mídia social (Módulo de acompanhamento de mídia social): Edite este módulo para adicionar e vincular suas redes sociais de escolha
  3. CTA #2 (Módulo de texto): Outro módulo de texto que podemos usar como local para colocar seu slogan ou outro anúncio

Abrir modelo de cabeçalho

Para modificar os elementos do modelo de cabeçalho global, comece abrindo o modelo.

Editando o cabeçalho global no Divi Theme Builder

Escolha seu cardápio

Selecione um menu de sua escolha no Módulo de Menu.

Selecione um menu no Módulo de Menu para usar na área de menu principal do Divi Home Baker

Carregar logotipo de escolha

Dentro do mesmo Módulo de Menu, escolha ou carregue seu logotipo de sua escolha

Selecione um logotipo para uso no Módulo de Menu

Destino do botão Atualizar

Este cabeçalho tem um botão no canto superior direito do menu principal. Abra as configurações do botão e atualize a URL do link para o destino de sua escolha. Você também pode usar o mesmo modal de configurações para editar o texto no botão.

Atualizar destino do link do botão do menu principal

Ativar/desativar ícones de pesquisa e carrinho

Por padrão, o módulo de menu dentro deste cabeçalho tem os ícones de pesquisa e carrinho ativados. Se você tiver o WooCommerce instalado e ativo, o ícone do carrinho será exibido automaticamente no frontend. No entanto, se quiser ocultar esses ícones, você tem a opção de fazê-lo nas configurações do menu.

Editar elementos adicionais necessários durante a configuração do menu principal

Adicionando conteúdo ao CTA nº 1 e CTA nº 2

No lado direito e esquerdo da área do cabeçalho secundário estão os módulos de texto que podem ser editados com o conteúdo que você achar melhor. No modelo, usamos o módulo de texto à esquerda para mostrar o horário de funcionamento da padaria. Do lado direito, usamos o módulo de texto para compartilhar o slogan da empresa, com um emoji fofo. Devido à altura da seção do cabeçalho secundário, pode ser mais fácil editar os módulos com essa seção usando a visualização de estrutura de arame do Divi Theme Builder.

Usando a visualização de estrutura de arame para editar a seção secundária do layout de cabeçalho Divi Home Baker

Adicione suas redes e links de mídia social

Abra o módulo de acompanhamento de mídia social para editar, adicionar ou excluir as redes de mídia social que você gostaria de exibir em seu cabeçalho. Não se esqueça de adicionar os links certos para suas várias contas de mídia social também!

Editando o módulo de acompanhamento de mídia social no layout de cabeçalho Divi Home Baker

Abrir modelo de rodapé

Continue abrindo o rodapé global dentro do modelo de site padrão.

Editando o modelo de rodapé no Divi Theme Builder

Elementos do Modelo de Rodapé Divi Home Baker

Ao contrário do modelo de cabeçalho Divi Home Baker, o modelo de rodapé é composto de quatro seções. Mas não tenha medo! A seção primária tem duas colunas e as três seções restantes têm apenas um módulo cada uma delas. Novamente, podemos usar o Wireframe View é altamente recomendado, especialmente ao editar as três seções finais.

Divisão do rodapé do Divi Home Baker

Detalhamento de seções e módulos de rodapé

  1. Módulo Email Optin: Edite o título, o corpo do texto e certifique-se de conectar sua plataforma de email marketing de escolha ao módulo
  2. Módulo de texto: altere o título conforme achar adequado às suas necessidades
  3. Módulos do Blurb: Temos três módulos do Blurb aqui que são usados ​​para mostrar suas informações de contato.
  4. Módulo de acompanhamento de mídia social: Assim como o módulo no cabeçalho, isso pode ser usado para vincular suas contas de mídia social
  5. Módulo de Menu: Escolha seu menu de rodapé aqui.
  6. Módulo de texto: Por fim, lembre-se de editar o texto posterior neste módulo de texto para inserir suas próprias informações de direitos autorais

Conecte sua solução de e-mail marketing

Em primeiro lugar, conecte sua solução de marketing por e-mail de escolha ao Módulo de E-mail.

Conecte sua plataforma de e-mail marketing de escolha

Adicione suas informações de contato

Dentro dos três módulos de sinopse, você pode editar os ícones e o texto. Navegue pelas bibliotecas de ícones incluídas no Divi e adicione seu conteúdo.

Edite os anúncios com suas informações de contato

Vincule suas contas de mídia social

Adicione links às suas contas de mídia social no módulo de acompanhamento de mídia social.

Atualizando os links e redes sociais dentro do Módulo Social Media Follow

Selecione seu menu de rodapé

Escolha o seu menu de rodapé.

Selecione o menu de rodapé para o modelo de rodapé Divi Home Baker

Alterar conteúdo de direitos autorais

Para editar a seção de direitos autorais, entraremos no recurso Campo Dinâmico no módulo de texto.

Editando as informações de direitos autorais usando o conteúdo dinâmico no Divi Theme Builder

Clique na engrenagem sob o título do corpo. Dentro da caixa modal que aparece, você vai querer editar o conteúdo dentro da caixa de texto Depois.

Usando o recurso de conteúdo dinâmico para atualizar o texto de direitos autorais

Novos brindes toda semana!

Esperamos que você tenha gostado do Home Baker Layout Pack e do brinde Header & Footer que o acompanha. Estamos ansiosos para ouvir suas opiniões na seção de comentários abaixo. Certifique-se de voltar na próxima semana para mais brindes!