A navegação fixa e os cabeçalhos fixos costumavam ser um detalhe estilístico e muitas das principais marcas de hoje os usam. Você encontrará navegação fixa na Sony, Facebook, Google+, Adidas, Nike, CNN e muitos outros sites e todos eles parecem modernos. Mas, além de parecer elegante, há muitos benefícios em adicionar um plugin de cabeçalho fixo ao seu site WordPress:
- Navegação mais fácil
- Melhor marca
- Mais visualizações de página por visita
- Menor taxa de rejeição
Há também alguns contras em ter uma navegação fixa em seu site, porque ela apresenta mais confusão e dá aos usuários a capacidade de navegar mais rápido, então não é bom tê-la em suas páginas de destino. Muitos sites não precisam disso, mas muitas vezes o implementam apenas para estar na moda.
Se você decidir e implementá-lo, consulte seus dados do Google Analytics para ver se seu plug-in de cabeçalho fixo realmente melhora suas principais métricas de desempenho. Os cabeçalhos fixos podem contribuir para a usabilidade da Web e SEO , portanto, verifique se é adequado para o seu site. Ter algo tão importante em seu site que não melhora a experiência do usuário e atrapalha o objetivo do seu site pode ser um grande problema.
Existem muitos tutoriais para ajudá-lo a fazer a navegação fixa. Se você não quer perder tempo codificando e estilizando sua navegação fixa, você pode tentar instalar um tema WordPress que tenha um cabeçalho fixo embutido . o tema atual não suporta cabeçalhos fixos, então continue lendo. Eu vou cobrir as melhores opções de plugins de cabeçalho fixo para WordPress, tanto grátis quanto premium.
Quando se trata de estender a funcionalidade do seu site, existem várias opções e todas elas vêm na forma de plugins gratuitos ou premium (pagos). As opções gratuitas são ótimas, mas normalmente um plug-in de cabeçalho fixo premium virá com muitos recursos que você não pode obter gratuitamente. Isso inclui opções que permitem controlar todos os segmentos do seu cabeçalho ou até mesmo substituí-lo, além de suporte e atualizações premium. Para algo tão importante quanto o cabeçalho do WordPress, acredito que vale a pena conferir.
Isenção de responsabilidade: WPExplorer é um afiliado de um ou mais produtos listados abaixo. Se você clicar em um link e concluir uma compra, podemos fazer uma comissão.
1. Menu Fixo (ou qualquer coisa) no Plugin WordPress Scroll Free
Sticky Menu (ou qualquer coisa) no Scroll é a sua resposta se você quiser tornar qualquer elemento da sua página da web fixo. O plug-in geralmente é usado para corrigir o menu no topo da página, mas você também pode usá-lo para criar um cabeçalho fixo.
Embora funcione muito bem na maioria das situações, não é uma solução direta, pois precisa que você use um pouco de codificação. Mas se você é um daqueles que não se importa em lidar com CSS, continue lendo. Características incluem:
- Torne qualquer elemento da sua página grudento assim que chegar ao topo
- O elemento precisa ter um nome, classe ou id exclusivo
- Opção para adicionar espaço entre o cabeçalho fixo e o topo da página
- Especifique os tamanhos de tela mínimo e máximo para o recurso fixo
- Não afeta a barra de ferramentas do administrador na parte superior da página
Uma desvantagem, no entanto, é que, em alguns casos, o cabeçalho não é redimensionado para se adequar ao tamanho do navegador. Por outro lado, permite que você ative alguns estilos para os elementos apenas quando eles estiverem grudentos.
Usando este plug-in, você também pode tornar outros elementos aderentes – caixas de chamada para ação, logotipos ou até banners promocionais. Mas, como exige que os usuários escolham manualmente o seletor certo para o elemento da página a ser corrigido, pode não ser o favorito de todos. Além disso, este plugin funciona para tornar apenas um elemento fixo de cada vez.
2. Plugin WordPress Premium do Mega Menu Principal
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
O Mega Main Menu é um dos principais plugins de menu do mercado. Ele não apenas oferece opções para mega menus, menus suspensos, otimização para dispositivos móveis, suporte a tradução e toneladas de personalizações, mas também inclui uma opção adesiva super útil.
Depois de instalar e ativar o plugin, basta usar as opções fáceis em Aparência > Mega Menu Principal para configurá-lo. Lá você encontrará opções para:
- Habilitando um menu fixo
- Definir deslocamento de rolagem adesiva
- Fontes, cores e ícones personalizados
- Listas suspensas
- Pronto para RTL e tradução
- Ocultar/Mostrar itens na rolagem
- Códigos de acesso e widgets fáceis de usar
As opções neste plug-in de cabeçalho fixo são fáceis de usar, portanto, não deve demorar muito para que você tenha uma navegação e uma marca fixas funcionando em seu site.
3. Cabeçalho Fixo Simples no Plugin WordPress Scroll Free
Adicione um cabeçalho pegajoso simples a qualquer tema do WordPress com o cabeçalho pegajoso simples gratuito no Scroll. Este plug-in de cabeçalho fixo oferece uma configuração rápida com opções fáceis para seu logotipo, cores, um “botão de próxima postagem”, menus suspensos e muito mais. Este plugin gratuito coloca você no controle de muitas coisas, como:
- Logotipo personalizado
- Opções de cores incorporadas
- Opção de link “Próxima postagem”
- Suspensão no celular
- Visibilidade do menu de distância de rolagem personalizada
- Integração do personalizador ao vivo do WordPress
Esse último recurso é super útil, pois você pode visualizar suas edições de cabeçalho ao vivo à medida que as faz. Em seguida, basta publicar suas alterações para atualizar rapidamente seu site.
4. Plugin WordPress de Cabeçalho Impressionante
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
Awesome Header é um plugin de cabeçalho fixo “pro”. O que você achará interessante aqui é que ele não apenas pode servir como sua navegação fixa, mas você pode substituir todo o cabeçalho do WordPress por ele.
Você só precisa substituir sua marcação de cabeçalho de saída por uma pequena função e seu cabeçalho do WordPress será substituído por Awesome Header. A partir daí, você pode ajustar qualquer coisa que possa imaginar. Tem tudo que você encontra na versão gratuita e mais alguns:
- Capacidade de substituir todo o seu cabeçalho do WordPress
- 3 níveis de navegação
- 100% responsivo
- Melhor SEO com microdados Breadcrumb
- Suporte WooCommerce e bbPress para Breadcrumbs
- Opções de cores ilimitadas
- Imagem de fundo ou padrão
- Menu secundário (3 pontos verticais)
- Navegação fixa
- 3 tipos de pesquisa (sublinhado, campo de pesquisa simples e slide abaixo do cabeçalho)
- Preenchimento de itens de menu (esquerda/direita); também para cabeçalho pegajoso
- Plano de fundo do item de menu
- Tamanhos de fonte para todos os elementos
- Transparência para menus e submenus
- Menu social com Genericons deixa pronto para retina
- Rótulos de navegação
Se você é desenvolvedor e deseja ainda mais controle sobre suas áreas de cabeçalho, você pode fazer isso, pois o Awesome Header é muito extensível usando seus muitos ganchos de filtro e ação.
5. Plugin WordPress Premium do Hero Mega Menu
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
Este apresenta um layout totalmente flexível e personalizável, repleto de opções para quase todos os recursos do seu cabeçalho. O Hero Mega Menu é super fácil de usar, pois utiliza uma interface de arrastar e soltar para criar um design de menu personalizado. E o construtor de estrutura funciona como menus normais do WordPress – simplesmente aninhe elementos para criar menus suspensos e edite-os para criar mega menus. Também apresenta:
- Opções de transparência
- 60 predefinições de cores
- Design responsivo
- Suporte a mapas, imagens, listas, postagens e textos
- Planos de fundo personalizados
- 270 ícones ElegantThemes
- Navegação móvel
- Menu pegajoso (claro!)
E você pode fazer muito mais. O plug-in também suporta CSS personalizado, inclui opções de layout de largura fixa e total, sombras e opções de cantos arredondados, várias animações, suporte a fontes do Google e muito mais.
6. Plugin WordPress gratuito myStickymenu
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
myStickymenu é um plugin enxuto que simplesmente faz o que se propõe a fazer – adicionar um recurso de aderência a um elemento em suas páginas da web. É responsivo e suporta vários idiomas. As principais características incluem:
- Flexível e personalizável
- Você poderá adicionar código CSS personalizado para estilizar seu cabeçalho fixo
- Pode definir valores para fixar o cabeçalho dependendo de quão longe o usuário rola
- O cabeçalho pode ter largura total ou qualquer limite que você especificar
myStickymenu é simples e funciona principalmente fora da caixa. Embora tenha sido projetado com o tema Twenty Thirteen em mente, ele funciona bem para a maioria dos outros temas, embora possa levar uma certa quantidade de CSS personalizado para estilizar o cabeçalho da maneira que você deseja.
7. Plugin WordPress Premium QuadMenu
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
QuadMenu é um construtor de menu personalizado fácil de usar com uma interface de arrastar e soltar. Você pode usar os elementos integrados para um layout de mega menu, ícones, links sociais, carrinho de compras, widgets e muito mais para criar o menu perfeito para o seu site. Além disso, o plugin inclui um menu fixo na opção de rolagem, tornando a navegação ainda mais fácil para seus leitores usarem. Outros recursos impressionantes incluem:
- Construtor de menus de arrastar e soltar
- Logotipo personalizado
- Temas de estilo de menu ilimitados
- Disposição horizontal ou vertical
- Fixo na rolagem
- Mega menu suportado
- Fontes personalizadas
- Compatível com Visual Composer
Outro recurso exclusivo que diferencia o QuadMenu dos outros são os recursos do desenvolvedor. É uma ótima opção para desenvolvedores de temas ou freelancers que trabalham em sites de clientes personalizados, pois há recursos integrados para arquivos .less, opções personalizadas, filtros, estilos e muito mais.
8. Plugin WordPress Fixo e Fixo de Cabeçalho Gratuito
O cabeçalho fixo e fixo faz um bom trabalho ao tornar seu cabeçalho ou menu fixo e torná-lo visível em seu site o tempo todo. Você precisará especificar o id ou classe do cabeçalho nas configurações do plugin. Você também pode:
- Escolha a cor de fundo do cabeçalho
- Escolha a cor do texto para o cabeçalho
- Defina a distância de rolagem na qual o cabeçalho deve ficar fixo
9. Sticky Header no Plugin Scroll Premium para WordPress
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
Sticky header on Scroll for WordPress é um plugin sem complicações para adicionar um sticky header que oferece várias opções de personalização. A instalação é fácil e você terá um cabeçalho adesivo em pouco tempo. É apimentado com opções úteis que incluem:
- Aponte e clique em personalização para combinar o cabeçalho com qualquer tema
- Suavemente responsivo, ajustando-se a qualquer tamanho de tela
- Inclui um design Slim alternativo
- Inclui rótulo de botão personalizado para menu suspenso, opcionalmente ocultar menu
- Carregue a imagem do logotipo ou exiba o texto, opcionalmente oculte o logotipo
- Use-o para exibir o título da postagem ou os botões de compartilhamento ou a próxima postagem nas postagens do blog
- Desligue a aderência em celulares, se desejar
- Integração do personalizador ao vivo para ajudar você a visualizar as alterações
Além disso, este plugin leve também pode ocultar o cabeçalho do seu tema existente. Além disso, você pode corrigir a distância de rolagem na qual o cabeçalho deve ficar fixo e alterar cores, cor de fundo, imagem de fundo, opacidade e muito mais. Solução abrangente completa para adicionar uma característica adesiva ao seu cabeçalho.
10. Plugin Premium do Site Content Navigator para WordPress
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
Se você cria muitas páginas de destino ou conteúdo longo (como guias detalhados ou estudos), o Site Content Navigator é um plug-in útil que você pode querer fazer check-out. Com este plugin, você pode ativar uma navegação fixa em qualquer uma de suas postagens, páginas e/ou tipos de postagem personalizados. Em seguida, use as opções para definir final de barra, sobreposição, seletores CSS de seção (títulos, divs, etc.), dicas de ferramentas, visibilidade e muito mais.
- Menu fixo
- Barra de progresso personalizável
- Definir seções da página
- Configurações avançadas
- Dicas de ferramentas
- Opções personalizadas de fonte e CSS
- Opções por postagem
- Widget da barra lateral
Conclusão
Veremos mais e mais sites adotando cabeçalhos fixos e navegação fixa, mas se não for feito corretamente, esses elementos fixos do site podem ser uma distração e contribuir para taxas de conversão ruins. A navegação fixa pode ser muito grande para algumas telas, portanto, você precisa garantir que ela não ocupe muito espaço nas telas dos dispositivos móveis.
A marca e a navegação do seu site devem contribuir para a sensação agradável de navegação e devem ser facilmente acessíveis.
Cabeçalhos fixos nunca devem competir com seu conteúdo por atenção.
Considere experimentar cabeçalhos fixos, monitore seu tráfego, conversões e comportamento do usuário usando plataformas analíticas. Se configurados corretamente, os plugins de cabeçalho fixo do WordPress podem trazer mais clientes recorrentes, usuários mais satisfeitos e, finalmente, mais conversões
