為何以及誰需要下拉清單展示最近文章?
WordPress 內建的最近文章小工具可以添加至任何側邊欄或準備好放置小工具的區域。這個小工具只是簡單地展示最近文章列表,您可以選擇要展示的文章數量。但是,如果您想展示超過 5-10 篇文章,那麼這個列表會在側邊欄中佔用大量空間。一些 WordPress 用戶可能需要更緊湊的方式來展示最近文章。在這種情況下,使用下拉清單或可折疊列表可以幫助節省空間。
在 WordPress 中顯示簡單的下拉清單最近文章(手動代碼)
此方法使用內建的 wp_get_recent_posts 函數。您只需將以下代碼複製並粘貼到佈景主題的 functions.php 文件或站點特定的插件中。
function wpb_recentposts_dropdown() {
$string .= '<select id="rpdropdown">
<option value="" selected>選擇一篇文章</option>';
$args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts($args);
foreach( $recent_posts as $recent ){
$string .= '<option value="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</option> ';
}
$string .= '</select>
<script type="text/javascript"> var urlmenu = document.getElementById( "rpdropdown" ); urlmenu.onchange = function() {
window.open( this.options[ this.selectedIndex ].value, "_self" );
};
</script>';
return $string;
}
add_shortcode('rp_dropdown', 'wpb_recentposts_dropdown');
add_filter('widget_text','do_shortcode');
現在您可以在 WordPress 文章、頁面和文本小工具中使用短代碼 [rp_dropdown]。它看起來像這樣:
使用插件添加可折疊的最近文章
上述方法僅僅是將最近文章以下拉形式列表顯示。另一種節省空間的方法是使用可折疊的最近文章列表,當用戶點擊時展開。首先,您需要安裝並激活 Collapse-O-Matic 插件。該插件即插即用,無需配置設置。該插件允許您使用短代碼在可折疊菜單中顯示任何內容。
在使用該插件之前,我們需要一種方法來輕鬆地在任何地方顯示最近文章。只需將下面的代碼添加到您的主題的 functions.php 文件或站點特定的插件中。
function wpb_recentposts() {
$string .= '<ul>';
$args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts($args);
foreach( $recent_posts as $recent ){
$string .= '<li><a href="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</a></li> ';
}
$string .= '</ul>';
return $string;
}
add_shortcode('recentposts', 'wpb_recentposts');
add_filter('widget_text','do_shortcode');
這段代碼允許您使用短代碼 [recentposts] 顯示最近文章列表。現在我們將短代碼添加到 Collapse-O-Matic 短代碼中,創建一個可折疊的最近文章列表。只需這樣添加短代碼:
[expand title=”最近文章”][recentposts][/expand]
您可以將此短代碼添加到文本小工具、WordPress 文章或頁面中。我們的測試站點中,它看起來是這樣的。
就是這樣,我們希望這篇文章幫助您在 WordPress 中以下拉清單顯示最近文章。您可能還希望查看這6條創建殺手級編輯日曆的技巧。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。