如何編輯WordPress主頁:3種方法!

[ad_1]

您是否正在尋找改善首頁並使其對觀眾更具吸引力的方法? 然後您來對地方了! 在本指南中,我們將向您展示3種不同的方法來編輯WordPress主頁,以充分利用您的網站首頁。

什麼是首頁?

WordPress主頁是觀眾在瀏覽器上打開您的網站時看到的第一頁。 由於它是用戶看到的第一頁,因此應確保它看起來不錯,並顯示該網站所提供內容的主要優點。 它可以是您介紹網站,顯示最暢銷產品和服務,顯示最新新聞,呈現博客帖子等的頁面。 例如,在QuadLayers,我們的主頁顯示了我們的服務和產品。 我們主頁的每一部分都經過精心設計,以引起人們對我們產品和服務的興趣,並符合與我們品牌相匹配的設計美學。

為什麼要在WordPress中編輯主頁?

主頁是您網站上最重要的頁面之一,因此它應該使訪問者對可以提供的價值有一個很好的了解。 當然,這取決於您擁有的網站類型。 博客可能需要在其主頁上顯示所有精選的或最新的博客文章,而攝影師可能需要在首頁上顯示圖庫和照片。 這就是為什麼要充分利用您的網站,您需要編輯WordPress主頁並顯示最能描述您的價值主張的內容。

此外,主頁是任何瀏覽者打開您的網站時看到的第一頁,因此您要確保對他們有正確的印象。 一個好的主頁可以在吸引觀眾的注意力以及將訪問者轉換為客戶或訂戶方面發揮重要作用。 因此,要充分利用主頁,您應該精心製作並使其與目標保持一致。

在本指南中,我們將向您展示如何在WordPress中自定義主頁,以便您可以充分利用它。

如何創建和編輯WordPress主頁

讓我們從如何創建頁面並將其設置為主頁開始。 要創建主頁,只需在WordPress儀錶板中轉到頁面>添加新內容。

編輯wordpress主頁-添加新頁面

您可以在此處包括所需的任何內容。 現在,我們僅將其稱為「主頁」,然後單擊右上角的發布。

編輯wordpress主頁-新主頁

現在,您需要將此頁面設置為新主頁,因此請轉到儀錶板側欄上的設置>閱讀。 然後,在「您的主頁」顯示下,您可以決定在主頁上顯示什麼。

您可以將其設置為顯示最新帖子列表或靜態頁面。 選擇「靜態頁面」選項,然後在「主頁」選項下,選擇剛創建的主頁。 您還可以為主頁選擇其他頁面,例如商店頁面,聯繫頁面,關於頁面,「我的帳戶」頁面等等。

編輯wordpress主頁-設置主頁

完成後,單擊保存更改,僅此而已。 您剛剛設置了主頁。 這只是為您的網站創建完美主頁的第一步,所以讓我們繼續前進,看看如何自定義WordPress主頁。

現在,讓我們看一下設置和編輯主頁的3種不同方法:

  1. 使用主題選項
  2. 使用塊編輯器
  3. 使用頁面構建器

讓我們仔細看看它們中的每一個。

1.如何使用主題選項編輯WordPress主頁

大多數WordPress主題可讓您自定義和設置主頁的其他小部件和選項。 這些功能因您使用的主題而異,因此在選擇主題時請記住這一點。 例如,如果您要開設WooCommerce商店,則需要選擇適當的主題來為您的家庭設置基於商店的選項。

要開始編輯WordPress主頁,請轉至WP Admin側欄上的外觀>自定義。

編輯wordpress主頁-外觀主題

接下來,與其直接從閱讀部分設置主頁,不如直接從「主頁設置」標籤中選擇主頁。 選擇「靜態頁面」選項,然後選擇剛創建的主頁。

編輯wordpress主頁-更改主頁

現在是時候自定義主頁了。 如前所述,您必須自定義主頁的選項數量取決於您的主題。 例如,一個免費的主題(如我們在此演示中使用的主題)可能沒有很多元素和項目要添加到您的主頁中,但是高級主題(如Astra)提供了更多選擇。 要在實時編輯器上編輯任何元素,只需單擊筆圖標以更改其選項。

對於我們的主頁,讓我們從隱藏一些小部件以及更改站點元素和其他主頁項開始。 我們的主題Hestia具有專用的FrontPage部分,可讓我們添加一個較大的部分,其他小部件,推薦書,博客文章等。 在實時定製器中瀏覽主題選項,以了解設置和編輯主頁所需的所有選項。

編輯wordpress主頁-編輯主頁主題選項
編輯完主頁後,單擊「發布」即可。 您已經完成設置和編輯,並且您的主頁!

編輯wordpress主頁-發布

2.使用塊編輯器設置和編輯WordPress主頁

您也可以使用塊編輯器來設置和編輯主頁。 為此,請在WordPress管理控制台中轉到「頁面」,然後在新創建的「主頁」下單擊「編輯」。

編輯wordpress主頁-打開主頁塊編輯器

該頁面僅包含圖塊,因此讓我們對其進行一些自定義。 讓我們使用編輯器更改第一條消息並將其更改為歡迎文本。 您還可以使用右側欄中的「版式」設置來進一步個性化此文本和顏色。

然後,讓我們添加一個圖庫來顯示圖像,方法是添加另一個塊並將其設置為圖庫。 現在,我們僅要添加一些庫存圖像。

編輯wordpress主頁-畫廊塊

再一次,您可以使用右側邊欄自定義圖庫,以更改文本,顏色,每行圖像數等等。

我們添加了圖像,但您也可以添加幻燈片,推薦詞,視頻,按鈕,小部件和許多其他類型的塊。 要為您的站點創建完美的主頁,請查看可以在塊編輯器中使用的所有塊。

最後,在「頁面屬性」下,您可以將頁面布局設置為「全形」,以確保您的主頁完美適合併脫穎而出。

完成添加所需的所有元素並自定義主頁後,只需保存更改即可。 而已! 您剛剛使用塊編輯器編輯了WordPress主頁!

3.使用頁面構建器編輯WordPress主頁

定製主頁的最簡單,最靈活的方法是使用專用的頁面構建器。 它們內置的拖放自定義程序以及大量的首頁模板和塊,使您可以立即設置首頁。

注意:在繼續之前,由於我們將使用頁面構建器將自定義部分添加到主頁部分,因此請確保在「主題」設置下禁用任何「首頁」部分。

對於我們的演示,我們將使用「元素或頁面」構建器來自定義我們的主頁。 但是,無論使用哪種頁面構建器,該過程都應該相似。 以防萬一,隨身攜帶頁面構建器的文檔總是很有用的。

首先,您需要安裝和設置Elementor。 然後,在「頁面」部分下打開您的主頁,然後單擊「使用Elementor編輯」。

現在,讓我們通過單擊左下角的設置圖標並使用頁面布局來設置頁面布局。 將此更改為Elementor畫布。

然後,切換到「樣式」選項卡並更改背景顏色和填充。

現在我們有了頁面樣式設置,讓我們向您的主頁添加一個Hero圖像以及其他一些小部件。

使用Elementor創建英雄區

讓我們首先點擊「拖動小部件」下的+按鈕,然後選擇我們的布局。 對於此演示,我們將選擇「單列」布局,但選擇最喜歡的布局。 然後,在「編輯」部分中將「內容寬度」設置為「全寬」,並將「列間隙」設置為「無間隙」。

之後,將「高度」設置為「最小高度」,並將其設置為100-140 VH左右,具體取決於英雄圖像的大小。 在本例中,我們將在此處選擇100。

然後,使用「樣式」選項卡並根據需要設置結構的背景。 我們將通過添加圖像來使用圖像背景。 然後,使用其餘的背景選項以所需方式設置英雄形象。

接下來,讓我們添加一個標題小部件以標識我們的網站,並添加另一個小部件進行自我介紹。 只需單擊左側邊欄右上角的「小部件」按鈕,然後將「標題」小部件拖動到結構中。

編輯wordpress主頁-elementor標題

現在,將文本添加到標題中並設置其對齊方式和大小。 您還可以使用「樣式」選項卡更改字體,文字顏色等。

您還可以包含更多元素,例如圖像,其他標題,按鈕等等。 完成英雄圖像的編輯後,繼續向主頁添加更多內容。

添加小部件

要添加更多內容,您將必須使用更多小部件。 為此,請遵循創建新結構的相同過程,並相應地向其添加小部件。 首先,我們將添加一個標題小部件,其中包含文本「享受我們的內容」。

編輯wordpress主頁-添加新的標題元素或2

您可以為其設置樣式以使其與您的網站設計相匹配,也可以使用「高級」選項卡選擇獨特的背景來添加更多風味。

之後,讓我們通過創建新結構並設置其布局來添加視頻小部件。 然後,使用「窗口小部件」選擇添加「視頻」窗口小部件。

編輯wordpress主頁-添加新的視頻小部件elementor 2

選擇您的視頻源並添加URL。 然後,選擇您的視頻選項(自動播放,靜音,循環播放,播放器控制項和隱私模式),然後使用樣式標籤自定義窗口小部件。

之後,讓我們添加一個「關於我們」部分以完成所有操作。 只需將「標題」選項卡添加到新結構,進行相應的編輯,然後在其下方添加「文本」編輯器小部件即可。

編輯wordpress主頁-添加小部件文本編輯器elementor

然後包括內容,設置樣式選項卡以選擇對齊方式,背景等等。請記住,這是用戶會看到的第一頁,因此您需要給他們留下深刻的印象並使它保持專業。 您還可以使用「高級」選項卡添加自定義背景,運動效果等。

同樣,您還可以添加更多的小部件,例如號召性用語,Google Maps,Galleries等。 對自定義設置滿意後,請單擊更新以完成新編輯的主頁。

當然,您的主頁不需要具有所有這些內容。 設計它以使其有吸引力並匹配您網站的外觀。 而且,如果您使用的是Elementor Pro,則還可以使用自定義塊和主頁模板來設置內容。

獎勵:如何將您的博客或商店頁面設置為主頁

除了創建新主頁之外,您還可以將博客設置為主頁。 為此,請在WordPress信息中心中轉到「設置」>「閱讀」,然後選擇「博客」作為主頁。 然後,單擊「保存更改」,您應該已完成。

編輯wordpress主頁-添加新博客頁面

同樣,您可以將「商店頁面」設置為主頁。 對於在線商店來說,這可能是個好主意,但您需要首先對商店頁面進行一些更改。 如果這對您來說是一個有趣的選擇,請查看我們的完整指南,該指南顯示了自定義商店頁面的不同方法。

結論

總之,主頁是觀眾進入您的網站後看到的第一頁,因此您必須對其進行自定義並給他們留下深刻的印象。 這可能是用戶離開或成為忠實客戶並一次又一次回來的區別。

在本指南中,我們已經看到了設置和編輯WordPress主頁的不同方法:

  • 使用WordPress主題選項
  • 使用WordPress區塊編輯器
  • 使用頁面構建器

您可以從頭開始創建主頁,也可以使用主題包括的預先設計的模板,也可以將博客或「商店」頁面設置為主頁。

最後,如果您想為WordPress網站增添趣味並自定義其他頁面,請查看以下指南:

您是否已自定義主頁? 您還知道其他方法嗎? 在下面的評論部分與我們分享您的經驗!

相關文章