默認情況下,WordPress主頁顯示您的博客文章,但您可以對其進行編輯以顯示不同的內容。例如,您的首頁可以是突出顯示您的產品和服務的著陸頁。在本文中,我們將向您展示如何輕松編輯和自定義WordPress主頁。

什么是WordPress主頁?
您的主頁是“首頁”。這是用戶訪問您的時顯示的第一個頁面。
例如,如果您在瀏覽器中輸入,您登陸的頁面是我們網站的主頁,您可以在其中看到我們最新的博客文章:www.wpbeginner.com

為什么要編輯WordPress主頁?
如果您決定創建一個博客,那么只在主頁上顯示您的文章是完全有意義的。
但是,如果您使用WordPress來構建甚至怎么辦?在這些情況下,您可能更愿意在主頁上突出顯示您的產品或促銷活動。
這是來自的商業網站主頁示例,這是。他們的網站有一個很棒的博客,但這不是他們主頁的重點。相反,他們有一個非常明確的行動號召。

也許您已經嘗試在WordPress中主頁,但是您正在努力使其看起來正確。
如果是這種情況,那么您來對地方了。
我們將逐步引導您設置主頁并對其進行自定義以滿足您的需求。這樣,您可以給人留下良好的第一印象,并鼓勵訪問者采取對您網站使命最重要的行動。
這可能意味著從您那里購買,注冊加入您的,或為您的捐款。
我們將介紹幾種不同的方法,您可以使用它們來創建自定義WordPress主頁。
您可以使用這些快速鏈接直接跳轉到本教程的不同部分:
使用模板定制器編輯主頁
一些將為您創建主頁設計,并提供選項,以便您輕松編輯它。
您可以通過訪問 外觀 ? 自定義 在管理側邊欄上。這將啟動 WordPress 主題定制器,并實時預覽您的主題。

模版定制器將針對不同的模版提供不同的選項。您的預覽和可用選項可能看起來會有所不同,具體取決于您使用的主題。在此示例中,我們使用免費的 。
要編輯主頁的任何部分,只需單擊旁邊的藍色鉛筆圖標。在這里,我們正在編輯主頁頂部的圖像、文本和按鈕。

注意:一旦您進行了修改,它們就會顯示在您網站的預覽中。在您發布這些更改之前,這些更改不會在您的網站上生效。
如果要從主頁中刪除某個部分,則只需單擊該部分左上角的藍眼圖標即可。
![]()
您還可以刪除版塊,然后使用“首頁版塊”選項卡重新添加它們。
對主頁感到滿意后,您需要單擊“發布”按鈕才能使其上線。

以下是我們的主頁的外觀,在網站上直播:

使用主題的內置選項是設置主頁的最快方法。但是,某些主題可能沒有太多選擇,或者您可能對主頁的外觀不滿意。
別擔心,還有很多其他方法可以編輯主頁并賦予它您想要的外觀。
使用塊編輯器編輯主頁
是創建自定義主頁的簡單方法,盡管它受到主題設計的限制。
要使用塊編輯器,只需轉到頁面?所有頁面屏幕并編輯您之前創建的“主頁”頁面。

現在,您可以開始為頁面創建內容了。
在本教程的這一部分中,我們將使用幾個簡單的塊來創建基本的主頁。
首先,我們將向頁面添加歡迎消息。您只需單擊頁面即可開始鍵入。WordPress將自動為您創建一個段落塊。

如果您想使文本變大,那么在右側的塊設置中很容易做到這一點。只需單擊其中一個預設大小,或者您可以單擊“設置自定義大小”圖標并鍵入您喜歡的任何大小。
您還可以使用文本或背景的“顏色”選項更改文本的顏色。

接下來,我們將向頁面添加圖像。您可以通過單擊 (+) 符號,然后選擇圖像塊來執行此操作。
您可以在“媒體”部分找到它,也可以使用搜索欄進行搜索。

您可以從媒體庫中選擇圖像或上傳新圖像。
接下來,我們添加了另一個段落塊,其中包含文本“在此處查看我們的最新帖子”。
然后,我們添加了一個“最新帖子”塊,我們將其設置為顯示帖子摘錄和特色圖片以及帖子標題。您可以在我們關于帖子的教程中找到有關最新帖子塊的更多信息。

您可以向主頁添加任意數量的塊。如果您的主題有“全寬”或“無側邊欄”模板,您可能還想為您的頁面使用“全寬”或“無側邊欄”模板。
例如,使用 時,您可以從“Astra 設置”窗格中自定義頁面布局。其他主題可能會在“文檔設置”窗格中提供一個部分。

對主頁感到滿意后,您應該單擊屏幕右上角的“更新”或“發布”按鈕以實時推送您的更改。
以下是我們完成的主頁的外觀:

如果您想進一步瀏覽主頁怎么辦?一種選擇是嘗試一些以添加新功能,例如聯系表單、推薦、評論等。
另一個不錯的選擇是為 WordPress 使用更強大的構建器或來創建看起來華麗和專業的東西。
在本教程的下一部分中,我們將介紹主題構建器和頁面構建器。
使用主題構建器插件編輯您的主頁
編輯主頁的最簡單方法是使用 。它是最好的WordPress主題構建器插件,無需編寫任何代碼即可創建漂亮的網站布局和自定義模板。
您可以使用SeedProd創建一個完全自定義的WordPress主題,包括自定義主頁模板。
注意:,但您需要專業版才能訪問主題構建器并編輯主頁模板。
首先,您需要安裝并激活 插件。有關更多詳細信息,請參閱有關如何的分步指南。
激活后,您需要輸入許可證密鑰。您可以在SeedProd網站上的帳戶下找到此信息。

之后,您可以使用SeedProd輕松創建WordPress主題,包括從頭開始完全自定義的主頁。
創建自定義WordPress主題
您可以通過導航到 SeedProd ? 主題生成器頁面在 SeedProd 中創建新主題。在這里,您將使用 SeedProd 的現成主題之一作為起點。這將用新的自定義設計替換您現有的WordPress主題。
您可以通過單擊“主題”按鈕來執行此操作。

您將看到為不同類型的網站設計的專業設計主題列表。例如,有名為“現代業務”、“營銷機構”和“抵押貸款經紀人主題”的模板。
瀏覽選項,然后單擊復選標記圖標選擇最符合您需求的選項。在本教程中,我們將選擇“數字戰略”主題。

選擇主題后,SeedProd 將生成您需要的所有主題模板。它將包括一個用于靜態主頁的模板,以及一個用于博客索引頁的模板。
編輯主頁模板
SeedProd 可以使用拖放頁面構建器輕松編輯這些模板中的任何一個。
只需單擊“主頁”模板下的“編輯設計”鏈接。這將在 SeedProd 的可視化編輯器中打開模板。

這個簡單的拖放構建器將在右側顯示頁面的實時預覽,在左側顯示工具欄。您可以通過將新塊拖到頁面上來添加新塊,通過用鼠標上下拖動它們來重新排列它們,并通過單擊它來自定義任何塊。
請注意,該模板已經提供了一個有吸引力的布局,并在頁面上添加了大量相關內容。現在,您只需要對其進行編輯以適合您網站的目的即可。
當您將鼠標懸停在塊上時,將出現一個工具欄。

如果單擊該塊,則可以在左窗格中調整其設置。
例如,當您單擊標題時,您可以編輯文本、更改對齊方式、更改字體大小等。

更改設置后,您可以立即在右側的預覽中看到該設置。
例如,我們將文本更改為“關于WordPress的一切”。

完成此操作后,您可以單擊設置頁面頂部附近的“阻止”圖標。這將返回到“塊”視圖。
接下來,我們將編輯按鈕文本。您可以單擊標有“我們做什么”的按鈕,然后編輯文本以顯示“查看課程”。

現在,我們將向下滾動主頁,直到找到有關您提供的產品和服務的要點列表。
您可以通過單擊塊并編輯文本以相同的方式編輯它們。

您的主頁現在應該類似于下面的屏幕截圖。
如果您需要添加更多詳細信息,則可以通過單擊底部的藍色“+”圖標來添加另一行項目符號點。

SeedProd 模板包含的部分可能比您可以使用的要多。您只需單擊垃圾桶圖標即可輕松刪除不需要的任何塊或部分。
例如,您可以將鼠標懸停在主頁的“信任者”部分。工具欄出現后,您可以單擊“廢紙簍”圖標以刪除該部分。

在主頁底部附近有一個常見問題解答部分。這是使用手風琴塊創建的,這使得自定義要包含在主頁上的問題和答案變得簡單。
當您單擊該塊時,您可以編輯每個問題和答案的文本。

完成自定義主頁后,請確保單擊屏幕頂部的“保存”按鈕。然后,您可以通過單擊“X”圖標返回模板列表。
如您所見,SeedProd 的模板、拖放界面和有用的塊使其成為編輯網站主頁的理想選擇。有關更多想法,請查看我們有關如何的指南。
編輯博客索引模板
您可以通過類似的方式編輯博客索引模板。您可以通過訪問我們的指南來了解如何在。
使用方法 2,您應該向下滾動到有關自定義博客頁面的部分。在這里,您將學習如何使用拖放來添加新塊,以及如何更改頁面上每個塊的設置。

我們將向您展示如何編輯帖子塊以在多個列中列出您的帖子,并顯示或隱藏帖子的特色圖片。
對于要顯示的帖子數以及是否顯示帖子摘錄,有設置。您還可以按帖子類型、類別、標簽或作者篩選索引,并更改排序順序。
啟用種子生產主題
完成自定義主題模板后,您需要發布新的自定義主題。只需將“啟用種子生產主題”設置切換到“是”位置即可。

如果您尚未更改WordPress主頁和博客頁面設置,則會看到一條通知消息。當您單擊“確定”按鈕時,這些設置將為您更改。
您現在可以訪問您的網站以查看您的新主頁。

使用頁面構建器插件編輯主頁
是一個流行的WordPress頁面構建器插件。它帶有一個WordPress主題和一個帶有數十個華麗模板的頁面構建器插件。
您可以將 Divi 頁面構建器與任何主題一起使用。在本教程中,我們將將其與 Divi 主題一起使用。
首先,您需要。這包括 Divi 構建器,因此您無需單獨安裝它。您需要在 Divi ? 主題選項 ? 更新下輸入您的用戶名和 API 密鑰才能訪問布局包。
如果您需要安裝主題的幫助,請查看我們有關如何的分步指南。
啟動并運行 Divi 主題和頁面構建器后,您可以設置主頁。首先,轉到WordPress儀表板中的“頁面”菜單,然后編輯我們之前創建的主頁。
在開始編輯主頁之前,最好切換到右側“模板”面板下的“空白頁”模板。這樣,您的主頁就不會有側邊欄、標題、菜單或任何其他默認元素。

接下來,您可以單擊屏幕頂部的“使用 Divi 生成器”按鈕。
現在,您需要單擊屏幕中央的“使用 Divi 構建器編輯”按鈕。

您現在應該看到 Divi 歡迎屏幕。它包括有關如何使用 Divi 的視頻教程、如何入門的簡要說明,以及開始構建頁面或瀏覽 Divi 功能的按鈕。
我們將單擊頁面底部的“開始構建”按鈕。

接下來,您將看到可用于創建頁面的一系列選項。我們建議使用預制布局作為主頁的基礎。這使得設置主頁變得非常快速和容易。

Divi有一系列令人印象深刻的不同布局可供選擇。有數百種不同的布局包,每個布局包都有幾種不同的頁面布局,包括主頁。
您可以通過鍵入搜索詞來搜索這些布局,也可以選中復選框以僅查看適合特定類別的布局。

我們將使用“旅游博客”布局包來創建我們的主頁。
首先,單擊要使用的包:

接下來,您將看到布局包的說明,以及可用的不同頁面布局。您可能需要使用“首頁”或“登陸”頁作為首頁。我們將選擇“主頁”選項。
選擇布局后,單擊頁面底部的“使用此布局”按鈕。

Divi 將自動為您導入布局。然后,您將在您的頁面上看到它,與它在您的網站上顯示的完全一樣。要編輯它的任何部分,只需單擊它。
Divi 使用行(分為列)和模塊系統來創建您的頁面。使用文本模塊,您可以單擊文本并直接在屏幕上輸入您想要的任何內容。
在這里,我們更改了標題及其下方的文本:

對于其他模塊,您可以將鼠標光標放在它們上面,然后單擊“模塊設置”圖標進行編輯。
在這里,我們正在編輯其中一個數字計數器:

您可以使用垃圾桶圖標以相同的方式刪除模塊和行。
您可能希望在主頁上使用自己的圖像。您可以通過編輯模塊設置來更改這些設置。
請注意,頂部的圖像設置為全角標題模塊的背景,因此您需要在該模塊的內容 ? 背景下進行更改:

對頁面所做的更改感到滿意后,您可以單擊屏幕底部的“保存”。

有時底行按鈕會被隱藏。
如果您看不到它們,則需要單擊紫色的“...”按鈕打開它們。

以下是我們的頁面在網站上的實時外觀:

在WordPress中設置您的主頁
默認情況下,WordPress會在主頁上顯示您的博客文章。
這意味著在創建和自定義您的主頁后,您需要告訴您的 WordPress 網站在有人訪問您的域時顯示該頁面。
讓我們來看看如何在WordPress中設置單獨的主頁和博客頁面。
專業提示:您的網站已經有訪問者嗎?然后,您可能希望在設置主頁時。或者,您可以設置一個,您可以在其中創建主頁,然后再將其發布。
首先,只需轉到頁面?添加新頁面并將您的新頁面命名為博客。之后,您可以繼續發布空白頁。

一旦你的主頁和博客頁面準備好了,你需要告訴WordPress開始使用這些頁面。
您可以通過轉到WordPress管理區域中的“設置”?“閱讀”頁面來執行此操作。您需要在“您的主頁顯示”部分下選擇“靜態頁面”選項。之后,繼續選擇您的主頁和博客頁面。

不要忘記單擊“保存更改”按鈕來存儲您的設置。
WordPress將自動在博客頁面上顯示您的最新帖子。有關更多詳細信息,您可以查看有關如何的指南。
就是這樣!您已經在WordPress中創建了一個漂亮的主頁并成功設置了它。





