如何以網格佈局顯示您的WordPress帖子


您是否要以網格佈局顯示WordPress帖子? 大多數WordPress主題都沒有為您的帖子提供網格佈局顯示。 在本文中,我們將向您展示如何在任何主題上以網格佈局顯示WordPress帖子,而無需編寫任何代碼。

在網格佈局中顯示WordPress帖子

什麼時候需要WordPress的網格佈局?

傳統的垂直顯示佈局對大多數網站都適用。 但是,如果要顯示大量帖子,此佈局可能會佔用很多空間。

如果您正在為WordPress網站使用自定義主頁,則可能需要使用基於網格的佈局來顯示您的最新帖子。

這樣可以節省空間,以便您可以在首頁上添加其他項目。 由於突出顯示的特色圖像,它在視覺上也更令人愉悅。

專為雜誌或攝影網站設計的WordPress主題已經使用基於網格的佈局來顯示帖子。 但是,如果使用的主題不支持該主題,則需要為此創建自己的模板。 這將需要您學習PHP,HTML,CSS等。

讓我們看看如何在無需編寫任何代碼的情況下以任何主題的網格佈局顯示WordPress帖子。

以網格佈局顯示WordPress帖子

為簡單起見,我們創建了一個視頻教程,介紹如何以網格佈局顯示WordPress帖子,您可以在下面觀看。

訂閱WPBeginner

但是,如果您只想按照文本說明進行操作,則可以按照我們的逐步教程進行操作,以了解如何在網格佈局中顯示WordPress帖子。

您需要做的第一件事是安裝並激活Post Grid插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 後期網格»新的後期網格 頁面以創建您的帖子網格。

創建一個新的帖子網格

網格後頁面分為第一行中的選項卡所呈現的不同部分。 首先,您需要點擊“查詢帖子”標籤。

在這裡,您將定義希望插件如何檢索帖子以進行顯示。

查詢要在網格中顯示的帖子

您可以選擇要顯示的帖子類型。 默認情況下,它將顯示“帖子”,但您可以根據需要選擇頁面,或選擇任何自定義帖子類型。

接下來,您需要單擊佈局選項卡。 在這裡您可以選擇顯示網格的方式。

選擇網格佈局

您可以選擇內容佈局。 該插件有幾種選擇,例如平面,平面中心,平面右等。您也可以單擊編輯按鈕,這將打開佈局編輯器,您可以在其中創建自己的佈局。

您可以從5種可用皮膚中選擇一種。 有些皮膚具有很酷的視覺效果,當用戶將鼠標移到縮略圖上時,這些效果會翻轉或旋轉圖像。

現在,您需要點擊“佈局設置”標籤。 此處的設置適用於大多數網站,但是如果您的網格佈局不適合您的頁面,則可以在此處進行修復。

網格佈局設置

最後,單擊導航選項卡,然後選擇您的分頁樣式。

完成後,只需單擊“發布”按鈕。 這將使您的帖子網格可用,您可以將其添加到要顯示帖子網格的頁面。

在WordPress頁面中添加帖子網格

在後網格編輯器上,您將看到選項卡短代碼。 單擊它會顯示一個簡碼。

複製簡碼

複製簡碼並編輯您要在其中顯示帖子網格的WordPress頁面。 將簡碼粘貼到要顯示網格的內容區域內。

接下來,通過單擊更新按鈕保存頁面。 現在,您可以訪問您的網站以查看發佈網格。

以網格佈局顯示的WordPress帖子

如果要將帖子網格直接添加到WordPress主題文件中,也可以使用PHP代碼。

這就是我們希望本文幫助您以網格佈局顯示WordPress帖子的全部。 您可能還想查看有關在WordPress帖子中添加多列內容的指南。

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