La navegación y los Überschriften 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 Netz, 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:
- Einfachere Navigation
- Bestnote
- Mehr Seitenaufrufe pro Besuch
- Absprungrate más baja
Gleichzeitig hat die feste Navigation auf Ihrer Website einige Nachteile, da sie mehr Unordnung verursacht und den Benutzern die Möglichkeit gibt, schneller zu navigieren. Daher ist es nicht gut, sie auf Ihren Zielseiten zu haben. Viele Websites brauchen es nicht, aber sie implementieren es oft nur, um cool zu sein.
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 Nutzername y se interpone en el camino del Ziel de su sitio web puede ser un gran problema.
Es gibt viele Tutorials, die Ihnen helfen, die feste Navigation selbst durchzuführen. Wenn Sie keine Zeit mit dem Codieren und Entwerfen Ihrer Sticky-Navigation verschwenden möchten, können Sie versuchen, ein WordPress-Theme zu installieren, in das ein Sticky-Header integriert ist. Gesamtes WordPress-Theme Es verfügt über eine Sticky-Navigation (die übrigens sehr anpassbar ist). Wenn Ihr aktuelles Thema jedoch keine Sticky-Header unterstützt, lesen Sie weiter. Ich werde die besten Sticky-Header-Plugin-Optionen für WordPress behandeln, sowohl kostenlos als auch Premium.
Wenn es darum geht, die Funktionalität Ihrer Website zu erweitern, gibt es mehrere Optionen, die alle in Form von kostenlosen oder Premium-Plugins (kostenpflichtig) angeboten werden. Die kostenlosen Optionen sind ziemlich gut, aber normalerweise enthält ein Premium-Plugin für feste Header viele Funktionen, die Sie nicht kostenlos erhalten können. Dies umfasst Optionen, mit denen Sie jedes Segment Ihres Headers steuern oder sogar ersetzen können, sowie Premium-Support und -Updates. Für etwas so Wichtiges wie den WordPress-Header halte ich es für einen Blick wert.
1. Menú fijo (o cualquier cosa) en el plugin Scrollen Free WordPress
Sticky Menu (o Anything) on Scroll es su respuesta si desea que cualquier elemento de su página web Sein 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:
- Machen Sie jedes Element auf Ihrer Seite klebrig, sobald es oben angekommen ist
- Das Element muss einen eindeutigen Namen, eine eindeutige Klasse oder eine eindeutige ID haben
- Option zum Hinzufügen von Leerzeichen zwischen festem Header und Seitenanfang
- Geben Sie minimale und maximale Bildschirmgrößen für die Sticky-Funktion an
- Die Administrator-Symbolleiste oben auf der Seite ist davon nicht betroffen
A pesar de todo, un inconveniente es que, en algunos casos, el encabezado no cambia de tamaño para adaptarse al tamaño del Browser. A parte de esto, le posibilita activar algunos estilos de los items solo cuando están pegajosos.
Mit diesem Plugin können Sie gleichzeitig andere Artikel klebrig machen: Aufruf von Aktionsboxen, Logos oder sogar Werbebannern. Da Benutzer jedoch manuell den richtigen Selektor für das zu korrigierende Seitenelement auswählen müssen, ist dies möglicherweise nicht jedermanns Favorit. Mit diesem Plugin wird jeweils nur ein Element klebrig.
2. Mega Hauptmenü WordPress Premium Plugin
Das Mega-Hauptmenü ist eines der Hauptmenü-Plugins auf dem Markt. Es bietet nicht nur Optionen für Mega-Menüs, Dropdown-Menüs, Handyoptimierung, Übersetzungsunterstützung und unzählige Anpassungen, sondern auch eine äußerst nützliche Sticky-Option.
Sobald Sie das Plugin installiert und aktiviert haben, verwenden Sie einfach die einfachen Optionen unter Darstellung> Mega-Hauptmenü, um es zu konfigurieren. Dort finden Sie Optionen für:
- Aktivieren eines Sticky-Menüs
- Bestimmen Sie die Verschiebung der Kleberolle
- Benutzerdefinierte Schriftarten, Farben und Symbole
- Faltbare Listen
- RTL und Übersetzung fertig
- Elemente beim Scrollen ein- / ausblenden
- Códigos cortos y Widgets Einfach zu verwenden
Die Optionen in diesem Plugin für feste Header sind einfach zu verwenden, daher sollte es nicht lange dauern, bis Sie eine feste Navigation und ein festes Branding auf Ihrer Website haben.
3. Einfacher Sticky Header im WordPress Plugin ohne Scrollen
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 Logo, colores, un «botón de siguiente publicación», menús desplegables y más. Este plugin gratuito te posibilita controlar muchas cosas, como:
- Benutzerdefiniertes Logo
- Integrierte Farboptionen
- Link Option «Nächster Eintrag»
- Dropdown-Menü auf dem Handy
- Benutzerdefinierte Sichtbarkeit des Offset-Entfernungsmenüs
- Einbindung in WordPress Live Customizer
Diese letzte Funktion ist praktisch, da Sie eine Vorschau der Änderungen an klebrigen Headern live anzeigen können, während Sie sie vornehmen. Veröffentlichen Sie dann Ihre Änderungen, um Ihre Website schnell zu aktualisieren.
4. Complemento de WordPress de Awesome Header Prämie
Awesome Header ist ein "professionelles" Plugin für feste Header. Was Sie hier interessant finden, ist, dass es nicht nur als Ihre klebrige Navigation dienen kann, sondern Sie können Ihren gesamten WordPress-Header damit ersetzen.
Sie müssen nur Ihr vorhandenes Header-Markup durch eine kleine Funktion ersetzen, und Ihr WordPress-Header wird durch Awesome Header ersetzt. Von dort aus können Sie alles ändern, was Sie sich vorstellen können. Es gibt alles, was Sie in der kostenlosen Version finden und einige:
- Möglichkeit, den gesamten WordPress-Header zu ersetzen
- 3 Navigationsebenen
- 100% empfänglich
- Mejor SEO con Brotkrume Microdata
- Soporte de WooCommerce y bbPress para Semmelbrösel
- Unbegrenzte Farboptionen
- Hintergrundbild oder -muster
- Untermenü (3 vertikale Punkte)
- Navigation behoben
- 3 Arten der Suche (Unterstreichung, einfaches Suchfeld und Folie unter der Überschrift)
- Ausfüllen von Menüpunkten (links / rechts); zur gleichen Zeit für klebrigen Header
- Menüelement Hintergrund
- Schriftgrößen für alle Artikel
- Transparenz für Menüs und Untermenüs
- Das soziale Menü mit Genericons bereitet Sie auf die Netzhaut vor
- Navigationsetiketten
Wenn Sie ein Entwickler sind und noch mehr Kontrolle über Ihre Header-Bereiche haben möchten, können Sie dies, da Awesome Header mit seinen vielen Filter- und Aktions-Hooks sehr erweiterbar ist.
5. WordPress Premium Hero Mega-Menü-Plugin
Es verfügt über ein vollständig flexibles und anpassbares Layout mit Optionen für nur einige seiner Header-Funktionen. Hero Mega Menu ist sehr einfach zu bedienen, da es eine Drag & Drop-Oberfläche verwendet, um ein benutzerdefiniertes Menü-Layout zu erstellen. Und der Struktur-Generator funktioniert genau wie normale WordPress-Menüs: Verschachteln Sie einfach Elemente, um Dropdown-Menüs zu erstellen, und bearbeiten Sie sie, um Mega-Menüs zu erstellen. Gleichzeitig hat es:
- Transparenzoptionen
- 60 Farbvoreinstellungen
- Sich anpassendes Design
- Unterstützung für Karten, Bilder, Listen, Beiträge und Text
- Benutzerdefinierte Hintergründe
- 270 ElegantThemes-Symbole
- Handynavigation
- Sticky Menü (sowieso!)
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 und mehr.
6. Kostenloses WordPress-Plugin myStickymenu
myStickymenu ist ein schlankes Plugin, das einfach das tut, was es beabsichtigt: Hinzufügen einer Sticky-Funktion zu einem Element auf Ihren Webseiten. Reaktionsschnell und unterstützt mehrere Sprachen. Die Hauptmerkmale umfassen:
- Flexibel und anpassbar
- Sie können benutzerdefinierten CSS-Code hinzufügen, um Ihren festen Header zu entwerfen
- Sie können Werte festlegen, um den Header zu korrigieren, je nachdem, wie weit der Benutzer nach unten scrollt
- Die Kopfzeile kann die volle Breite oder eine von Ihnen angegebene Grenze haben
myStickymenu ist einfach und funktioniert meistens sofort. Selbst wenn es unter Berücksichtigung des Themas Twenty Thirteen entworfen wurde, funktioniert es für die meisten anderen Themen recht gut, obwohl möglicherweise eine bestimmte Menge an benutzerdefiniertem CSS erforderlich ist, um den Header nach Ihren Wünschen zu gestalten.
7. WordPress QuadMenu Premium Plugin
QuadMenu ist ein benutzerfreundlicher benutzerdefinierter Menügenerator mit Drag-and-Drop-Oberfläche. Sie können die integrierten Elemente für ein Mega-Menü-Design, Symbole, soziale Links, Einkaufswagen, Widgets und mehr verwenden, um das perfekte Menü für Ihre Website zu erstellen. Gleichzeitig enthält das Plugin ein festes Menü in der Bildlaufoption, wodurch die Navigation für Ihre Leser noch benutzerfreundlicher wird. Weitere erstaunliche Funktionen sind:
- Menü-Builder per Drag & Drop
- Benutzerdefiniertes Logo
- Unbegrenzte Themen im Menüstil
- Horizontales oder vertikales Layout
- Beim Scrollen klebrig
- Mega-Menü kompatibel
- Benutzerdefinierte Schriftarten
- Visual Composer kompatibel
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, Filter, estilos y más.
8. Fixed und Fixed Header Free WordPress Plugin
Fixed and Sticky Header macht es gut, Ihren Header oder Ihr Menü klebrig zu machen und es jederzeit auf Ihrer Website sichtbar zu machen. Sie müssen die Header-Klasse oder ID in den Plugin-Einstellungen angeben. Sie können gleichzeitig:
- Wählen Sie die Hintergrundfarbe des Headers
- Wählen Sie die Textfarbe für die Kopfzeile
- Stellen Sie den Versatzabstand ein, bis zu dem der Header klebrig werden soll
9. Header im Scroll Premium Plugin für WordPress behoben
Der Sticky Header in Scroll für WordPress ist ein einfaches Plugin zum Hinzufügen einer Sticky-Überschrift, die unzählige Anpassungsoptionen bietet. Die Installation ist einfach und Sie haben in kürzester Zeit einen festen Header. Es ist gespickt mit hilfreichen Optionen, darunter:
- Zeigen und klicken Sie auf Anpassung, um die Kopfzeile an ein beliebiges Thema anzupassen
- Reibungslos ansprechbar und an jede Bildschirmgröße anpassbar
- Beinhaltet ein alternatives schlankes Design
- Enthält eine benutzerdefinierte Tastenbeschriftung für das Dropdown-Menü und optional ein Menü zum Ausblenden
- Laden Sie das Logo hoch oder zeigen Sie den Text an. Verstecken Sie das Logo optional
- Ú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
- Deaktivieren Sie ggf. die Haftung auf Mobiltelefonen
- Live-Customizer-Zusatz zur Unterstützung der Vorschau von Änderungen
Abgesehen davon kann dieses leichtgewichtige Plugin gleichzeitig den Header Ihres vorhandenen Themas verbergen. Gleichzeitig können Sie den Versatzabstand festlegen, bei dem die Kopfzeile klebrig wird, und die Farben, die Hintergrundfarbe, das Hintergrundbild, die Deckkraft und mehr ändern. One-Stop-Shop-Lösung, um Ihrer Überschrift einen eingängigen Touch zu verleihen.
10. Premium Site Content Navigator Plugin für WordPress
Si crea muchas páginas de destino o Inhalt 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.
- Sticky Menü
- Anpassbarer Fortschrittsbalken
- Bestimmen Sie Seitenabschnitte
- Erweiterte Einstellungen
- Werkzeuginformationen
- Benutzerdefinierte Schriftart- und CSS-Optionen
- Optionen pro Beitrag
- Seitenleisten-Widget
Fazit
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 Umwandlung. 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.
Das Branding und die Navigation Ihrer Website sollten zum angenehmen Surfen beitragen und leicht zugänglich sein.
Klebrige Überschriften sollten niemals mit Ihren Inhalten um Aufmerksamkeit konkurrieren.
Considere experimentar con encabezados fijos, supervise su der Verkehr, 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.
