Adicionar um aviso de isenção de responsabilidade(disclaimer) é uma ótima maneira de fornecer informações importantes ao seu público. É um bom primeiro passo para proteger você e seu site da responsabilidade legal. As isenções de responsabilidade incluem notificações de afiliação, mostrando que as opiniões dos redatores podem não ser as da empresa, etc. Normalmente as vemos no rodapé. Felizmente, isenções de responsabilidade são fáceis de adicionar ao Divi. Neste artigo, veremos três maneiras de adicionar uma isenção de responsabilidade ao rodapé Divi.
Preview
Mensagem de disclaimer estática em desktop
Aqui está a faixa de disclaimer estática em um desktop.
Mensagem de disclaimer estática para mobile
Aqui está a mensagem de isenção de responsabilidade estática em um dispoitivo móvel.
Área de Isenção de responsabilidade fixa no desktop
Aqui está o aviso de isenção de responsabilidade fixa para desktop.
Área de isenção de responsabilidade fixa para dispositivos móveis
Aqui está a isenção de responsabilidade fixa em um telefone.
Mensagem de isenção de responsabilidade animada no desktop
Aqui está o aviso de isenção de responsabilidade animado em uma desktop.
Mensagem de isenção de responsabilidade animada no celular
Aqui está o aviso de isenção de responsabilidade animado em um celular. Desativa a animação e mostra o texto normalmente.
Faça upload de um modelo de rodapé Divi
Usaremos três modelos de rodapé gratuitos diferentes do blog Elegant Themes. Você pode encontrá-los pesquisando “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 Divi Theme Builder . 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, construiremos um aviso de isenção de responsabilidade estático em uma nova seção na parte inferior do rodapé. Este exemplo usa o modelo de rodapé do Cabeçalho e Rodapé para o Pacote de Layout “Blogger ” . 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 no ícone de engrenagem.
Role para baixo até Plano de Fundo e defina-o como Preto.
- Antecedentes: # 000000
Abra a guia Design e role para baixo até Spacing . 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 vá até Dimensionamento . Defina a largura para 90%. Feche as configurações do módulo.
- Largura: 90%
Abra as configurações do módulo de texto clicando em seu ícone de engrenagem.
Adicione sua isenção de responsabilidade ao corpo. Estou adicionando uma isenção de responsabilidade sobre o conteúdo que está 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 podem 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 uma seção isenção de responsabilidade fixa a um rodapé Divi
Os elementos aderentes permanecem no lugar enquanto você rola. Você tem controle sobre como e onde eles funcionam. Criaremos um aviso de isenção de responsabilidade que aparecerá na parte superior do rodapé e permanecerá no lugar até atingir seu local final na parte inferior da página.
Criaremos um aviso de que o texto escrito é a opinião do autor e não deve ser usado no lugar de ajuda profissional. Estou usando o rodapé do Cabeçalho e Rodapé do Pacote de Layout de Advogado de Imigração da Divi para este exemplo.
Passe o mouse sobre a linha inferior e selecione as opções de layout. Esta linha atualmente possui duas colunas. Escolha a opção com ¼, ½, ¼ colunas. Isso nos dá uma grande seção para o aviso de isenção.
Arraste e solte o módulo Texto do centro para o local à direita.
Na coluna central, clique no ícone de adição cinza escuro e pesquise por Texto. Adicione o módulo Texto à coluna.
O módulo Texto será aberto. Adicione sua isenção de responsabilidade ao Corpo . O aviso legal é com você. Estou adicionando este:
- Corpo: Este conteúdo era exato, 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 conselho profissional.
Role para baixo até Plano de fundo e adicione # fd643a. a linha já tem esse fundo, mas queremos incluí-lo no módulo para que 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é Spacing e adicione 20px padding para a parte superior e inferior e 5% para a esquerda e direita.
- Preenchimento: 20 px superior, 20 px inferior, 5% esquerdo, 5% direito
Selecione a guia Avançado e role para baixo até Efeitos de rolagem . Escolha Stick to Bottom para a posição sticky . Abra a caixa suspensa Top Sticky Limit e selecione Section . Clique na marca de seleção verde para fechar este módulo.
- sticky position: Sticky to bottom
- Top position limit: 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 Texto à direita, selecione a guia Design e adicione 26px de preenchimento à parte superior e inferior, salve as configurações do módulo e salve seu trabalho.
- Preenchimento: 26px superior, 26px inferior
Adicionar uma isenção de responsabilidade animada ao rodapé Divi
Para este exemplo, estou usando o modelo de rodapé do Cabeçalho e Rodapé para o Pacote de Layout de Aulas de Golfe da Divi . Vamos adicionar uma nova linha com uma notificação de texto e animar 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 o texto do aviso de isenção de responsabilidade ao Corpo . Estou usando um aviso de isenção de responsabilidade que informa aos visitantes que o site inclui links de afiliados.
Observe que qualquer site que usa links afiliados também precisa incluir as notificações adequadas nas páginas e postagens que os usam. 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 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
- Tamanho do texto do texto (desktop): 16px
- Altura da linha: 2em
Selecione a guia Telefone no tamanho do texto e defina-o para 14px.
- Tamanho do texto 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 da linha deste módulo. Vá para a guia Design e adicione preenchimento de 50 px na parte superior e de 25 px na parte inferior.
- Preenchimento: 50px superior, 25px inferior
Abra as configurações para a linha inferior , selecione a guia Design e vá para Espaçamento . Desconecte o vínculo entre o valor superior e inferior e altere o superior para 25px.
- Preenchimento: 25px Top
Feche seu módulo e salve suas configurações.
Resultados
Isenção de responsabilidade estática no desktop
Aqui está a isenção de responsabilidade estática em um desktop.
Isenção de responsabilidade estática em dispositivos móveis
Aqui está a isenção de responsabilidade estática em um celular.
Isenção de responsabilidade no desktop
Aqui está o aviso de isenção de responsabilidade em um desktop.
Isenção de responsabilidade no celular
Aqui está a isenção de responsabilidade fixa em um telefone.
Mensagem de isenção de responsabilidade no desktop animada
Aqui está o aviso de isenção de responsabilidade animado em uma área de trabalho.
Isenção de responsabilidade animada para celular
Aqui está o aviso de isenção de responsabilidade animado em um telefone. Desativa a animação e mostra o texto normalmente.
Conclusão
Esta é a nossa visão sobre como adicionar um aviso de isenção de responsabilidade ao rodapé do Divi. As isenções de responsabilidade são importantes para informar o seu público sobre o uso de conselhos, links de afiliados, etc. O rodapé é um excelente local para isso. Este artigo cobre várias opções para adicionar o aviso de isenção e exibi-lo de maneiras que se destaquem ou se misturem. Nem todo site precisará de um aviso de isenção, mas para aqueles que precisam, este artigo o ajudará a começar.
0 comentários