国产三级农村妇女在线,国产精品毛片a∨一区二区三区,国产乱子伦视频大全,国产精品色拉拉,国产欧美日韩一区二区三区,

首頁 > 技術 > wordpress

如何添加WordPress最新文章版塊?

wordpress 2023-01-21 19:45:37

如何添加WordPress最新文章版塊?

內容對于運行wordpress博客很重要。但是,在您的每個頁面上沒有足夠的內部鏈接的內容是不夠的。有效的方法是在文章內容上手動插入相關鏈接,并在側邊欄或頁腳區(qū)域展示相關文章。

但是,在大多數(shù)情況下,添加最近發(fā)布的列表對于擁有可靠的Internet鏈接結構也很有用。在本文中,我們將介紹在WordPress中插入最新文章的各種選項。

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

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

  • 在主頁中添加最新文章列表可幫助訪問者快速瀏覽您的內容。
  • 您可以在熱門內容中插入最近發(fā)布的小工具,以宣傳您最近發(fā)表的文章。
  • 在頁腳或側邊欄區(qū)域展示您的最新文章也是一個好主意。

在WordPress網(wǎng)站中插入最近的文章

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

  • 使用WordPress最近的文章小工具在側邊欄或頁腳等小工具區(qū)域展示。
  • 使用Gutenberg最近的文章塊插入中間的文章內容。
  • 使用第三方插件展示最近的文章。

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

1.在小工具區(qū)域插入相關文章

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

  • 登錄到您網(wǎng)站的管理面板并導航到“外觀 > 小工具”部分。
  • 選擇要插入小工具的側邊欄或頁腳區(qū)域,然后單擊左上角顯示為 + 的“添加區(qū)塊”圖標。
  • 這將顯示所有可用塊的列表,并在搜索框中鍵入“最新”。
  • 單擊“最新文章”小工具以插入塊。

小工具區(qū)塊中的最新文章

小工具區(qū)塊中的最新文章

  • 插入小工具后,單擊它以查看可用于自定義外觀的選項。
  • 您可以更改對齊方式并切換網(wǎng)格或列表視圖以調整站點布局上的小工具。

更改為網(wǎng)格或列表視圖和對齊方式

更改為網(wǎng)格或列表視圖和對齊方式

  • 由于它是一個單獨的區(qū)塊,它沒有任何標題。如果需要,您可以添加“標題”博客以在小工具上方插入標題,并將兩個區(qū)塊組合到一個塊中。

將標題添加到列表

將標題添加到列表

  • 最后,按“更新”按鈕發(fā)布您的更改。您網(wǎng)站上的“最新文章”小工具將如下所示。

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

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

經(jīng)典編輯器中的最新文章

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

  • 轉到“外觀>小工具”并將“最近文章”小工具拖動到所需區(qū)域。

經(jīng)典編輯器最近的文章小工具

經(jīng)典編輯器最近的文章小工具

  • 或者,單擊小工具,選擇要插入的可用區(qū)域,然后單擊“添加小工具”按鈕。

選擇要插入小工具的區(qū)域

選擇要插入小工具的區(qū)域

  • 小工具可用后,輸入標題,如“最新文章”、“最近文章”或您希望在已發(fā)布站點的小工具上方顯示的任何內容。
  • 根據(jù)站點布局上的可用空間,鍵入要在列表中顯示的文章數(shù)。
  • 最后,選擇是否要在列表中的每篇文章下方顯示發(fā)布日期。
  • 完成設置后,單擊“保存”按鈕發(fā)布您的更改。

已插入最近的文章小工具

已插入最近的文章小工具

  • “最近的文章”小工具在您發(fā)布的網(wǎng)站上將如下所示。

使用經(jīng)典編輯器的帶有日期的最近文章小工具

使用經(jīng)典編輯器的帶有日期的最近文章小工具

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

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

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

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

在內容區(qū)域中插入最新文章區(qū)塊

在內容區(qū)域中插入最新文章區(qū)塊

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

最新文章區(qū)塊選項

最新文章區(qū)塊選項

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

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

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

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

  • 樣式– 您可以從默認樣式、分隔線或邊框中選擇三種樣式。
  • 文章內容設置– 您可以啟用此選項并在每個標題下方顯示指定長度或完整文章的摘錄。
  • 發(fā)布元設置– 切換作者姓名和發(fā)布日期。
  • 特色圖片– 顯示或隱藏每個文章的特色圖片。此外,您可以更改圖像對齊、鏈接圖像并選擇圖像大小。
  • 排序和過濾——選擇排序順序,根據(jù)類別和作者進行過濾。您還可以使用網(wǎng)格視圖的所需列來限制列表中顯示的項目數(shù)。
  • 高級– 這是所有Gutenberg區(qū)塊添加自定義CSS類的常用選項。

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

列表視圖示例

列表視圖示例

相同的小工具將出現(xiàn)在網(wǎng)格視圖中,并在兩列中進行一些修改,如下所示:

網(wǎng)格視圖示例

網(wǎng)格視圖示例

注意: WordPress還提供循環(huán)查詢和文章列表區(qū)塊,用于根據(jù)類別和標簽創(chuàng)建文章頁面。但是,您可以使用該塊的過濾選項來顯示具有一定數(shù)量最新文章的單個頁面,并創(chuàng)建一個最近的文章小工具。

3. 使用第三方插件

坦率地說,我們不建議使用第三方插件在WordPress中插入最近的文章,因為默認的Gutenberg區(qū)塊就足夠了。

但是,還有一些其他情況,例如,如果您想在列表中包含自定義文章類型或包含特定頁面。最好的選擇是在您的網(wǎng)站上安裝并激活“ WP Latest Posts?”插件。

該插件提供了大量選項來創(chuàng)建漂亮的最近文章區(qū)塊,您可以使用簡碼或古騰堡塊將其插入任何地方。請注意,您可以為不同的文章類型創(chuàng)建多個區(qū)塊,并在您的PHP模板中插入短代碼以展示相應的文章,而無需混合類別和文章類型。

WP Latest Posts插件

WP Latest Posts插件

  • 激活插件后,您將在側邊欄中找到一個新的菜單項“WP Latest Posts”并單擊它。
  • 單擊“+ New Block”按鈕為您的網(wǎng)站創(chuàng)建一個新的最近文章塊。

添加新的最近文章區(qū)塊

添加新的最近文章區(qū)塊

  • 該插件提供了許多過濾和設計選項,用于為您的小工具選擇內容源和主題。瀏覽設置并根據(jù)您的要求進行自定義。

設計你的區(qū)塊

設計你的區(qū)塊

  • 完成設置后,保存塊以創(chuàng)建簡碼。

獲取區(qū)塊簡碼獲取區(qū)塊簡碼

獲取區(qū)塊簡碼

插入最近文章區(qū)塊

如果您使用的是經(jīng)典編輯器,該插件將在界面中添加一個名為“添加最新文章”的按鈕。對于Gutenberg,您可以將短代碼粘貼到內容區(qū)域內的任何位置或使用“WP Latest Posts”塊。

粘貼簡碼或使用區(qū)塊

粘貼簡碼或使用區(qū)塊

  • 您將無法在編輯器中自定義小工具,因為您已經(jīng)從插件的設置面板中設置了所有內容。
  • 發(fā)布您的文章并查看最新的文章區(qū)塊,如下所示。

使用插件添加最近文章

使用插件添加最近文章

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

注意: Jetpack還提供了一個名為“Top Posts & Pages”的附加小工具,您可以通過允許插件設置中的“Extra Widgets”來啟用它。此小工具的優(yōu)點是可以在列表中顯示頁面,并具有簡化的界面。因此,如果您已經(jīng)使用Jetpack,請考慮使用此選項而不是使用其他插件。

小結

我們建議使用Gutenberg區(qū)塊編輯器中的“最新文章”區(qū)塊來創(chuàng)建漂亮的最近文章小工具內部文章內容區(qū)域。

雖然在小工具區(qū)域中使用該區(qū)塊不提供任何自定義,但大多數(shù)主題使用自定義CSS來自定義顯示小工具。如果默認區(qū)塊不夠用,那么您可以使用上面提到的插件在輪播視圖中創(chuàng)建最近的文章。

TAg

加載中~

本網(wǎng)站LOGO受版權及商標保護,版權登記號:國作登字-2022-F-10126915,未經(jīng)湖南木星科技官方許可,嚴禁使用。
Copyright ? 2012-2022 湖南木星科技有限公司(木星網(wǎng))版權所有
轉載內容版權歸作者及來源網(wǎng)站所有,本站原創(chuàng)內容轉載請注明來源,商業(yè)媒體及紙媒請先聯(lián)系:aishangyiwan@126.com

工信部備案號:湘ICP備19012813號-5