3 maneiras de adicionar uma isenção de responsabilidade ao rodapé Divi

Adicionar um aviso legal é uma ótima maneira de fornecer informações importantes ao seu público. É um bom primeiro passo para proteger você e seu site contra responsabilidade legal. As isenções de responsabilidade incluem notificações de afiliados, mostrando que as opiniões dos redatores podem não ser as da empresa-mãe, etc. Geralmente as vemos no rodapé. Felizmente, isenções de responsabilidade são fáceis de adicionar ao Divi. Neste artigo, veja 3 maneiras de adicionar um aviso de isenção de responsabilidade ao rodapé do Divi.

Visualizar

Isenção de responsabilidade estática da área de trabalho

Aqui está a isenção de responsabilidade estática em uma área de trabalho.

Isenção de responsabilidade estática móvel

Aqui está o aviso estático em um telefone.

Isenção de responsabilidade do desktop

Aqui está o aviso de isenção de responsabilidade em uma área de trabalho.

Isenção de responsabilidade móvel

Aqui está o aviso de isenção de responsabilidade em um telefone.

Isenção de responsabilidade com animação para desktop

Aqui está o aviso animado em uma área de trabalho.

Isenção de responsabilidade animada para dispositivos móveis

Aqui está o aviso animado em um telefone. Desativa a animação e mostra o texto normalmente.

Carregar um modelo de rodapé Divi

Usaremos três diferentes modelos de rodapé gratuitos do blog Elegant Themes. Você pode encontrá-los pesquisando por “rodapé grátis” no blog. Para usá-los, descompacte o arquivo de download. No WordPress, vá para Divi > Theme Builder e selecione Portabilidade . Clique em Importar no modal que se abre. Navegue até o seu arquivo e selecione-o. Clique em Importar modelos do construtor de temas Divi . Aguarde a conclusão do upload e salve suas configurações.

Adicionar uma isenção de responsabilidade estática ao rodapé Divi

Para este exemplo, criaremos um aviso estático em uma nova seção na parte inferior do rodapé. Este exemplo usa o modelo de rodapé do Header & Footer for Divi's Blogger Layout Pack. Passe o mouse sobre a última linha e clique no ícone azul e clique em Regular para adicionar uma nova seção.

Selecione a linha de largura total .

Adicione um módulo de texto e feche suas configurações. Voltaremos a isso depois de fazer alguns ajustes na seção e na linha.

Abra as configurações da Seção clicando em seu ícone de engrenagem.

Role para baixo até Plano de fundo e defina-o como Preto.

• Plano de fundo: #000000

Abra a guia Design e role para baixo até Espaçamento . Adicione preenchimento de 0px para a parte superior e inferior. Feche as configurações do módulo.

• Preenchimento: 0px superior, 0px inferior

Abra as configurações de linha clicando em seu ícone de engrenagem.

Abra a guia Design e role até Dimensionamento . Defina a largura para 90%. Feche as configurações do módulo.

• Largura: 90%

Abra as configurações do módulo Texto clicando no ícone de engrenagem.

Adicione seu aviso de isenção de responsabilidade ao corpo. Estou adicionando um aviso sobre o conteúdo sendo criado por vários autores e suas opiniões podem não refletir as do site.

• Corpo: O conteúdo deste site inclui artigos com opiniões de vários autores e pode não refletir as opiniões desta empresa.

Selecione a guia Design e role até o corpo do texto . Defina a cor do texto para #777777 e feche as configurações do módulo.

• Cor do texto do texto: #777777

Salve seu trabalho.

Adicionar um aviso de isenção de responsabilidade a um rodapé Divi

Elementos aderentes permanecem no lugar enquanto você rola. Você tem controle sobre como e onde eles trabalham. Criaremos um aviso de isenção de responsabilidade que aparece na parte superior do rodapé e permanece no local até chegar ao local final na parte inferior da página.

Criaremos um aviso de que a escrita é a opinião do autor e não deve ser usada no lugar de ajuda profissional. Estou usando o rodapé do Header & Footer for Immigration Lawyer Layout Pack da Divi para este exemplo.

Passe o mouse sobre a linha inferior e selecione as opções de layout. Esta linha tem atualmente duas colunas. Escolha a opção com colunas 1/4, 1/2, 1/4. Isso nos dá uma grande seção para o aviso legal.

Arraste e solte o módulo Texto no centro para o local à direita.

Na coluna central, clique no ícone de adição cinza escuro e procure por Texto. Adicione o módulo Texto à coluna.

O módulo Texto será aberto. Adicione sua isenção de responsabilidade ao corpo . A isenção de responsabilidade fica a seu critério. Estou adicionando este:

• Corpo: Este conteúdo foi preciso de acordo com o melhor conhecimento do autor no momento da redação. Destina-se apenas a informação e não se destina a substituir o aconselhamento profissional.

Role para baixo até Background e adicione #fd643a. a linha já tem esse plano de fundo, mas queremos incluí-lo no módulo para que ele seja exibido quando o módulo estiver visível fora dessa linha.

• Plano de fundo: #fd643a

Guia Design

Selecione a guia Design e escolha preto para a Cor do texto . Usaremos a fonte e o peso padrão para este.

• Cor do texto do texto: #000000

Role até Espaçamento e adicione preenchimento de 20px para a parte superior e inferior e 5% para a esquerda e a direita.

• Preenchimento: 20px superior, 20px inferior, 5% esquerdo, 5% direito

Selecione a guia Avançado e role para baixo até Efeitos de rolagem . Escolha Stick to Bottom para Sticky Position . Abra a caixa suspensa Top Sticky Limit e selecione Section . Clique na marca de verificação verde para fechar este módulo.

• Posição pegajosa: Stick para baixo
• Limite de aderência superior: seção

Abra as configurações do módulo Texto à esquerda, selecione a guia Design e adicione 26px de preenchimento à parte superior e inferior e salve as configurações do módulo.

• Preenchimento: 26px superior, 26px inferior

Por fim, as configurações do módulo Text à direita, selecione a guia Design e adicione 26px de padding ao Top e Bottom e salve as configurações do módulo e salve seu trabalho.

• Preenchimento: 26px superior, 26px inferior

Adicione um aviso animado ao rodapé do Divi

Para este exemplo, estou usando o modelo de rodapé do Header & Footer for Divi's Golf Lessons Layout Pack. Adicionaremos uma nova linha com uma notificação de texto e animaremos o texto. Passe o mouse sobre a última linha e clique no ícone de mais verde para adicionar uma nova linha .

Arraste a linha acima da linha inferior e adicione um módulo de texto .

Adicione seu texto de isenção de responsabilidade ao corpo . Estou usando um aviso que informa aos visitantes que o site inclui links de afiliados.

Observe que qualquer site que use links de afiliados também precisa incluir as notificações apropriadas nas páginas e postagens que os utilizam. Pesquise as leis de notificação de afiliados em seu país. Para os EUA, essa é a divulgação da afiliada da FTC.

• Corpo: Aviso Legal: Este site contém links de afiliados.

Guia Design

Abra a guia Design e altere a fonte para Poppins , defina a cor para branco e defina o tamanho da área de trabalho para 16px. Defina a altura da linha para 2em.

• Texto: Poppins
• Cor: #ffffff
• Texto Tamanho do texto (computador): 16px
• Altura da linha: 2em

Selecione a guia Telefone no tamanho do texto e defina-o como 14px.

• Texto Tamanho do texto (telefone): 14px

Role para baixo até Animação e selecione seu estilo de animação preferido. Estou selecionando Zoom . A animação não será exibida na versão do telefone.

• Estilo de animação: Zoom

Abra as configurações de linha para este módulo. Vá para a guia Design e adicione preenchimento de 50px na parte superior e 25px na parte inferior.

• Preenchimento: 50px superior, 25px inferior

Abra as configurações para a linha inferior , selecione a guia Design , vá para Espaçamento . Desconecte o preenchimento superior e inferior e altere o topo para 25px.

• Preenchimento: 25px superior

Feche seu módulo e salve suas configurações.

Resultados

Isenção de responsabilidade estática da área de trabalho

Aqui está a isenção de responsabilidade estática em uma área de trabalho.

Isenção de responsabilidade estática móvel

Aqui está o aviso estático em um telefone.

Isenção de responsabilidade do desktop

Aqui está o aviso de isenção de responsabilidade em uma área de trabalho.

Isenção de responsabilidade móvel

Aqui está o aviso de isenção de responsabilidade em um telefone.

Isenção de responsabilidade com animação para desktop

Aqui está o aviso animado em uma área de trabalho.

Isenção de responsabilidade animada para dispositivos móveis

Aqui está o aviso animado em um telefone. Desativa a animação e mostra o texto normalmente.

Pensamentos finais

Essa é a nossa visão de como adicionar um aviso de isenção de responsabilidade ao rodapé do Divi. As isenções de responsabilidade são importantes para informar seu público sobre como usar seus conselhos, links de afiliados etc. O rodapé é um excelente local para isso. Este artigo abrange várias opções para adicionar o aviso de isenção de responsabilidade e exibi-lo de maneira que se destaque ou se misture. Nem todos os sites precisarão de um aviso de isenção de responsabilidade, mas para aqueles que precisam, este artigo ajudará você a começar.

Nós queremos ouvir de você. Você usou um desses métodos para adicionar um aviso de isenção de responsabilidade ao seu rodapé Divi? Deixe-nos saber nos comentários.