Beste WordPress-Themes mit festen Sticky-Navigationen

Veröffentlicht: 2018-03-26

Der Trend der festen Navigation ist sowohl bei Desktop- als auch bei mobilen Benutzern sehr beliebt. Da die Navigation einer Website immer zugänglich sein kann, hilft sie Benutzern, die Website zu durchsuchen und Inhalte schneller zu überfliegen.

Das Erstellen dieses festen Navigationsgeräts selbst kann jedoch mühsam sein. Zum Glück können Sie sich einfach ein WordPress-Theme schnappen, das standardmäßig mit dieser Funktionalität ausgestattet ist! Ich habe einige der besten WP-Themen mit festen Navigationen organisiert, die in einer Vielzahl von Stilen zur Auswahl stehen.

Westen

Western-Thema

Das Weston-Thema umfasst Dutzende von Stilen und viele verschiedene Website-Themen, von Portfolios über Zielseiten bis hin zu minimalistischen E-Commerce-Shops. Aber jeder Stil hat die gleiche feste Navigationstechnik auf jeder Seite.

Die oberste Navigationsleiste scrollt mit dem Benutzer, sodass sie am oberen Bildschirmrand fixiert bleibt. Das funktioniert sogar auf Mobilgeräten, wo der Bildschirm viel kleiner ist, aber die Navigationsleiste auch nicht viel Platz einnimmt.

Dieses reaktionsschnelle Navigationsmenü verwendet auch das Hamburger-Symbol mit drei Balken. Es ist ein Grundnahrungsmittel für mobile Menüs und ermutigt Benutzer, sich durch weitere Seiten zu klicken.

Weston bietet viel Abwechslung und viele Premium-Funktionen, aber für ein typisches Blog-Design kann es zu viel sein. Dennoch ist es ein hervorragendes Thema, das Sie im Hinterkopf behalten sollten, wenn Sie den festen Sticky-Navigationsstil mögen.

Beckett

Beckett-Thema

Wenn Sie fokussierte Designs mögen, ist Beckett vielleicht eher Ihr Stil. Dieses Thema spielt viel mit Fotografie und Vollbild-Bildern, um die Aufmerksamkeit des Besuchers zu erregen.

Die Homepage kann nach Belieben gestaltet werden, ist aber hauptsächlich auf kreative Portfolioarbeit ausgerichtet. Die obere Navigationsleiste scrollt mit dem Benutzer und nimmt beim Öffnen den gesamten Bildschirm ein. Diese Navigationstechnik ist auf Websites mit nur 3-5 Navigationselementen ziemlich verbreitet.

Beckett macht das richtig, indem er sich auf den Inhalt konzentriert, ohne eine ablenkende Topbar. Die Farbe ändert sich auch, um einen gewissen Kontrast zum einfachen Farbschema der Seite hinzuzufügen.

Sydney

Sydney-Thema

Sydney ist ein breites Thema mit großem Wert für Websites von Unternehmen und Agenturen. Wirklich erstaunliches Design mit einigen einzigartigen Funktionen wie Testimonials, Skill-Rechnern und Portfolio-Einträgen.

Wenn Sie die Seite nach unten scrollen, werden Sie feststellen, dass die Sticky-Navigation tatsächlich etwas schrumpft. Dies ist sehr häufig bei Themen, die versuchen, Bildschirmplatz zu sparen, ohne die Benutzererfahrung zu gefährden. Alle Links sind in dieser kleineren Navigationsleiste immer noch einfach zu bedienen.

Mobile Benutzer erhalten jedoch nicht die feste Navigationsleiste, sodass sie nur dem Scrollen auf größeren Bildschirmen folgt. Der physische Platz auf dem Bildschirm ist auf Mobilgeräten wertvoll, daher ist es wirklich sinnvoll, mit einem Thema wie diesem zu arbeiten, wenn Sie ein einfacheres responsives Design mit einer variablen festen Navigationsleiste wünschen.

Schaffen

Thema erstellen

Hier ist ein weiteres flexibles Thema mit vielen verschiedenen Stilen, aus denen Sie alle auswählen und schnell starten können. Create hat 5 verschiedene Homepages und alle verfügen über das obere feste Navbar-Design.

Es verwendet einen Gleiteffekt, bei dem die Navigation vom oberen Bildschirmrand nach unten gleitet. Es fügt dem Design ein wenig Leben hinzu, das in anderen Themen selten zu finden ist. Das Create-Design ist jedoch nicht für jede Art von Website geeignet.

Es ist in erster Linie für digitale Agenturen gedacht, die benutzerdefinierte Portfolios zusammen mit einem detaillierten mehrstufigen Dropdown-Menü verwenden. Dies macht es großartig für jede Website mit vielen Seiten und es ist eine gute Wahl für alle nicht technisch versierten Personen.

Unendlichkeit

Unendlichkeitsthema

Einige moderne WP-Themen verwenden die vertikale Navigation, um die Aufmerksamkeit auf Links entlang der Seite zu lenken. Dies verwirrt die Benutzererfahrung ein wenig und erzeugt eine ganz andere Art von fixierter Sticky-Navigation.

Infinity ist ein Portfolio-Thema, weshalb die vertikale Sidebar-Navigation so gut funktioniert. Es stützt sich ausschließlich auf Links zu inneren Seiten und sozialen Konten, die alle positioniert bleiben, wenn der Benutzer die Seite nach unten scrollt.

Dies schränkt den gesamten Seitenstil auf dem Desktop ein, da die Seitenleiste immer sichtbar ist. Aber mobile Benutzer erhalten eine ganz andere Erfahrung, wenn sich die Navigation nach oben neu anordnet und dem Benutzer nicht die Seite hinunter folgt.

Es ist ein weiteres skurriles Design, das die feste Navigationsfunktion verwendet, wenn es sinnvoll ist, sie jedoch auf kleineren Bildschirmen entfernt, auf denen der Platz knapp ist.

BlackWhite Lite

Schwarzweiß Lite-Thema

Für einen Blog im Magazinstil könnten Sie sich das Thema BlackWhite Lite ansehen. Dies kommt mit allem Schnickschnack eines modernen Online-Magazins mit dem zusätzlichen Bonus, eine völlig kostenlose Themenalternative anzubieten.

Mit dem Logo über der Navigationsleiste fügt es der Kopfzeile etwas mehr Höhe hinzu. Aber wenn Sie die Seite nach unten scrollen, bleibt diese Navigationsleiste ganz oben fixiert.

Es unterstützt auch die Dropdown-Navigation, was für größere Blogs enorm ist. Und diese Dropdowns sind sogar von mobilen Geräten mit dem verschiebbaren Hamburger-Menü nutzbar. Es ist ein Grundnahrungsmittel für Websites im Magazinstil und die reaktionsschnellsten Layouts in der modernen Ära.

BlackWhite ist bei weitem nicht das einzige Magazinthema da draußen. Aber es ist eines der wenigen mit einem klaren Design und einer festen oberen Leiste, die das Layout gut ergänzt.

Hafen

Thema Hafen

Für ein Agenturthema gibt es viel über Port zu sagen. Es verwendet ein großes Header-Foto, das sofort Aufmerksamkeit erregt, gepaart mit starker Typografie und sauberen horizontalen Seitenabschnitten.

Dieser horizontale Rhythmus funktioniert sehr gut mit festen Navigationsleisten. Das obere Navigationssystem von Port ist sehr dünn und sehr einfach zu bedienen, insbesondere auf Mobilgeräten, auf denen Benutzer mit der Fingerspitze tippen.

Ich denke, das Schiebemenü ist etwas klein, aber dies kann mit einigen Code-Anpassungen bearbeitet werden.

Port ist wirklich für Agenturen und kleinere Unternehmen gedacht, die nicht viele Seiten auf der Website haben. Es ist ein zuverlässiges Thema mit einem hochwertigen Design und definitiv etwas, das Sie für fast jede Firmen-Homepage verwenden können.

Gang

Getriebe Thema

E-Commerce hat so viele Alternativen über WordPress hinaus, aber das WooCommerce-System ist immer noch ein Favorit von vielen. Mit dem Gear-Design können Sie einen tollen E-Commerce-Shop mit einem sauberen Design und einer starken festen Navigation starten.

Das Logo in der oberen linken Ecke bleibt neben den Navigationslinks fixiert, sodass Sie auf der gesamten Website ein konsistentes Branding erhalten. Aber diese obere Leiste gewährt auch Zugriff auf den Warenkorb des Benutzers und die Suchfunktion.

Alles in allem ist es ein ziemlich einfaches Layout. Aber das ist genau das, was Sie von einem E-Commerce-Shop erwarten.

Pfad

Trail-Thema

Trail bietet eine dunklere Alternative zur vertikalen Seitennavigation. Dies ist ein weiteres Portfolio-Thema, bei dem der Fokus wieder auf die Hauptinhalte zurückgeht.

Mit dieser dunkleren Seitenleiste erhalten Sie jedoch eine Mischung aus Dunkel und Hell zusammen. Der Hauptinhalt der Website verwendet einen weißen Hintergrund, sodass dieser Kontrast die Kluft zwischen der Website-Navigation und dem Portfolio-Inhalt verstärkt.

Mit der festen Navigationsposition gewährt es Benutzern auch schnellen Zugriff auf alles. Und natürlich verbirgt das responsive Layout diese Navigation hinter einem Hamburger-Symbol, was die Verwendung auf Smartphones erheblich vereinfacht.

Blog Lite

Blog Lite-Thema

Meine letzte Empfehlung ist Blog Lite, das einem traditionellen Blogging-Design folgt. Dies beinhaltet auch eine Reihe von Extras wie Unterstützung für ausgewählte Bilder und benutzerdefinierte Homepages.

Beim Durchsuchen der Website werden Sie feststellen, dass die feste obere Navigationsleiste etwas schrumpft und die Größe der Schriftarten ändert. Diese Links sind immer noch zugänglich, aber es gibt nicht so viel Platz für Dutzende von Links im gesamten Menü.

Glücklicherweise unterstützt dieses Thema auch Dropdown-Menüs, die für Blogger sehr üblich sind.

Wenn Sie ein klares Design mit einer vollständig reaktionsschnellen festen Navigation wünschen, ist Blog Lite ein hervorragendes Thema zum Aufgreifen und Testen.

Vorwärts gehen

Jede Art von Website hat unterschiedliche Anforderungen an Design, Ästhetik und benutzerdefinierte Funktionen. Dieser Beitrag bietet die besten Themen des gesamten Spektrums mit fester Bildlaufnavigation.

Egal, ob Sie eine neue Unternehmenswebsite, ein persönliches Portfolio, einen E-Commerce-Shop oder einen neuen Blog starten, eines dieser Themen wird Ihnen sicher dabei helfen, mit einem herausragenden Design schnell online zu gehen.