Cách hiển thị các bài viết gần đây dưới dạng thả xuống trong WordPress

---

Có lẽ bạn đã quen thuộc với tiện ích Danh mục trong WordPress. Gần đây, một trong những độc giả của chúng tôi đã hỏi chúng tôi liệu có thể hiển thị các bài đăng gần đây trong trình đơn thả xuống hay không. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách hiển thị các bài đăng gần đây dưới dạng thả xuống trong WordPress.

Tại sao và ai cần những bài viết gần đây trong Drop Down?

WordPress đi kèm với một tiện ích bài đăng gần đây được tích hợp sẵn mà bạn có thể thêm vào bất kỳ khu vực sẵn sàng của thanh bên hoặc tiện ích nào.

Tiện ích này chỉ hiển thị danh sách các bài đăng gần đây và bạn có thể chọn số lượng bài đăng bạn muốn hiển thị. Nhưng nếu bạn muốn hiển thị nhiều hơn 5-10 bài đăng thì danh sách sẽ chiếm nhiều dung lượng trong thanh bên của bạn.

Một số người dùng WordPress có thể cần một cách nhỏ gọn để hiển thị các bài đăng gần đây. Trong trường hợp đó, việc sử dụng danh sách thả xuống hoặc danh sách có thể thu gọn có thể giúp bạn tiết kiệm dung lượng.

Chúng ta hãy xem một số cách khác nhau để hiển thị các bài đăng gần đây dưới dạng menu thả xuống trong WordPress.

Hiển thị các bài đăng gần đây của WordPress trong Menu thả xuống đơn giản (Mã thủ công)

Phương pháp này sử dụng hàm wp_get_recent_posts tích hợp sẵn. Tất cả những gì bạn cần làm là sao chép và dán đoạn mã sau vào tệp tin.php của chủ đề hoặc một plugin dành riêng cho trang web.

function wpb_recentposts_dropdown() { 
$string .= '<select id="rpdropdown">
			<option  value="" selected>Select a Post</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');

Giờ đây, bạn có thể sử dụng mã ngắn [rp_dropdown] trong bài đăng, trang và tiện ích văn bản WordPress của mình. Nó sẽ trông giống thế này:

Thêm bài viết gần đây có thể thu gọn bằng Plugin

Phương pháp trên chỉ liệt kê các bài đăng gần đây của bạn ở dạng thả xuống. Một cách khác để tiết kiệm dung lượng là thêm danh sách thu gọn các bài đăng gần đây, danh sách này sẽ mở rộng khi người dùng nhấp vào nó.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Collapse-O-Matic. Nó hoạt động tốt và không có cài đặt nào để bạn định cấu hình.

Plugin chỉ đơn giản cho phép bạn hiển thị mọi thứ trong menu có thể thu gọn bằng cách sử dụng mã ngắn.

Trước khi sử dụng plugin này, chúng tôi cần một cách dễ dàng hiển thị các bài đăng gần đây ở bất cứ đâu chúng tôi muốn. Chỉ cần thêm mã này vào tệp tin.php của chủ đề hoặc plugin dành riêng cho trang web.

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');

Mã này chỉ đơn giản cho phép bạn hiển thị danh sách các bài đăng gần đây bằng cách sử dụng mã ngắn [recentposts].

Bây giờ chúng tôi sẽ thêm mã ngắn của mình vào mã ngắn Collapse-O-Matic để tạo danh sách thu gọn các bài đăng gần đây.

Chỉ cần thêm mã ngắn như thế này:

[expand title="Bài đăng gần đây"][bài đăng gần đây][/expand]

Bạn có thể thêm mã ngắn này vào tiện ích văn bản, bài đăng hoặc trang trên trang web WordPress của mình. Đây là giao diện của nó trên trang web thử nghiệm của chúng tôi.

Đó là tất cả, chúng tôi hy vọng bài viết này đã giúp bạn hiển thị các bài đăng gần đây dưới dạng thả xuống trong WordPress. Bạn cũng có thể muốn xem 6 mẹo này để tạo lịch biên tập ấn tượng trong WordPress.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.