La navegación y los encabezados adhesivos solían ser un detalle estilístico y muchas de las principales marcas de hoy los usan. Encontrarás navegación fija en Sony, Facebook, Google+, Adidas, Nike, CNN y muchos otros sitios web, y todos se ven modernos. Pero a la vez de tener un aspecto elegante, hay muchos beneficios de agregar un plugin de encabezado fijo a su sitio web de WordPress:
- Navegación más sencilla
- Mejor marca
- Más páginas vistas por visita
- Tasa de rebote más baja
Al mismo tiempo hay algunas desventajas de tener una navegación fija en su sitio web, debido a que introduce más desorden y les da a los usuarios la capacidad de navegar más rápido, por lo que no es bueno tenerlo en sus páginas de destino. Muchos sitios web no lo necesitan, pero frecuentemente lo implementan solo por estar a la moda.
Si lo decide e implementa, consulte sus datos de Google Analytics para ver si su plugin de encabezado fijo realmente mejora sus métricas clave de rendimiento. Los encabezados fijos pueden ayudar a la usabilidad web y al SEO, de esta manera solo verifique si es adecuado para su sitio. Tener algo tan importante en su sitio web que no mejora la experiencia del usuario y se interpone en el camino del objetivo de su sitio web puede ser un gran problema.
Hay muchos tutoriales que le ayudarán a realizar la navegación fija usted mismo. Si no quiere perder el tiempo codificando y diseñando su navegación fija, puede intentar instalar un tema de WordPress que tenga un encabezado fijo incorporado. Tema total de WordPress presenta navegación adhesiva (que es súper customizable por cierto), pero si su tema actual no admite encabezados adhesivos, siga leyendo. Voy a cubrir las mejores opciones de plugins de encabezados adhesivos para WordPress, tanto gratuitos como premium.
Cuando se trata de ampliar la funcionalidad de su sitio web, existen múltiples opciones y todas vienen en forma de plugins gratuitos o premium (pagos). Las opciones gratuitas son bastante buenas, pero por lo general, un plugin de encabezado fijo premium vendrá con muchas funciones que no puede obtener de forma gratuita. Esto incluye opciones que le posibilitan controlar cada segmento de su encabezado o incluso reemplazarlo, así como soporte y actualizaciones premium. Para algo tan importante como el encabezado de WordPress, creo que cabe destacar echarle un vistazo.
1. Menú fijo (o cualquier cosa) en el plugin Scroll Free WordPress
Sticky Menu (o Anything) on Scroll es su respuesta si desea que cualquier elemento de su página web sea pegajoso. El plugin de forma general se usa para arreglar el menú en la parte de arriba de la página, pero al mismo tiempo puede usarlo para hacer un encabezado adhesivo.
Aunque funciona bastante bien en la mayoría de las situaciones, no es una solución sencilla ya que necesita que uses un poco de codificación. Pero si eres de los que no le importa lidiar con CSS, sigue leyendo. Las características incluyen:
- Haga que cualquier elemento de su página sea pegajoso tan pronto como llegue a la parte de arriba
- El elemento debe tener un nombre, clase o identificación únicos
- Opción para agregar espacio entre el encabezado fijo y la parte de arriba de la página
- Especifique tamaños de pantalla mínimos y máximos para la función adhesiva
- No afecta la barra de herramientas del administrador en la parte de arriba de la página
A pesar de todo, un inconveniente es que, en algunos casos, el encabezado no cambia de tamaño para adaptarse al tamaño del navegador. A parte de esto, le posibilita activar algunos estilos de los items solo cuando están pegajosos.
Con este plugin, al mismo tiempo puede hacer que otros items sean adhesivos: cuadros de llamada a la acción, logotipos o incluso pancartas promocionales. Pero como requiere que los usuarios elijan manualmente el selector correcto para que el elemento de la página sea corregido, puede que no sea el favorito de todos. A la vez, este plugin funciona para hacer que solo un elemento sea pegajoso a la vez.
2. Complemento de WordPress Premium de Mega Main Menu
El Mega Menú Principal es uno de los principales plugins de menú del mercado. No solo ofrece opciones para mega menús, menús desplegables, optimización teléfono celular, soporte de traducción y toneladas de personalizaciones, sino que al mismo tiempo incluye una opción adhesiva súper útil.
Una vez que instale y active el plugin, simplemente use las opciones fáciles en Apariencia> Mega Menú principal para configurarlo. Allí encontrará opciones para:
- Habilitando un menú pegajoso
- Determinar desplazamiento de desplazamiento adhesivo
- Fuentes, colores e iconos personalizados
- Listas deplegables
- RTL y traducción lista
- Ocultar / mostrar items en el desplazamiento
- Códigos cortos y widgets fáciles de usar
Las opciones de este plugin de encabezado fijo son fáciles de usar, por lo que no debería pasar mucho tiempo antes de que tenga una navegación y una marca fijas en su sitio web.
3. Encabezado adhesivo simple en el plugin de WordPress sin desplazamiento
Agregue un encabezado adhesivo simple a cualquier tema de WordPress con el encabezado adhesivo simple gratuito en Scroll. Este plugin de encabezado adhesivo ofrece una configuración rápida con opciones fáciles para su logotipo, colores, un «botón de siguiente publicación», menús desplegables y más. Este plugin gratuito te posibilita controlar muchas cosas, como:
- Logotipo personalizado
- Opciones de color integradas
- Opción de enlace «Entrada siguiente»
- Menú desplegable en el teléfono celular
- Visibilidad del menú de distancia de desplazamiento personalizado
- Incorporación con WordPress Live Customizer
Esa última característica es muy útil, ya que puede obtener una vista previa de las ediciones de los encabezados adhesivos en vivo a medida que las realiza. Luego, publique sus cambios para actualizar rápidamente su sitio web.
4. Complemento de WordPress de Awesome Header Premium
Awesome Header es un plugin de encabezado fijo «profesional». Lo que encontrará interesante aquí es que no solo puede servir como su navegación fija, sino que puede reemplazar todo su encabezado de WordPress con él.
Solo necesita reemplazar su marcado de encabezado existente con una pequeña función y su encabezado de WordPress será reemplazado por Awesome Header. A partir de ahí, puedes modificar cualquier cosa que puedas imaginar. Hay todo lo que encuentras en la versión gratuita y algunos:
- Posibilidad de reemplazar todo el encabezado de WordPress
- 3 niveles de navegación
- 100% receptivo
- Mejor SEO con Breadcrumb Microdata
- Soporte de WooCommerce y bbPress para Breadcrumbs
- Opciones de color ilimitadas
- Imagen de fondo o patrón
- Menú secundario (3 puntos verticales)
- Navegación fija
- 3 tipos de búsqueda (subrayado, campo de búsqueda simple y diapositiva debajo del encabezado)
- Relleno de items de menú (izquierda / derecha); al mismo tiempo para encabezado adhesivo
- Fondo del elemento de menú
- Tamaños de fuente para todos los items
- Transparencia para menús y submenús
- El menú social con Genericons lo prepara para la retina
- Etiquetas de navegación
Si eres un desarrollador y quieres tener aún más control sobre las áreas de tu encabezado, puedes hacerlo, ya que Awesome Header es muy extensible usando sus muchos Filter & Action Hooks.
5. Complemento de WordPress Premium Hero Mega Menu
Este presenta un diseño completamente flexible y customizable, repleto de opciones para solo un par de funciones de su encabezado. Hero Mega Menu es muy fácil de usar, ya que utiliza una interfaz de arrastrar y soltar para crear un diseño de menú personalizado. Y el constructor de estructuras funciona igual que los menús normales de WordPress: simplemente anida items para crear menús desplegables y edítelos para crear mega menús. Al mismo tiempo cuenta con:
- Opciones de transparencia
- 60 preajustes de color
- Diseño de respuesta
- Soporte de mapas, imágenes, listas, publicaciones y texto
- Fondos personalizados
- 270 iconos ElegantThemes
- Navegación teléfono celular
- Menú pegajoso (¡de todos modos!)
Y puedes hacer mucho más. El plugin al mismo tiempo admite CSS personalizado, incluye opciones de diseño de ancho fijo y completo, opciones de sombras y esquinas redondeadas, varias animaciones, compatibilidad con fuentes de Google y más.
6. Complemento de WordPress gratuito myStickymenu
myStickymenu es un plugin esbelto que simplemente hace lo que se propone hacer: agregar una función pegajosa a un elemento en sus páginas web. Responde y admite varios idiomas. Las principales características incluyen:
- Flexible y customizable
- Podrá agregar código CSS personalizado para diseñar su encabezado fijo
- Puede establecer valores para arreglar el encabezado dependiendo de qué tan abajo se desplace el usuario
- El encabezado puede ser de ancho completo o cualquier límite que especifique
myStickymenu es simple y, en su mayoría, funciona desde el primer momento. Aún cuando está diseñado con el tema Twenty Thirteen en mente, anda bastante bien para la mayoría de los otros temas, aunque puede requerir cierta cantidad de CSS personalizado para diseñar el encabezado de la manera que desee.
7. Complemento de WordPress QuadMenu Premium
QuadMenu es un generador de menús personalizados fácil de usar con una interfaz de arrastrar y soltar. Puede usar los items incorporados para un diseño de mega menú, íconos, enlaces sociales, carrito de compras, widgets y más para crear el menú perfecto para su sitio web. A la vez, el plugin incluye un menú fijo en la opción de desplazamiento, lo que hace que la navegación sea aún más fácil de usar para sus lectores. Otras características asombrosas incluyen:
- Creador de menús de arrastrar y soltar
- Logotipo personalizado
- Temas de estilo de menú ilimitados
- Disposición horizontal o vertical
- Pegajoso en desplazamiento
- Mega menú compatible
- Fuentes personalizadas
- Compatible con Visual Composer
Otra característica única que distingue a QuadMenu de los demás son las capacidades de desarrollo. Es una excelente opción para desarrolladores de temas o autónomos que trabajan en sitios de clientes personalizados, ya que hay funciones integradas para archivos .less, opciones personalizadas, filtros, estilos y más.
8. Plugin de WordPress gratuito de encabezado fijo y fijo
Fixed and Sticky Header hace un buen trabajo al hacer que su encabezado o menú sea fijo, y hacerlo visible en su sitio web en todo momento. Deberá especificar la identificación o clase del encabezado en la configuración del plugin. Tú al mismo tiempo puedes:
- Elija el color de fondo del encabezado
- Elija el color del texto para el encabezado
- Establezca la distancia de desplazamiento a la que el encabezado debe volverse pegajoso
9. Encabezado fijo en el plugin Scroll Premium para WordPress
El encabezado adhesivo en Scroll para WordPress es un plugin sencillo para agregar un encabezado adhesivo que ofrece un montón de opciones de personalización. La instalación es fácil y tendrá un encabezado fijo en muy poco tiempo. Está salpicado de opciones útiles que incluyen:
- Apuntar y hacer clic en la personalización para combinar el encabezado con cualquier tema
- Suavemente sensible, ajustándose a cualquier tamaño de pantalla
- Incluye un diseño delgado alternativo
- Incluye etiqueta de botón personalizada para el menú desplegable, opcionalmente ocultar el menú
- Cargar la imagen del logotipo o mostrar el texto, opcionalmente ocultar el logotipo
- Úselo para mostrar el título de la publicación o los botones para compartir o la próxima publicación en las publicaciones del blog
- Desactive la adherencia en los móviles, si lo desea
- Incorporación de personalizador en vivo para ayudarlo a obtener una vista previa de los cambios
Aparte de eso, este plugin liviano al mismo tiempo puede ocultar el encabezado de su tema existente. A la vez, puede fijar la distancia de desplazamiento a la que el encabezado se volverá pegajoso y cambiar los colores, el color de fondo, la imagen de fondo, la opacidad y más. Solución integral integral para agregar un toque pegajoso a su encabezado.
10. Complemento Premium Site Content Navigator para WordPress
Si crea muchas páginas de destino o contenido extenso (como guías o estudios detallados), el navegador de contenido del sitio es un plugin útil que quizás desee verificar. Con este plugin, puede habilitar una navegación fija en cualquiera de sus publicaciones, páginas y / o tipos de publicaciones personalizadas. Luego, use las opciones para configurar el final de la barra, la superposición, los selectores CSS de sección (encabezados, divs, etc.), información sobre herramientas, visibilidad y más.
- Menú pegajoso
- Barra de progreso customizable
- Determinar secciones de página
- Ajustes avanzados
- Información sobre herramientas
- Opciones personalizadas de fuente y CSS
- Opciones por publicación
- Widget de barra lateral
Conclusión
Veremos más y más sitios que adoptan encabezados fijos y navegación fija, pero si no se hace correctamente, estos items fijos del sitio web pueden distraer y contribuir a bajas tasas de conversión. La navegación pegajosa puede ser demasiado grande para algunas pantallas, por lo que debe asegurarse de que no ocupe demasiado espacio en las pantallas de los dispositivos móviles.
La marca y la navegación de su sitio web deben contribuir a la agradable sensación de navegar y debe ser de fácil acceso.
Los encabezados fijos nunca deben competir con su contenido para llamar la atención.
Considere experimentar con encabezados fijos, supervise su tráfico, conversiones y comportamiento del usuario utilizando plataformas analíticas. Si se configuran correctamente, los plugins de WordPress de encabezado fijo pueden brindarle más clientes que regresan, usuarios más satisfechos y, en última instancia, más conversiones.
