Como adicionar links de privacidade e termos ao seu rodapé Divi
Publicados: 2021-11-15Políticas de privacidade e termos e condições são duas páginas importantes que devem ser de fácil acesso. O rodapé é talvez o local mais popular para adicionar links a essas páginas. Esses links são fáceis de adicionar ao seu rodapé com o Divi. Neste artigo, veremos dois métodos sobre como adicionar links de privacidade e termos do rodapé Divi ao seu site.
Pré-visualização do nosso Divi Footer Privacidade e Termos
Vamos adicionar os links de privacidade e termos do rodapé Divi usando menus e widgets. Isso nos dará um layout horizontal e um layout vertical. Aqui está uma prévia de como eles ficarão.
Método 1 Área de trabalho
Aqui está a versão desktop do rodapé. Nossos links são adicionados ao lado direito usando o módulo Divi Menu.
Método 1 Celular
Veja como ele ficará em um telefone. Inclui um menu de hambúrgueres.
Método 2 Área de trabalho
Aqui está o rodapé da área de trabalho que personalizaremos com nosso segundo método. Adicionaremos os links usando um widget.
Método 2 Celular
Veja como ele ficará em um telefone.
Crie o menu de privacidade e termos do rodapé Divi
Primeiro, criaremos um menu de termos e privacidade no rodapé Divi. Este menu usará as páginas de Política de Privacidade e Termos e Condições que você já criou. Ambos os métodos usarão este menu. Vá para Aparência > Menus no painel do WordPress. Clique em Criar um novo menu .
Dê ao menu um nome que faça sentido para você. Estou usando Privacidade e Termos. Deixe as configurações do menu em seus padrões. Não precisaremos usar essas configurações. Clique em Criar Menu .
Em Páginas, selecione as páginas Política de Privacidade e Termos e Condições e clique em Adicionar ao Menu . Organize-os na ordem desejada e clique em Salvar Menu . Agora podemos usar este menu em nosso rodapé Divi.
Modelo de Rodapé Divi
Em seguida, enviaremos um modelo de rodapé Divi gratuito para o Divi Theme Builder. Ambos os métodos usarão este modelo. Estou usando o rodapé do pacote de layout Divi Blogger Header & Footer gratuito. Para encontrar layouts de rodapé gratuitos, pesquise por “rodapé grátis” no blog Divi. Baixe o modelo para o seu computador e descompacte-o.
Para carregar o modelo, vá para Divi > Theme Builder no painel do WordPress. Selecione o ícone Portabilidade no canto superior direito do construtor. Isso abre um modal. Selecione Importar e clique em Escolher arquivo . Navegue até o arquivo JSON em seu computador e selecione-o. Clique em Importar modelos do Divi Theme Builder e aguarde a conclusão da importação. Salve suas alterações e navegue para qualquer página no front-end. Terminaremos nosso trabalho com os novos recursos de edição de front-end do site completo do Divi.
Método 1: Módulo de Menu Divi
Adicionaremos os links ao lado direito para o primeiro método, onde o endereço de e-mail está localizado. Ative o Divi Visual Builder, role até a área de rodapé e selecione Editar modelo de rodapé .
Passe o mouse sobre a linha para revelar suas configurações e selecione a estrutura da coluna. Escolha três colunas. Isso move o link de e-mail para o centro onde queremos.
Na coluna da direita, selecione o ícone de adição cinza escuro para abrir o modal do módulo. Procure por Menu e clique no módulo de menu para adicioná-lo à coluna.
As configurações serão abertas. Clique na caixa suspensa Menu em Conteúdo e escolha o menu Privacidade e Termos.
Role para baixo até a seção Plano de fundo . Passe o mouse sobre o plano de fundo e exclua-o.
- Plano de fundo: excluir
Clique na guia Projeto . Altere a cor do link ativo para #e2c29d. Esta é uma cor do layout. Também funcionará com uma cor mais escura, se preferir.
- Cor do link ativo: #e2c29d
Role para baixo até a Cor do texto do menu e selecione Preto.
- Cor do Texto do Menu: #000000
Role até Alinhamento de texto e selecione Centro.
- Alinhamento de Texto: Centro
Selecione a visualização Telefone no menu Divi. Role até a seção do menu suspenso e defina a cor da linha e do link ativo como #e2c29d.
- Cor da linha do menu suspenso: #e2c29d
- Cor do link ativo do menu suspenso: #e2c29d
Role até a cor do ícone do menu do hambúrguer e defina-a como #e2c29d.
- Cor do ícone do menu de hambúrguer: #e2c29d
Método 2: Módulo da barra lateral Divi
O módulo da barra lateral Divi nos permite colocar os links em uma pilha vertical. Para fazer isso, precisaremos criar um widget de menu. Vá para Aparência > Widgets no menu do painel. Selecione uma área da barra lateral que você não está usando. Selecionei a Área de Rodapé nº 1. Você pode criar uma nova área da barra lateral se precisar. Use a ferramenta da barra lateral na parte inferior da página.
Selecione o ícone Mais e procure por “menu”. Clique no Menu de Navegação para adicioná-lo à Área de Rodapé.
Deixe o Título em branco. Clique em Selecionar menu e escolha seu menu de privacidade e termos. Clique em Atualizar e vá para o front-end do seu site.
- Título: deixe em branco
- Selecione Menu: Privacidade e Termos
Adicionaremos o widget ao lado direito para o segundo método, onde o endereço de e-mail está localizado. Ative o Divi Visual Builder, role até o rodapé e selecione Editar modelo de rodapé .
Arraste o módulo de texto de e-mail acima da notificação de direitos autorais à esquerda.
Abra o módulo de texto inferior. Clique na guia Design e role para baixo até Espaçamento . Adicionar margem superior de -22px. Você também pode pegar a parte superior do módulo e arrastar para cima até chegar a -22px.
- Margem superior: -22px
Clique no ícone cinza Mais na coluna da direita para adicionar um módulo Divi. Procure por Barra Lateral e selecione-a na lista.
As configurações serão abertas. Na caixa suspensa Área de widget , selecione a Área de rodapé que contém seu widget.
Role até as configurações do corpo do texto . Selecione Alinhamento central para o Alinhamento do texto do corpo e escolha preto para a Cor do texto do corpo .
- Alinhamento do corpo do texto: Centro
- Cor do corpo do texto: preto
Abra as configurações de coluna para a linha e selecione 3 colunas. Mova o módulo Sidebar para a coluna à direita.
- Esquema: 3 Colunas
Resultados para nosso rodapé Privacidade e termos
Aqui estão os resultados da privacidade e termos do rodapé Divi usando os dois métodos.
Método 1 Área de trabalho
Veja como fica a versão para desktop com nossos links à direita.
Método 1 Celular
Aqui está a versão para telefone com um menu de hambúrguer com estilo. Abri o menu para mostrar os links.
Método 2 Área de trabalho
Aqui está a área de trabalho com nossos links à direita.
Método 2 Celular
Aqui está a versão do telefone com os links na parte inferior.
Considerações finais sobre privacidade e termos do Divi Footer
Essa é a nossa visão de como criar links de privacidade e termos de rodapé Divi usando módulos Divi. Esses dois métodos oferecem diferentes opções de layout e ambos são simples de criar com o Divi Theme Builder. Eles são fáceis de adicionar e personalizar, tornando sua política de privacidade e páginas de termos e condições prontamente disponíveis para seus leitores.
Nós queremos ouvir de você. Você adicionou links de privacidade e termos do rodapé Divi ao seu site? Deixe-nos saber sobre sua experiência nos comentários.