如何在WordPress中創建自定義主頁


用戶經常問我們是否可以在WordPress中創建自定義首頁。

默認情況下,WordPress在首頁上顯示您的博客文章。 但是,作為企業網站,您可能需要創建一個更具吸引力的主頁,以幫助用戶找到所需的信息並提高您的銷售轉化率。

在本文中,我們將向您展示如何輕鬆地在WordPress中創建自定義主頁。 我們將展示多種方法,您可以選擇一種更方便的方法。

在WordPress中創建自定義首頁

什麼是首頁?

主頁是默認的介紹性頁面或網站的首頁。 當有人在瀏覽器的地址欄中輸入您網站的域名時,該頁面就會出現。

主頁示例

主頁的主要目的是向用戶介紹您的網站或公司。 理想情況下,它應該向用戶提供有關您的業務的基本信息,以便他們可以繼續瀏覽您網站上的其他頁面。

默認情況下,WordPress在首頁上顯示您最近的博客文章。 這不是很好,因為它僅顯示您當前的一些文章。

如果您經營企業網站,則默認主頁不會告訴用戶您的企業,產品或服務。 它還無法為用戶提供與您聯繫的方式。

好消息是WordPress已經帶有內置功能來創建自定義主頁。

選擇自定義頁面作為WordPress中的主頁

WordPress使您可以輕鬆地將網站上的任何頁面用作主頁。 你可以簡單地去 頁»添加新 在WordPress管理區域內創建新頁面。

讓我們給該頁面命名為“首頁”並發布它。 您將使用此頁面作為自定義主頁。

現在不用擔心佈局或設計。 本文稍後將向您展示如何設計您的主頁。

現在,如果要在您的站點上運行博客,則需要創建一個單獨的博客頁面來顯示您的帖子。

再一次,去 頁»添加新 頁並創建一個名為“博客”的頁面。 繼續並發布空白頁。

創建頁面後,您需要訪問 設置»閱讀 WordPress管理員中的頁面。 從此處在“您的主頁顯示”部分下選擇“靜態頁面”選項。

選擇主頁和博客頁面

接下來,您需要選擇您先前創建的主頁和博客頁面。

不要忘記點擊“保存更改”按鈕來保存您的設置。

現在您已經設置了要用作自定義主頁的頁面,讓我們開始為WordPress網站設計自定義主頁。

方法1.使用Gutenberg在WordPress中創建自定義主頁

WordPress於2018年12月推出了一種新的基於塊的編輯器,稱為Gutenberg。這種新的編輯器使用戶不僅可以編寫內容,還可以創建漂亮的佈局。

它為每個內容元素使用塊,使您能夠組織內容塊來創建所需的頁面結構。

WordPress包含可用於設計目的的塊,例如封面圖像,列,表格,文本和媒體,畫廊等。

使用古騰堡(Gutenberg)編輯您的自定義首頁佈局

每個模塊都有其自己的設置,使您可以自定義其外觀以滿足設計要求。

您可以使用Gutenberg塊插件擴展可用塊,以向您的武器庫添加更多塊。 這些插件使您可以使用高級元素,例如推薦,滑塊,服務和其他常見設計功能。

使用高級塊庫插件進行首頁佈局

您還可以使用古騰堡就緒的WordPress主題,這些主題為您提供了更大的靈活性來處理塊。

我們建議使用Astra,它帶有Gutenberg網站模板,您可以使用其Astra Starter Sites插件進行安裝。

導入模板後,您可以使用默認的WordPress編輯器對其進行編輯,並為您的網站創建外觀非常專業的首頁。

方法2.使用頁面構建器在WordPress中創建自定義主頁

這種方法非常簡單,不需要任何編碼或設計技能。 對於這種方法,您將使用WordPress頁面構建器插件。

頁面構建器插件使您可以使用簡單的拖放界面輕鬆創建自定義頁面佈局。

我們建議使用Beaver Builder,因為它是市場上最適合初學者的頁面構建器插件。 它帶有許多自定義主頁模板,您可以單擊以安裝它們。

安裝後,您可以使用指向和單擊工具編輯模板。 您可以用自己的內容替換內容和圖像,甚至可以通過添加更多模塊,小部件和部分來擴展模板。

使用Beaver Builder創建自定義主頁

Beaver Builder還使您可以訪問Beaver Themer,它使您無需編寫任何代碼即可製作自己的自定義WordPress主題。

有關更多詳細信息,請參見有關如何使用Beaver Builder輕鬆創建自定義WordPress佈局的指南。

另外,您也可以嘗試Elementor。 它也是一個非常流行的WordPress頁面構建器插件。 它還具有拖放模板和易於使用的界面。

使用Elementor創建首頁佈局

有關詳細信息,請參見有關使用Elementor創建自定義頁面佈局的教程。

方法3.在WordPress中手動創建自定義主頁(需要編碼)

不建議初學者使用此方法,因為它需要編碼。 您需要熟悉WordPress編碼實踐,PHP,HTML和CSS才能使用此方法。

讓我們看看它是如何工作的。

您的WordPress主題由不同的文件組成。 其中一些文件稱為模板,它們控製網站某些區域的顯示。 有關更多詳細信息,請參見我們的WordPress模板層次結構速查表。

這些模板之一稱為front-page.php。 如果您的主題具有此模板,則WordPress將自動使用它來顯示您的自定義主頁。

front-page.php模板

但是,如果您的主題沒有主題,則可以自己創建一個主題/

只需創建一個空白文件並將其另存為front-page.php。 之後,您需要使用FTP將其上傳到WordPress託管帳戶中當前主題的文件夾中。

一旦您上傳了此文件,WordPress將開始使用它來顯示您的主頁。 但是,由於此文件是完全空的,因此您會看到空白的頁面。

要解決此問題,您可以開始添加HTML代碼以顯示自定義首頁的內容。 一種更簡單的方法是在WordPress主題中使用現有的代碼和模板。

例如,您可以使用相同的頁眉和頁腳。 WordPress使包含這些模板變得非常容易。

這是一個示例代碼,在保留主題的標題和導航模板的同時,我們刪除了內容和側邊欄。

	
>
You custom homepage code goes here
//Fetch the theme footer template

在WordPress中製作有效的自定義首頁的提示

您網站的主頁是您網站上最重要的頁面。 用戶可以查看它以了解有關您的業務,產品和服務的更多信息。

我們建議您的首頁設計盡可能簡單。 在我們自己的網站上,我們了解到用戶發現更簡單的佈局會更有幫助。

嘗試避免混亂,但不要隱藏用戶希望在主頁上看到的重要信息。 您還需要確定哪些內容優先出現在佈局中。

在為網站創建自定義首頁之前,寫下您要實現的目標。 本練習將幫助您提出一個明確的設計目標。

對於大多數企業和博客而言,首要目標是將網站訪問者轉化為客戶。 為此,您需要OptinMonster。

它是最好的WordPress彈出插件和銷售線索生成軟件。 它可以幫助您將網站訪問者轉換為訂閱者和付費客戶。

接下來,您需要跟踪自定義首頁的效果。 為此,您需要在網站上安裝Google Analytics(分析)。 它可以幫助您查看用戶的來源以及他們在您的網站上的工作。

您還希望使用戶更輕鬆地與您聯繫。 為此,您將需要WPForms插件,這是市場上最好的WordPress表單插件。

您還可以在您的網站上添加一個點擊通話按鈕,以便人們可以輕鬆撥打您的商務電話。

最後,我們建議您環顧競爭對手/您所在行業/細分市場中的其他熱門網站。 我們並不是要您複製他們的設計,而是要從他們的最佳實踐中學習,然後將其應用於您自己的首頁佈局。

我們希望本文能幫助您輕鬆地在WordPress中創建自定義首頁。 您可能還希望查看我們經過驗證的技巧,以增加博客流量。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。