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
- Faça login no painel do WordPress.
- Navegue até Plugins > Adicionar novo.
- Na barra de pesquisa, digite WPFront Notification Bar ou Simple Banner.
- Clique em Install Now (Instalar agora) e, em seguida, clique em Activate (Ativar).
Etapa 2: Configurar as definições do plug-in
- Depois de ativado, navegue até Settings > WPFront Notification Bar (ou o plugin que você instalou).
- Personalize a mensagem de notificação nas configurações. Você pode adicionar texto, links ou até mesmo botões (para promoções ou CTAs).
- Escolha a posição do aviso (parte superior ou inferior da página) e selecione as cores de fundo e do texto.
- 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
- Depois de personalizar o aviso, clique em Save (Salvar) ou Publish (Publicar) para ativar o aviso em todo o site.
- 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
- No painel do WordPress, vá para Appearance > Customize (Aparência > Personalizar).
- 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
- Adicione o texto que você deseja exibir em todo o site no campo fornecido.
- Personalize as cores, o tamanho da fonte e o posicionamento do banner.
- 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
- Quando você estiver satisfeito com a personalização, clique em Publish (Publicar).
- 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
- Vá para o painel do WordPress e navegue até Appearance > Theme File Editor.
- Localize o arquivo header.php ou footer.php (dependendo de onde você deseja que o aviso apareça).
- 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
- Vá para Appearance > Customize (Aparência > Personalizar) e clique em Additional CSS (CSS adicional).
- 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; }
- 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
- Vá para Templates > Theme Builder (Modelos > Construtor de temas) no Elementor (ou o equivalente em seu construtor de páginas).
- 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
- 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).
- 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.