วิธีแสดงโพสต์ล่าสุดเป็นแบบดรอปดาวน์ใน WordPress

---

คุณอาจคุ้นเคยกับวิดเจ็ตหมวดหมู่ใน WordPress เมื่อเร็ว ๆ นี้หนึ่งในผู้อ่านของเราถามเราว่าเป็นไปได้หรือไม่ที่จะแสดงโพสต์ล่าสุดแบบเลื่อนลงเช่นกัน ในบทความนี้ เราจะแสดงวิธีแสดงโพสต์ล่าสุดแบบดรอปดาวน์ใน WordPress

ทำไมและใครต้องการโพสต์ล่าสุดแบบเลื่อนลง?

WordPress มาพร้อมกับวิดเจ็ตโพสต์ล่าสุดในตัวที่คุณสามารถเพิ่มลงในแถบด้านข้างหรือพื้นที่พร้อมวิดเจ็ตได้

วิดเจ็ตนี้แสดงรายการโพสต์ล่าสุด และคุณสามารถเลือกจำนวนโพสต์ที่คุณต้องการแสดงได้ แต่ถ้าคุณต้องการแสดงมากกว่า 5-10 โพสต์ รายการนั้นจะใช้พื้นที่ในแถบด้านข้างของคุณมาก

ผู้ใช้ WordPress บางรายอาจต้องการวิธีกะทัดรัดในการแสดงโพสต์ล่าสุด ในกรณีดังกล่าว การใช้รายการแบบเลื่อนลงหรือรายการที่ยุบได้สามารถช่วยคุณประหยัดพื้นที่ได้

มาดูวิธีต่างๆ สองสามวิธีในการแสดงโพสต์ล่าสุดเป็นเมนูแบบเลื่อนลงใน WordPress

การแสดงโพสต์ล่าสุดของ WordPress ในเมนูแบบเลื่อนลงธรรมดา (รหัสคู่มือ)

วิธีการนี้ใช้ฟังก์ชัน wp_get_recent_posts ในตัว สิ่งที่คุณต้องทำคือคัดลอกและวางโค้ดต่อไปนี้ลงในไฟล์ function.php ของธีมของคุณหรือปลั๊กอินเฉพาะไซต์

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

ตอนนี้คุณสามารถใช้รหัสย่อ [rp_dropdown] ในโพสต์ หน้า และวิดเจ็ตข้อความ WordPress ของคุณได้แล้ว มันจะมีลักษณะเช่นนี้:

การเพิ่มโพสต์ล่าสุดที่ยุบได้โดยใช้ปลั๊กอิน

วิธีการข้างต้นเพียงแสดงรายการโพสต์ล่าสุดของคุณในรูปแบบดรอปดาวน์ อีกวิธีในการประหยัดพื้นที่คือการเพิ่มรายการโพสต์ล่าสุดแบบยุบได้ ซึ่งจะขยายเมื่อผู้ใช้คลิก

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน 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 ข้อเหล่านี้เพื่อสร้างปฏิทินบรรณาธิการที่ยอดเยี่ยมใน WordPress

หากคุณชอบบทความนี้ โปรดสมัครรับวิดีโอบทช่วยสอนช่อง YouTube สำหรับ WordPress ของเรา คุณสามารถหาเราได้ทาง Twitter และ Facebook