如何設計和設置 WordPress 主頁

已發表: 2022-05-05

您的 WordPress 主頁就像您網站的歡迎墊。 但是,如果它沒有給人留下很好的第一印象,遊客可能會決定他們寧願去其他地方。

幸運的是,WordPress 讓您可以完全控制您的主頁。 有很多方法可以自定義這個關鍵頁面,以確保它有效地為您的網站定下基調。

在這篇文章中,我們將討論 WordPress 主頁及其在成功網站中的重要作用。 然後,我們將分享三種不同的方式來設計一個五星級的主頁。 讓我們開始吧!

目錄
1. WordPress 主頁簡介(以及您可能想要更改主頁的原因)
2.如何在 WordPress 中設置靜態主頁
3.如何設計一個漂亮的WordPress主頁(3種方法)
3.1。 1. 使用 WordPress 主題定制器
3.2. 2. 使用塊編輯器編輯您的 WordPress 主頁
3.3. 3.使用頁面構建器插件
4.如何創建 WordPress 博客文章頁面
5.結論

WordPress主頁簡介(以及您可能想要更改主頁的原因)

幾乎不可能高估主頁的重要性。 通常,這是訪問者在輸入您的 URL 時首先看到的內容。

如果您的主頁沒有給人留下很好的第一印象,那麼訪問者不太可能給您第二次機會。 這種放棄可能對您的轉化率造成災難性的影響。 它還會影響決定搜索引擎排名的關鍵指標,包括停留時間。

一個有效的主頁會立即讓訪問者相信他們來對了地方。 這意味著清楚地傳達您的 WordPress 網站的全部內容以及它必須提供的價值。

默認情況下,許多 WordPress 主題會在主頁上顯示您最新博客文章的列表。 如果您正在運行博客或雜誌網站,這可能正是您正在尋找的。 特別是,這種格式可以幫助讀者找到您最近的內容:

但是,此佈局不適用於所有 WordPress 網站。 例如,電子商務商店可能更喜歡展示他們最受歡迎的產品,而不是他們最新的博客文章:

如果您正在運營一個商業網站,您可能希望使用您的主頁來介紹您的公司並推廣您的服務。 您甚至可以全年更改您的主頁,例如創建一個特殊頁面來宣傳您即將到來的黑色星期五促銷活動。

無論您的動機如何,WordPress 都擁有創建適合您的主頁所需的一切。 這通常意味著用靜態內容替換默認選項。

如何在 WordPress 中設置靜態主頁

如果您不想顯示最近的博客文章,可以切換到靜態首頁。 然後,您可以在一個單獨的頁面上顯示您的所有博客文章,我們將在本文結尾處創建該頁面。

頁面不按時間順序顯示,旨在顯示常綠內容。 這些特性使它們非常適合您的靜態主頁。

如果要創建新頁面,請導航到 WordPress 儀表板中的頁面 > 添加新頁面。 您現在可以給這個頁面起一個描述性的名稱,例如“主頁”,然後點擊發布

下一步是告訴 WordPress 將此用作您的主頁。 但是,由於我們尚未向此頁面添加任何內容,您可能需要考慮先將您的網站置於維護模式。

維護模式將確保訪問者在您進行更改時嘗試訪問您的網站時不會遇到空白屏幕或錯誤消息。 當您對更新感到滿意時,您可以讓您的網站退出維護模式,並用您的新設計讓訪問者讚歎不已。

您可以使用 WP 維護模式等插件設置此模式。 該工具還具有一些附加功能,包括倒計時以在您的網站重新啟動時引起轟動:

要切換到靜態主頁,請導航至設置 > 閱讀。 在您的主頁顯示部分中,選擇A static page

您現在可以使用下拉菜單選擇我們在上一步中創建的頁面。 然後,單擊保存更改。 如果您訪問您的主頁,WordPress 現在應該顯示一個空白設計,而不是您原來的博客頁面。

如何設計漂亮的 WordPress 主頁(3 種方法)

現在您有了一個靜態主頁,您需要確保它能夠給人留下最好的第一印象。 考慮到這一點,這裡有三種設計專業外觀的自定義主頁的方法!

1. 使用 WordPress 主題定制器

您的 WordPress 主題可能會提供基本的主頁設計。 您通常可以在 WordPress 定制器中對此默認佈局進行簡單的編輯。

在您的儀表板中,導航到外觀 > 自定義。 此工具提供實時預覽,以便您可以準確地看到您的更改將如何實時顯示給訪問者:

您可以進行的更改將根據您的 WordPress 主題而有所不同。 例如,某些主題允許您更改側邊欄的位置或將其完全刪除以創建全角佈局。

值得花時間探索各種主頁設置,看看有哪些選項可用於您的主題。 或者,您可以單擊任何帶有藍色鉛筆圖標的區域。 這將打開該屏幕元素的設置:

您的主頁可能包含您不想使用的部分。 在這種情況下,您可以通過在側邊菜單中找到一個元素並單擊其隨附的三點圖標,然後單擊Remove block來刪除它。

2. 使用塊編輯器編輯您的 WordPress 主頁

雖然 WordPress 定制器非常適合進行簡單的更改,但有時您可能需要更深入地挖掘。 自定義主頁時,塊編輯器為您提供更多選項。

要開始使用,請在 WordPress 帖子編輯器中打開您的靜態主頁。 您現在可以使用創建任何頁面的相同技術來設計您的主頁。

WordPress 塊編輯器有許多塊,包括封面圖片、畫廊、文本和媒體以及表格。 您可以組織這些元素來創建所需的主頁結構。

如果您正在尋找設計靈感,瀏覽可用的塊可能會有所幫助。 要查看 WordPress 的整個庫,請單擊黑色+圖標:

在隨後的彈出窗口中,選擇Browse all 。 這將啟動一個面板,您可以在其中探索各種塊:

當您在主頁上找到要使用的塊時,只需單擊它即可。 根據您的選擇,您可以向該元素添加一些內容,例如文本或圖像。

大多數塊也有獨特的配置設置。 要查看這些設置,請單擊以選擇塊。 此操作應打開一個發布/阻止面板:

確保選擇了“阻止”菜單。 然後,您可以探索可用於此特定塊的獨特設置。

此時,您可以繼續添加元素,直到您對主頁佈局感到滿意為止。 擁有完整的塊庫供您使用,您應該可以輕鬆創建漂亮且引人入勝的主頁。 但是,如果需要,您始終可以使用 Gutenberg Blocks 等插件向 WordPress 庫添加更多塊。

3.使用頁面構建器插件

開箱即用的 WordPress 提供了創建具有專業外觀的主頁所需的一切。 但是,您也可以將高級頁面構建器插件添加到您的 WordPress 安裝中。

這些 WordPress 插件中的大多數都提供直觀的拖放界面以及現成的元素。 這些功能使您能夠在幾分鐘內建立一個有吸引力且引人入勝的主頁。

有各種可用的頁面構建器插件。 例如,Elementor 是一個易於使用的頁面構建器,其功能可幫助您設計出色的主頁。 其中包括運動和滾動效果、表單和翻轉框:

Beaver Builder 是另一個流行的選擇。 除了拖放編輯器和現成的組件外,這個 WordPress 插件還擁有一系列登錄頁面模板:

這些模板可以為您的主頁提供堅實的基礎。 如果您的網頁設計和開發經驗有限,這使得 Beaver Builder 成為一個不錯的選擇。 如果您需要快速啟動主頁,它也可能是一個不錯的選擇。

如何創建 WordPress 博客文章頁面

此時,您已將博客文章頁面替換為靜態網頁。 這意味著您的網站目前沒有您最近發布的帖子列表。 如果要顯示此內容,則需要創建一個單獨的頁面。

要開始,請導航到Pages > Add New 。 您現在可以給這個頁面一個標題,例如“博客”,然後點擊發布

接下來,導航到設置 > 閱讀。 您現在可以打開帖子頁面下拉菜單並選擇您剛剛創建的頁面:

當您在這裡時,您可能希望對帖子的顯示方式進行一些更改。 有幾個不同的設置可用。

首先,您可以選擇每頁顯示的帖子數。 如果您顯示許多帖子,訪問者可能需要滾動相當長的距離才能到達此頁面的底部。 這種佈局也可能會增加頁面加載時間,特別是如果您的內容具有大型、高分辨率的特色圖像。

但是,如果您顯示少量帖子,則訪問者可能需要點擊多個頁面才能找到所需的內容。 這意味著找到完美數量的帖子可能是一個棘手的平衡行為。

一旦您確定了一個數字,請將其輸入到博客頁面最多顯示字段中。 請注意,您標記為“置頂”的任何帖子也會顯示:

您還可以使用以下設置控制您的博客內容在帖子頁面上的顯示方式:對於提要中的每個帖子,包括。 在這裡,您可以選擇顯示整個作品或僅顯示其摘錄:

如果您的博客較短,則顯示整篇文章可能是有意義的。 但是,您可能需要考慮顯示較長帖子的摘錄。

結論

俗話說:你永遠沒有第二次機會給人留下第一印象。 考慮到這一點,您的主頁應該讓訪問者想要留下來並了解有關您網站的更多信息。

讓我們快速回顧一下微調 WordPress 主頁的三種方法:

  1. 使用 WordPress 主題定制器。
  2. 使用塊編輯器編輯您的 WordPress 主頁。
  3. 使用頁面構建器插件,例如 Beaver Builder 或 Elementor 插件。

讓您的主頁設計到位只是成功的一半。 如果該頁面加載緩慢,訪問者可能仍會決定他們寧願將時間花在其他地方。 通過與 WordPress 託管服務提供商(例如 WP Engine)合作,您可以確信您的整個網站都在以最佳性能運行——包括最重要的主頁。