如何在WordPress側邊欄中添加特色帖子(4種方法)


您是否要在WordPress網站的側邊欄中添加特色帖子部分?

在側邊欄中將您的主要內容顯示為特色文章,可以幫助您吸引更多訪問量。

在本文中,我們將向您展示如何使用多種方法在WordPress邊欄中輕鬆顯示特色帖子。

在WordPress側邊欄中輕鬆發布帖子

為什麼要在WordPress側邊欄中添加特色帖子?

側邊欄是您網站的非內容區域。 大多數用戶通過添加電子郵件通訊表單,社交媒體按鈕和/或顯示橫幅廣告來利用此空間。

利用側邊欄的另一種方法是將熱門文章顯示為特色文章。 這可以幫助您吸引更多訪問這些文章的流量,並且用戶無需尋找就可以發現您的最佳內容。

這是我們在WPBeginner上精選文章的方式。 此側邊欄小部件將出現在我們網站的所有頁面上。

特色文章WPBeginner

話雖如此,讓我們看一下如何在WordPress側邊欄中添加特色帖子,以提高您的綜合瀏覽量和用戶參與度。

方法1。在WordPress邊欄中添加帖子

這種方法非常簡單,不需要您在網站上安裝任何插件。

只需轉到 外觀»小部件 頁,然後將文本小部件添加到WordPress側邊欄。

使用文本小部件在WordPress邊欄中顯示帖子

該小部件帶有一個視覺編輯器,該編輯器的頂部配有一些格式化按鈕。 您可以簡單地添加要作為項目符號列表或純文本顯示的帖子標題。

之後,選擇帖子標題,然後單擊鏈接按鈕以將鏈接添加到博客帖子。

完成後,請不要忘記單擊“保存”按鈕來存儲您的更改。

現在,您可以訪問您的網站以查看您的精選帖子。 這就是在我們的演示站點上的外觀。

WordPress側邊欄文本小部件中的精選文章

方法2.使用菜單在WordPress邊欄中的功能發布

這種方法有點間接,但是使您能夠更有效地管理特色帖子。

我們將創建一個導航菜單,然後將其顯示在邊欄中,而不是在“文本”小部件中添加精選的帖子列表。

這種方法的優點是您可以輕鬆地添加新帖子而無需編輯小部件,並且可以使用拖放界面重新組織列表。

首先,您需要訪問 外觀»菜單 頁,然後點擊“創建新菜單”鏈接。

在WordPress中創建新的自定義菜單

接下來,您需要為菜單輸入一個名稱,該名稱可以幫助您在需要添加菜單時輕鬆地進行識別。 之後,單擊“創建菜單”按鈕繼續。

輸入新的菜單名稱

WordPress現在將為您創建一個新的空白菜單。

現在,您需要單擊左欄中的“帖子”標籤以展開它。 在這裡,您需要選擇要發布的帖子。 您可以在“最近的”,“全部”下找到它們,或使用搜索選項找到並選擇它們。

選擇您要推薦的帖子

選擇要添加的帖子後,單擊“添加到菜單”按鈕。 現在,您的帖子將顯示在右欄中,您可以通過單擊它們來編輯它們的每個標題。 您也可以通過簡單地上下拖動來重新排列它們。

保存菜單

滿意後,單擊“保存菜單”按鈕以存儲您的更改。

現在可以使用菜單了。

在側邊欄中添加特色帖子菜單

只需轉到 外觀»小部件 頁,然後將“導航菜單”小部件添加到側邊欄中。

將導航菜單小部件添加到側邊欄

接下來,您需要為側邊欄菜單小部件提供標題,然後從下拉菜單中選擇您之前創建的精選文章菜單。

不要忘記單擊“保存”按鈕來存儲您的小部件設置。 現在,您可以訪問您的網站以查看特色帖子列表。

使用導航菜單小部件顯示的精選帖子

方法3.使用古騰堡在WordPress中添加特色帖子

很多用戶可能希望在WordPress帖子或頁面內顯示其功能文章。 他們可能正在使用頁面編輯器為其主頁創建佈局,或者其主題可能沒有側邊欄。

這種方法使您可以在WordPress帖子和頁面中添加帖子。

只需在您想要展示特色帖子的WordPress帖子或頁面上進行編輯即可。 在帖子編輯屏幕上,單擊頂部的添加新塊按鈕(+),然後將“列表”塊添加到您的內容區域。

添加列表塊

只需在列表中添加每個要發布的博客文章的標題即可。 然後選擇文本,然後單擊工具欄中的鏈接按鈕以創建文章的鏈接。

完成後,您可以保存更改並更新或發布帖子。 這就是我們的演示網站上的樣子。

重用功能帖子塊

塊編輯器的一大功能是,您可以將塊另存為“可重用的塊”,然後在所需的任何帖子或頁面中添加相同的塊。

要使您的要素發布塊可重複使用,只需單擊塊工具欄中的三點菜單圖標,然後選擇“添加到可重複使用的塊”。

創建可重複使用的塊

接下來,將要求您提供可重複使用塊的名稱。 給它起一個名字,以幫助您以後輕鬆識別它。

命名您的可重用塊

單擊保存按鈕以保存可重複使用的塊。

現在,每當您要編輯帖子或頁面時,您都希望再次顯示要素帖子。 只需單擊添加新塊按鈕,然後通過鍵入其名稱來查找可重複使用的塊。

添加可重複使用的塊

您還可以編輯可重複使用的塊,它將在任何地方自動進行更新。 有關更多詳細信息,請參閱有關如何在WordPress中添加可重用塊的文章。

方法4.用縮略圖在WordPress中顯示特色帖子

一個簡單的普通鏈接列表通常可能會被用戶忽略。 顯示帶有精選帖子的縮略圖將有助於用戶更輕鬆地註意到它們。

為此,我們將使用插件來獲取並顯示特色文章列表以及縮略圖。

首先,您需要安裝並激活Display Posts插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

該插件可讓您選擇並在網站上的任何位置顯示任何WordPress帖子。 它使用短代碼,並允許您使用各種參數來構建自定義查詢。

例如,我們將使用它來獲取並顯示您的特色文章列表以及縮略圖和摘錄。

前往 外觀»小部件 頁,然後在邊欄中添加“文本”小部件。 在窗口小部件的文本區域中,只需添加以下短代碼。

[display-posts id="1,1178,1177,1176,1174,1173,1016,1011," image_size="thumbnail" include_excerpt="true" excerpt_length="10"]

不要忘記替換id值以匹配您要顯示的帖子的ID。

提示:請參閱有關如何在WordPress中找到帖子ID的文章。

現在,單擊“保存”按鈕以存儲您的小部件設置。

現在,您可以訪問您的網站以查看其運行情況。 開箱即用的效果可能不太好,所以讓我們添加一些CSS魔術來對其進行清理。

轉到 外觀»定制 頁面以啟動主題定制器。 從此處單擊“其他CSS”選項卡,您將看到一個框,您可以在其中添加自定義CSS。

自定義CSS框

現在,您可以將以下CSS複製並粘貼到網站上的自定義CSS框中。

ul.display-posts-listing img { 
max-height:50px;
max-width:50px; 
float:left;
padding-right:4px;
}
ul.display-posts-listing li { 
margin-bottom:20px;
font-size:11px;
display:inline-block; 
}

您將在WordPress博客上看到所做更改的實時預覽。 隨意修改CSS以滿足您的要求。

完成操作後,請不要忘記單擊頂部的“發布”按鈕來存儲您的自定義CSS。

現在,您可以訪問您的網站,以查看帶有縮略圖和摘錄的特色帖子。

精選文章,附縮略圖和節選

我們希望本文能幫助您學習如何輕鬆地在WordPress側邊欄中添加帖子。 您可能還想查看有關最佳電子郵件營銷服務和最佳WordPress SEO插件的指南,以增加您的網站流量。

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