如何新增WordPress最新文章版塊?

如何新增WordPress最新文章版塊?

內容對於執行WordPress部落格很重要。但是,在您的每個頁面上沒有足夠的內部連結的內容是不夠的。有效的方法是在文章內容上手動插入相關連結,並在側邊欄或頁尾區域展示相關文章

但是,在大多數情況下,新增最近釋出的列表對於擁有可靠的Internet連結結構也很有用。在本文中,我們將介紹在WordPress中插入最新文章的各種選項。

為什麼要使用最近的文章?

以下是在您的網站中插入最新文章的一些原因:

  • 在主頁中新增最新文章列表可幫助訪問者快速瀏覽您的內容。
  • 您可以在熱門內容中插入最近釋出的小工具,以宣傳您最近發表的文章。
  • 在頁尾或側邊欄區域展示您的最新文章也是一個好主意。

在WordPress網站中插入最近的文章

您在WordPress中有不同的可能性來展示您的最新文章:

  • 使用WordPress最近的文章小工具在側邊欄或頁尾等小工具區域展示。
  • 使用Gutenberg最近的文章塊插入中間的文章內容。
  • 使用第三方外掛展示最近的文章。

讓我們在以下部分介紹所有可能性。

1.在小工具區域插入相關文章

在WordPress中使用“最近的文章”小工具的典型方式是在側邊欄或頁尾小工具區域展示您最近的文章。如果您使用舊的經典編輯器並且您有一個帶有Gutenberg編輯器的小工具塊,則可以拖放小工具。

  • 登入到您網站的管理面板並導航到“外觀 > 小工具”部分。
  • 選擇要插入小工具的側邊欄或頁尾區域,然後單擊左上角顯示為 + 的“新增區塊”圖示。
  • 這將顯示所有可用塊的列表,並在搜尋框中鍵入“最新”。
  • 單擊“最新文章”小工具以插入塊。

小工具區塊中的最新文章

小工具區塊中的最新文章

  • 插入小工具後,單擊它以檢視可用於自定義外觀的選項。
  • 您可以更改對齊方式並切換網格或列表檢視以調整站點佈局上的小工具。

更改為網格或列表檢視和對齊方式

更改為網格或列表檢視和對齊方式

  • 由於它是一個單獨的區塊,它沒有任何標題。如果需要,您可以新增“標題”部落格以在小工具上方插入標題,並將兩個區塊組合到一個塊中。

將標題新增到列表

將標題新增到列表

  • 最後,按“更新”按鈕釋出您的更改。您網站上的“最新文章”小工具將如下所示。

側邊欄中的最新文章小工具

側邊欄中的最新文章小工具

經典編輯器中的最新文章

如果您使用的是Classic Editor,插入最近的文章的過程是相同的。但是,小工具名稱將不同於“最近文章”而不是“最新文章”。

  • 轉到“外觀>小工具”並將“最近文章”小工具拖動到所需區域。

經典編輯器最近的文章小工具

經典編輯器最近的文章小工具

  • 或者,單擊小工具,選擇要插入的可用區域,然後單擊“新增小工具”按鈕。

選擇要插入小工具的區域

選擇要插入小工具的區域

  • 小工具可用後,輸入標題,如“最新文章”、“最近文章”或您希望在已釋出站點的小工具上方顯示的任何內容。
  • 根據站點佈局上的可用空間,鍵入要在列表中顯示的文章數。
  • 最後,選擇是否要在列表中的每篇文章下方顯示釋出日期。
  • 完成設定後,單擊“儲存”按鈕釋出您的更改。

已插入最近的文章小工具

已插入最近的文章小工具

  • “最近的文章”小工具在您釋出的網站上將如下所示。

使用經典編輯器的帶有日期的最近文章小工具

使用經典編輯器的帶有日期的最近文章小工具

注意:如您所見,Gutenberg不提供顯示釋出日期和選擇最新文章列表中的文章數量的選項。此外,無論您使用古騰堡編輯器還是經典編輯器,小工具的外觀都是由您使用的主題決定的。

2.在內容區域插入最新文章小工具

儘管帶有經典編輯器的“最近文章”提供了額外的選項,但它不能插入到內容區域內。您唯一的選擇是使用古騰堡“最新文章”小工具或使用第三方外掛。

  • 當您在內容區域時,在段落塊中輸入/latest
  • 這將過濾“最新文章”區塊並單擊它以插入。

在內容區域中插入最新文章區塊

在內容區域中插入最新文章區塊

  • 該小工具會立即顯示您最近的文章,您可以切換列表或網格檢視。

最新文章區塊選項

最新文章區塊選項

自定義內容中的最新文章小工具

與小工具區塊不同,您可以找到大量選項來自定義內容中的最新文章小工具。您可以在側邊欄的“區塊”部分下找到所有可用選項。

自定義選項最新文章小工具

自定義選項最新文章小工具

  • 樣式– 您可以從預設樣式、分隔線或邊框中選擇三種樣式。
  • 文章內容設定– 您可以啟用此選項並在每個標題下方顯示指定長度或完整文章的摘錄。
  • 釋出元設定– 切換作者姓名和釋出日期。
  • 特色圖片– 顯示或隱藏每個文章的特色圖片。此外,您可以更改影象對齊、連結影象並選擇影象大小。
  • 排序和過濾——選擇排序順序,根據類別和作者進行過濾。您還可以使用網格檢視的所需列來限制列表中顯示的專案數。
  • 高階– 這是所有Gutenberg區塊新增自定義CSS類的常用選項。

以下是帶有自定義選項的列表檢視中最新文章的示例:

列表檢視示例

列表檢視示例

相同的小工具將出現在網格檢視中,並在兩列中進行一些修改,如下所示:

網格檢視示例

網格檢視示例

注意: WordPress還提供迴圈查詢和文章列表區塊,用於根據類別和標籤建立文章頁面。但是,您可以使用該塊的過濾選項來顯示具有一定數量最新文章的單個頁面,並建立一個最近的文章小工具。

3. 使用第三方外掛

坦率地說,我們不建議使用第三方外掛在WordPress中插入最近的文章,因為預設的Gutenberg區塊就足夠了。

但是,還有一些其他情況,例如,如果您想在列表中包含自定義文章型別或包含特定頁面。最好的選擇是在您的網站上安裝並啟用“ WP Latest Posts ”外掛。

該外掛提供了大量選項來建立漂亮的最近文章區塊,您可以使用簡碼或古騰堡塊將其插入任何地方。請注意,您可以為不同的文章型別建立多個區塊,並在您的PHP模板中插入短程式碼以展示相應的文章,而無需混合類別和文章型別

WP Latest Posts外掛

WP Latest Posts外掛

  • 啟用外掛後,您將在側邊欄中找到一個新的選單項“WP Latest Posts”並單擊它。
  • 單擊“+ New Block”按鈕為您的網站建立一個新的最近文章塊。

新增新的最近文章區塊

新增新的最近文章區塊

  • 該外掛提供了許多過濾和設計選項,用於為您的小工具選擇內容源和主題。瀏覽設定並根據您的要求進行自定義。

設計你的區塊

設計你的區塊

  • 完成設定後,儲存塊以建立簡碼。

獲取區塊簡碼

獲取區塊簡碼

插入最近文章區塊

如果您使用的是經典編輯器,該外掛將在介面中新增一個名為“新增最新文章”的按鈕。對於Gutenberg,您可以將短程式碼貼上到內容區域內的任何位置或使用“WP Latest Posts”塊。

貼上簡碼或使用區塊

貼上簡碼或使用區塊

  • 您將無法在編輯器中自定義小工具,因為您已經從外掛的設定面板中設定了所有內容。
  • 釋出您的文章並檢視最新的文章區塊,如下所示。

使用外掛新增最近文章

使用外掛新增最近文章

  • 您還可以使用小工具區域或文章模板中的短程式碼在所有文章上自動顯示小工具。

注意: Jetpack還提供了一個名為“Top Posts & Pages”的附加小工具,您可以通過允許外掛設定中的“Extra Widgets”來啟用它。此小工具的優點是可以在列表中顯示頁面,並具有簡化的介面。因此,如果您已經使用Jetpack,請考慮使用此選項而不是使用其他外掛。

小結

我們建議使用Gutenberg區塊編輯器中的“最新文章”區塊來建立漂亮的最近文章小工具內部文章內容區域。

雖然在小工具區域中使用該區塊不提供任何自定義,但大多數主題使用自定義CSS來自定義顯示小工具。如果預設區塊不夠用,那麼您可以使用上面提到的外掛在輪播檢視中建立最近的文章。

評論留言

脣槍舌劍 (1)

  • 九凌网络的頭像

    九凌网络

    2022.8.5 16:08

    博主的文章真不错,质量高,请多多更新啊

    回覆