單頁(也稱為單頁或長滾動)網站已成為現代設計的主要內容。並且,當正確實現時,它們可以與 WordPress 形成一個偉大的組合。讓我們來看看 WordPress 單頁網站是什麼,以及使用它的一些優勢。 然後,我們將向您介紹一些成功實現該技術的 WordPress 主題。本文將討論線上 WordPress 網站設計中的單頁 WordPress 網站設計。
什麼是 WordPress 單頁網站?
傳統上,一個網站由幾頁組成。 例如,想想無處不在的 “關於我們” 或 “聯絡我們” 頁面。 雖然他們可能遵循與網站首頁相同的設計模板和樣式,但它們本身是單獨的實體。 在靜態 HTML 網站的時代,這意味著它們是 WooCommerce 伺服器上完全獨立的檔案。 透過使用諸如 WordPress 的內容管理系統(CMS),頁面被單獨儲存在資料庫表中。 當多使用者導航到該特定頁面時,它由 CMS 即時生成。
一個 WordPress 單頁網站,但是,正是它的聲音。它不是完全獨立的頁面,而是設計為在一個長頁面上顯示。當多使用者向下滾動或使用導航時,新內容的部分被看到。
離開它自己,一些單頁面的網站可能相當大,載入緩慢。這就是為什麼您會經常在這些型別的網站上看到 “延遲負載” 效應。當多使用者滾動或導航到新內容部分時,會動態載入新內容部分。使用此技術,只有當時在多使用者瀏覽器中檢視的內容已載入。這不僅減輕了 WooCommerce 伺服器的負擔,而且提供了更好的多使用者體驗。這在移動裝置上尤其重要,以限制資料頻寬的使用。
優點和最佳實踐
WordPress 單頁網站可以有幾個優點。一方面,在單個頁面上呈現一切內容,方便多使用者瀏覽,沒有限制多使用者必須單獨載入每個頁面。如果多使用者只是滾動瀏覽新內容,他們可能會比如果需要多次點選更深一點。
單頁 WordPress 主題
現在我們知道 WordPress 單頁網站是什麼,它在哪裡最好使用,讓我們看看一些主題,正在大量使用這種技術。
1.Invisio
清潔和現代,Invisio 功能平滑滾動和一些可愛的內容動畫。 這是一個小商業網站的完美。 還包括 Visual Composer 的副本,一鍵匯入示例內容和一些主題選項,以幫助您自定義您的網站。
2.Layer
圖層是一個單頁的主題,相當靈活。 事實上,有 15 個演示佈局可供選擇,涵蓋廣泛的用途。 功能包括頁面構建器,粘性選單,視差滾動效果,時間軸,定價表和滑塊革命的副本。
3.Lily
餐廳和咖啡館的設計,Lily 帶來了一個獨特的選單(餐館選單,即)摺疊。 例如,點選沙拉,開啟一個漂亮的動畫模態視窗,其中包含有關該選擇的更多詳細資訊。 該主題包括六個不同的主頁佈局,兩種導航樣式,互動式時間軸,滑塊革命和 Visual Composer 。
4.Amaze
Amaze 是一個非常優雅的 WordPress 主題,突出了其使用粘性側邊欄導航。 有六種主頁佈局可用的光明和黑暗的變化(一些包括頂部導航)。 您會注意到一些不錯的視差滾動效果,禮貌的 DZS Parallaxer 外掛。 您還可以建立包含 Cube Portfolio 的投資組合。
5.Jordan
WordPress 單頁網站的另一個很好的用途是簡歷/投資組合。 Jordan 特別適合創意專業人士,因為它擁有一個可過濾的組合,時間表和一個非常酷的 “設計過程” 領域。 還有一個推薦滑塊,定價表和光滑的動畫。
從外部,您可以看到 WordPress 單頁網站是在一個有限的市場。 但正如我們所看到的,這種型別的設定有更多的獨特用途,比人們想象的更多。與所有網站一樣,內容和可用性將最終決定您的網站是否成功。上面的主題當然優於事物的可用性部分。從那裡,它只是一個問題,創造的內容,將使一個引人注目的網站。