Como exibir um aviso em todo o site em um site WordPress ⋆ ALexHost SRL

Teste suas habilidades em todos os nossos serviços de hospedagem e ganhe 15% de desconto!

Utilizar o código no ato da compra:

Skills
21.01.2025

Como exibir um aviso em todo o site em um site WordPress

Exibir um aviso em todo o site em seu site WordPress é uma maneira eficaz de comunicar atualizações, promoções ou anúncios importantes a todos os visitantes. Você pode adicionar facilmente um aviso em todo o site usando plug-ins, personalização de temas ou até mesmo código personalizado. Aqui está um guia passo a passo sobre como fazer isso.


Método 1: Usando um plug-in

A maneira mais fácil de adicionar um aviso em todo o site no WordPress é usar um plug-in. Vários plug-ins permitem que você adicione anúncios, banners ou pop-ups personalizáveis que podem ser exibidos em seu site.

Etapa 1: Instalar e ativar o plug-in

  1. Faça login no painel do WordPress.
  2. Navegue até Plugins > Adicionar novo.
  3. Na barra de pesquisa, digite WPFront Notification Bar ou Simple Banner.
  4. Clique em Install Now (Instalar agora) e, em seguida, clique em Activate (Ativar).

Etapa 2: Configurar as definições do plug-in

  1. Depois de ativado, navegue até Settings > WPFront Notification Bar (ou o plugin que você instalou).
  2. Personalize a mensagem de notificação nas configurações. Você pode adicionar texto, links ou até mesmo botões (para promoções ou CTAs).
  3. Escolha a posição do aviso (parte superior ou inferior da página) e selecione as cores de fundo e do texto.
  4. Defina condições para o aviso, como exibi-lo em todas as páginas ou somente em páginas específicas.

Etapa 3: Salvar e exibir o aviso

  1. Depois de personalizar o aviso, clique em Save (Salvar) ou Publish (Publicar) para ativar o aviso em todo o site.
  2. Visite seu site para verificar se a barra de notificação aparece como esperado.

Método 2: Usar um personalizador de tema (para temas com barras de anúncios incorporadas)

Alguns temas do WordPress vêm com opções integradas para adicionar uma barra de notificação ou banner em todo o site. Se o seu tema tiver esse recurso, siga estas etapas.

Etapa 1: acessar o personalizador de temas

  1. No painel do WordPress, vá para Appearance > Customize (Aparência > Personalizar).
  2. Procure uma opção como Header Options (Opções de cabeçalho), Top Bar (Barra superior) ou Announcement Bar (Barra de anúncios). O local exato dependerá de seu tema.

Etapa 2: Personalizar o aviso

  1. Adicione o texto que você deseja exibir em todo o site no campo fornecido.
  2. Personalize as cores, o tamanho da fonte e o posicionamento do banner.
  3. Adicione todos os links necessários para direcionar os visitantes a uma página específica (por exemplo, uma venda ou anúncio).

Etapa 3: Publicar as alterações

  1. Quando você estiver satisfeito com a personalização, clique em Publish (Publicar).
  2. Verifique seu site para garantir que o aviso esteja ativo e seja exibido corretamente em todas as páginas.

Método 3: Adicionar um aviso em todo o site usando código personalizado

Para ter mais controle, você pode adicionar um aviso em todo o site usando código personalizado. Você precisará de conhecimentos básicos de HTML e CSS para fazer isso.

Etapa 1: adicionar código ao cabeçalho ou rodapé de seu tema

  1. Vá para o painel do WordPress e navegue até Appearance > Theme File Editor.
  2. Localize o arquivo header.php ou footer.php (dependendo de onde você deseja que o aviso apareça).
  3. Insira o seguinte código no local apropriado (antes da tag de fechamentoou

    ):

    Este é um anúncio importante! Saiba mais aqui.

Etapa 2: adicionar CSS personalizado para estilizar o aviso

  1. Vá para Appearance > Customize (Aparência > Personalizar) e clique em Additional CSS (CSS adicional).
  2. Adicione o CSS a seguir para estilizar o aviso:
    .sitewide-notice { background-color: #f39c12; color: #ffffff; text-align: center; padding: 10px 0; position: fixed; top: 0; width: 100%; z-index: 9999; } .sitewide-notice a { color: #ffffff; text-decoration: underline; }
  3. Clique em Publicar para salvar as alterações.

Etapa 3: verifique o aviso em seu site

Visite seu site para garantir que o aviso esteja sendo exibido corretamente em todas as páginas. Você pode personalizar ainda mais o CSS para alterar a posição, as cores ou as fontes.


Método 4: Usar um construtor de páginas (Elementor, WPBakery, etc.)

Se você estiver usando um construtor de páginas como o Elementor ou o WPBakery, poderá criar um aviso em todo o site adicionando uma seção ao cabeçalho.

Etapa 1: criar uma nova seção

  1. Vá para Templates > Theme Builder (Modelos > Construtor de temas) no Elementor (ou o equivalente em seu construtor de páginas).
  2. Crie uma nova seção e crie seu aviso usando os widgets do construtor (por exemplo, texto, botões, links).

Etapa 2: Exibir o aviso em todo o site

  1. Defina as condições de exibição para que a seção apareça em todas as páginas do seu site (ou somente em páginas específicas).
  2. Publique a seção.

Etapa 3: Personalizar o design

Use a funcionalidade de arrastar e soltar do construtor de páginas para personalizar ainda mais o design, inclusive o posicionamento, as cores e as animações.


Conclusão

Exibir um aviso em todo o site em seu site WordPress é uma ótima maneira de comunicar mensagens importantes aos visitantes. Se você optar por usar um plug-in, as opções internas do seu tema, o código personalizado ou um construtor de páginas como o Elementor, poderá criar facilmente um anúncio atraente que chame a atenção. Escolha o método que melhor se adapte ao seu nível de habilidade e às necessidades do site para obter uma solução perfeita e eficaz.

Teste suas habilidades em todos os nossos serviços de hospedagem e ganhe 15% de desconto!

Utilizar o código no ato da compra:

Skills