WordPress: adicione uma barra de mensagens superior

captura de tela da barra superior

Com o novo site, estava procurando um barra superior para WordPress há algum tempo. Nosso último design de tema, na verdade, tinha uma seção inteira que poderia ser puxada para baixo e anunciava nosso assinatura de email. Isso aumentou o número de assinantes de forma tão significativa que incorporei o campo de assinatura diretamente no cabeçalho do tema.

Agora eu só queria um Barra superior para manter os leitores atualizados sobre as mensagens principais sobre as quais gostaríamos de lembrá-los ... incluindo notícias e eventos. Eu ia escrever isso diretamente no nosso tema, mas descobri WP-Topbar, um plugin de barra superior bem escrito para WordPress. Existiam alguns outros que tinham outros recursos ... como rotação de mensagens ou programação de mensagens, mas a simplicidade desse plugin os conquistou.

captura de tela da barra superior

Apreciei que a barra superior não estava codificada no topo do conteúdo da página; em vez disso, é gerado dinamicamente e aparece com configurações que incluem um atraso e velocidade para exibi-lo ... um toque muito bom! Você pode controlar as cores (e até mesmo a imagem de fundo) da barra, da mensagem, adicionar um link e até mesmo aplicar seu próprio CSS a ele. A administração também tem uma visualização para que você possa visualizar todas as suas alterações antes de colocá-las ao vivo.

propriedades da barra superior

Observe, existem alguns plug-ins de barra superior no mercado que estão cobrando dinheiro ... mas acho que este vale mais!

ATUALIZAR: Eu fiz algumas atualizações no plugin. Agora está carregando de wp_footer em vez de wp_head (isso é WordPress API talk) e atualizei o div para ter um ID e um estilo para corrigir a barra em vez de tê-la relativa. Dessa forma, a barra permanece estável enquanto você rola a página para baixo.

10 Comentários

  1. 1
  2. 3
  3. 5
  4. 6

    Por que isso não está funcionando para mim? Eu tentei este plugin cerca de 6 meses atrás e não conseguia descobrir como. Ele está instalado perfeitamente e gerenciei as configurações corretamente, acho, mas não aparece na página inicial ou no ID da página em que o configurei. Agora levei mais de uma hora para fazê-lo funcionar. Estou farto. Alguem AJUDE!
    Ya eu configurei os tempos corretamente também. (em miliscodes) e a data também. O que eu sinto falta agora?

  5. 9
  6. 10

    Obrigado pelo ótimo post. Eu estava procurando exatamente por isso. No entanto, eu estava procurando uma alternativa de “hello bar” e nenhuma parecia funcionar para mim. Obrigado por este post perspicaz.

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.