如何在 WordPress 中以下拉清單顯示最近的文章

WPressize Me

07/13/2024

為何以及誰需要下拉清單展示最近文章?

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 上找到我們。



Related Posts

  • 2024-07-20
  • WordPress 主题

您是否想在 WordPress 中為不同頁面使用多個佈景主題?可以自訂網頁的外觀和布局,為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

閱讀更多
  • 2024-07-19
  • WordPress 主题

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

閱讀更多
  • 2024-07-13
  • WordPress 主题

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>