如何在WordPress中按類別顯示最近的帖子


您是否曾經想過在WordPress邊欄中顯示每個類別的最新帖子? 最近,我們的一位用戶要求我們提供一種簡便的方法,以在WordPress側邊欄小部件中顯示特定類別的最新帖子。 在本文中,我們將介紹如何在WordPress邊欄中按類別顯示最新帖子。

帖子按類別

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

有兩種方法可以按類別顯示WordPress中的最新帖子。 第一種方法非常簡單並且對新手友好,因為我們將使用插件在小部件中按類別顯示最近的帖子(無需編碼)。

第二種方法是為高級DIY用戶使用代碼段,因此您可以顯示特定類別的最新帖子而無需插件。

使用code方法的唯一好處是您不依賴於插件,並且還有更多自定義選項。 但是,插件方法很容易,並且具有大多數自定義選項,可以滿足95%的用戶需求,例如顯示帖子縮略圖,顯示帖子摘錄和控制摘錄長度,顯示帖子日期和評論數等。

話雖如此,讓我們看一下如何使用category post小部件插件在WordPress邊欄中按類別顯示最近的帖子。

按類別顯示最新帖子(插件方式)

您需要做的第一件事是安裝並激活Category Posts Widget插件。

激活後,您需要訪問 外觀»小部件,您會在可用小部件列表中註意到新的Category Posts小部件。

只需將“類別帖子”小部件拖放到側欄,即可在其中按類別顯示最近的帖子。

分類帖子小部件設置

小部件選項很容易解釋。 首先,您需要為類別帖子部分提供標題,然後選擇一個類別。 之後,您可以選擇其他顯示選項,例如帖子數,摘錄,特色圖片等。

完成後,單擊“保存”按鈕以存儲小部件設置。 現在,您可以訪問您的網站,以按類別查看最近的帖子。

按類別顯示最近發布的帖子,不帶插件(代碼段)

在這種方法中,我們將使用代碼段顯示類別中的最新帖子。

首先,您需要將此代碼添加到主題的functions.php文件或特定於站點的插件中。

function wpb_postsbycategory() {
// the query
$the_query = new WP_Query( array( 'category_name' => 'announcements', 'posts_per_page' => 10 ) ); 

// The Loop
if ( $the_query->have_posts() ) {
	$string .= '
    '; while ( $the_query->have_posts() ) { $the_query->the_post(); if ( has_post_thumbnail() ) { $string .= '
  • '; $string .= '' . get_the_post_thumbnail($post_id, array( 50, 50) ) . get_the_title() .'
  • '; } else { // if no featured image is found $string .= '
  • ' . get_the_title() .'
  • '; } } } else { // no posts found } $string .= '
'; return $string; /* Restore original Post Data */ wp_reset_postdata(); } // Add a shortcode add_shortcode('categoryposts', 'wpb_postsbycategory'); // Enable shortcodes in text widgets add_filter('widget_text', 'do_shortcode');

確保更換 'announcements' 與您自己的類別子彈。

這段代碼只是查詢WordPress來檢索指定類別的10個帖子。 然後,它在項目符號列表中顯示帖子。 如果帖子具有精選圖片(帖子縮略圖),則該帖子也會顯示精選圖片。

最後,我們創建了一個簡碼 'categoryposts' 並在文本小部件中啟用了簡碼。

使用此代碼段,可以通過三種方式按類別顯示最近的帖子。

首先,您可以簡單地將以下代碼粘貼到所需模板文件位置中的任何位置(例如footer.php,single.php等)。


第二種和第三種方法依賴於在小部件區域或帖子/頁面內部使用簡碼。

只需訪問 外觀»小部件 並將文本小部件添加到側邊欄。 接下來添加 [categoryposts] 文本小部件中的簡碼並保存。 現在,您可以預覽您的網站,以在側邊欄中按類別查看最近的帖子。

如果要按類別顯示特定帖子或頁面上的最新帖子,則只需將簡碼粘貼到帖子內容區域。

默認情況下,您的列表可能看起來不太好。 您將需要使用CSS設置類別帖子列表的樣式。 您可以將以下代碼用作主題或子主題的樣式表的起點。

ul.postsbycategory {
list-style-type: none;
}

.postsbycategory img {
float:left; 
padding:3px;
margin:3px;
border: 3px solid #EEE;
}

帶有縮略圖的類別中的帖子

僅此而已,我們希望本文能幫助您在WordPress邊欄中按類別顯示最新帖子。 您可能還需要查看WordPress這些最想要的類別黑客和插件。

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