具有固定粘性導航的最佳 WordPress 主題

已發表: 2018-03-26

固定導航趨勢在桌面和移動用戶中都非常流行。 由於網站的導航始終可以訪問,它可以幫助用戶更快地瀏覽網站和瀏覽內容。

但是自己創建這個固定導航可能很麻煩。 值得慶幸的是,您可以在默認情況下獲取帶有此功能的 WordPress 主題! 我組織了一些具有固定導航的最佳 WP 主題,混合了多種樣式可供選擇。

韋斯頓

韋斯頓主題

Weston 主題涵蓋了數十種風格和許多不同的網站主題,從作品集到登陸頁面和極簡主義的電子商務商店。 但是每種樣式在每個頁面上都有相同的固定導航技術。

最頂部的導航欄隨用戶滾動,因此它固定在屏幕頂部。 這甚至適用於屏幕小得多的移動設備,但導航欄也不佔用太多空間。

這個響應式導航菜單還使用了三欄漢堡圖標。 它是移動菜單的主要內容,它鼓勵用戶點擊進入更多頁面。

Weston 提供了豐富的多樣性並具有許多高級功能,但對於典型的博客設計來說可能太多了。 如果您喜歡固定的粘性導航樣式,請記住它仍然是一個很好的主題。

貝克特

貝克特主題

如果您喜歡專注的設計,那麼貝克特可能更適合您。 這個主題在攝影和全屏圖像方面發揮了很大作用,以吸引訪問者的注意力。

主頁的樣式可以隨心所欲,但它主要面向創意作品集。 頂部導航欄隨著用戶滾動並在打開時佔據整個屏幕。 這種導航技術在只有 3-5 個導航項的網站上非常常見。

貝克特通過將注意力集中在內容上而沒有分散注意力的頂部欄來做到這一點。 顏色也會發生變化,與頁面的簡單配色方案形成對比。

悉尼

悉尼主題

悉尼是一個廣泛的主題,對商業和代理網站具有很大的價值。 真正令人驚嘆的設計具有一些獨特的功能,如推薦、技能計算器和投資組合條目。

如果您向下滾動頁面,您會注意到粘性導航實際上縮小了一點。 這在試圖節省屏幕空間而不危及用戶體驗的主題中非常常見。 在這個較小的導航欄中,所有鏈接仍然很容易交互。

然而,移動用戶沒有得到固定的導航欄,所以它只能跟隨在更大的屏幕上滾動。 物理屏幕空間在移動設備上很有價值,因此如果您想要一個帶有可變固定導航欄的更簡單的響應式設計,那麼使用這樣的主題真的很有意義。

創建

創建主題

這是另一個具有許多不同風格的靈活主題,您可以從中挑選并快速啟動。 Create 有 5 個不同的主頁,它們都具有頂部固定導航欄設計。

它使用滑動效果,導航從屏幕頂部向下滑動。 它為設計增添了一點生命,這在其他主題中很少見。 但 Create 主題並非適用於每種類型的網站。

它主要適用於使用自定義投資組合以及詳細的多層下拉菜單的數字機構。 這使得它非常適合任何擁有大量頁面的網站,並且對於任何不精通技術的個人來說都是一個不錯的選擇。

無窮

無限主題

一些現代 WP 主題使用垂直導航來吸引對側邊鏈接的注意。 這有點混淆了用戶體驗,並創建了一種非常不同類型的固定粘性導航。

Infinity 是一個投資組合主題,這就是垂直側邊欄導航效果如此出色的原因。 它僅依賴於內部頁面和社交帳戶的鏈接,所有這些都在用戶向下滾動頁面時保持定位。

這限制了桌面上的整體頁面樣式,因為側邊欄始終可見。 但是移動用戶獲得了非常不同的體驗,其中導航重新排列到頂部並且不跟隨用戶向下頁面。

這是另一種古怪的設計,它在有意義時使用固定導航功能,但在空間非常寶貴的較小屏幕上將其刪除。

黑白精簡版

blackwhite lite 主題

對於雜誌風格的博客,您可以查看 BlackWhite Lite 主題。 這附帶了現代在線雜誌的所有花里胡哨,並提供了完全免費的主題替代品。

使用導航欄上方的徽標,它在標題中增加了一點高度。 但是當您向下滾動頁面時,此導航欄仍固定在最頂部。

它也支持下拉導航,這對於大型博客來說是巨大的。 這些下拉菜單甚至可以在帶有滑動漢堡菜單的移動設備上使用。 它是現代雜誌風格網站和響應速度最快的佈局的主要內容。

BlackWhite 遠非唯一的雜誌主題。 但它是為數不多的具有簡潔設計和與佈局相得益彰的固定頂欄的產品之一。

港口

港口主題

對於代理主題,關於 Port 有很多話要說。 它使用了立即引起注意的大標題照片,再加上強大的排版和乾淨的水平頁面部分。

這種水平節奏非常適合固定導航欄。 Port 的頂部導航非常輕薄且超級易於使用,尤其是在用戶用指尖輕敲的移動設備上。

我確實認為滑動菜單有點小,但可以通過一些代碼調整來編輯。

Port 確實是為網站上沒有很多頁面的代理機構和小型公司而設計的。 這是一個具有質量設計的可靠主題,絕對可以用於幾乎任何公司主頁。

齒輪

齒輪主題

除了 WordPress,電子商務還有很多替代品,但 WooCommerce 系統仍然是許多人的最愛。 使用 Gear 主題,您可以使用簡潔的設計和強大的固定導航來啟動殺手級電子商務商店。

左上角的徽標固定在導航鏈接旁邊,因此您可以在整個網站上獲得一致的品牌。 但是這個頂部欄也允許訪問用戶的購物車和搜索功能。

總而言之,這是一個非常簡單的佈局。 但這正是您想要的電子商務商店。

踪跡

線索主題

Trail 為垂直側導航提供了一個更暗的替代方案。 這是另一個投資組合主題,重點直接回到主要內容。

然而,通過這個較暗的側邊欄,您可以將黑暗和光明混合在一起。 主要網站內容使用白色背景,因此這種對比增加了網站導航和作品集內容之間的區別。

通過固定導航位置,它還允許用戶快速訪問所有內容。 當然,響應式佈局將這個導航隱藏在一個漢堡圖標後面,這使得它在智能手機上更容易使用。

博客精簡版

博客精簡主題

我最後的建議是遵循傳統博客設計的 Blog Lite。 這還附帶了許多附加功能,例如特色圖像支持和自定義主頁。

在瀏覽網站時,您會注意到固定頂部導航欄縮小了一點並調整了字體大小。 這些鏈接仍然可以訪問,但整個菜單中的數十個鏈接沒有那麼多空間。

值得慶幸的是,這個主題還支持博客作者很常見的下拉菜單。

如果你想要一個乾淨的設計和一個完全響應的固定導航,那麼 Blog Lite 是一個很好的選擇和測試的主題。

向前進

每種類型的網站對設計、美學和自定義功能都有不同的需求。 這篇文章通過固定滾動導航提供了整個範圍內的最佳主題。

因此,無論您是要推出新的公司網站、個人投資組合、電子商務商店還是新博客,這些主題之一肯定會幫助您通過出色的設計快速上線。