วิธีแสดงโพสต์ที่มีความคิดเห็นมากที่สุดใน WordPress (2 เทคนิค)

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

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

ในบทความนี้ เราจะแสดงวิธีแสดงโพสต์ที่มีความคิดเห็นมากที่สุดใน WordPress ทีละเฟส

เหตุใดจึงแสดงโพสต์ที่มีความคิดเห็นมากที่สุดใน WordPress

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

ทั้งหมดนี้ร่วมกันเป็นการเพิ่มหลักฐานทางสังคมที่สำคัญสำหรับหน้าเว็บของคุณ

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

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

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

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

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

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

โปรดทราบ: มี MonsterInsights เวอร์ชันฟรี แต่เรากำลังใช้รูปแบบมืออาชีพสำหรับบทช่วยสอนนี้เนื่องจากประกอบด้วยองค์ประกอบโพสต์ยอดนิยม

เมื่อเปิดใช้งาน ให้ไปที่ Insights » Preferred Posts จากนั้นคลิกแท็บ 'Popular Posts Widget' ในเมนู

บนหน้าจอแสดงผลนี้ คุณจะควบคุมรูปลักษณ์โดยรวมของโพสต์ที่มีความคิดเห็นมากที่สุดของคุณ

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

มีตัวเลือกการปรับแต่งอื่น ๆ มากมายบนหน้าจอนี้เช่นกัน

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

หลังจากนั้น คุณจะมีทางเลือกมากขึ้นในการปรับแต่งสไตล์และการออกแบบ

สำหรับภาพประกอบ คุณสามารถปรับปรุงขนาดและสีของชื่อเรื่อง ไอคอน และบันทึกการติดตามได้

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

ทันทีที่คุณปรับแต่งลักษณะที่ปรากฏของโพสต์ความคิดเห็นของคุณเสร็จแล้ว ก็ถึงเวลาคัดกรองโพสต์ยอดนิยมของคุณตามความคิดเห็น

ในกล่องเมตา 'จัดเรียงตาม' เพียงเลือกปุ่ม 'ความคิดเห็น'

จากนั้น คุณสามารถเลื่อนลงและดูทางเลือกอื่นเพิ่มเติมเพื่อรวมและไม่รวมโพสต์

นอกจากนี้ยังมีตัวเลือกเพื่อรวมโพสต์จากชั้นเรียนเฉพาะในวิดเจ็ตโพสต์ยอดนิยม

MonsterInsights จะแสดงโพสต์ที่มีความคิดเห็นมากที่สุดของคุณเป็นประจำ

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

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

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

ในการดำเนินการนี้ ให้เปิดเพจหรือวางไว้ทุกที่ที่คุณต้องการคัดกรองโพสต์ที่มีความคิดเห็นมากที่สุด

เมื่ออยู่ในเครื่องมือแก้ไขเนื้อหา เพียงคลิกไอคอน '+' และค้นหาบล็อก 'โพสต์ยอดนิยม'

การดำเนินการนี้จะรวมโพสต์ที่มีความคิดเห็นมากที่สุดของคุณไว้ในไซต์ของคุณทันที

ตรวจสอบให้แน่ใจว่าคุณเพียงแค่คลิก 'อัปเดต' หรือ 'เผยแพร่' เพื่อให้การแก้ไขของคุณคงอยู่

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

คุณสามารถแวะที่เว็บไซต์เพื่อดูโพสต์ที่มีผู้ชื่นชอบมากที่สุดพร้อมการตอบกลับ

แนวทางที่ 2 จะเกี่ยวข้องกับการเพิ่มโค้ดในเอกสาร WordPress ของคุณ

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

ประการที่ 2 โค้ดไม่ได้รับการปรับให้เหมาะกับการทำงานเท่ากับปลั๊กอิน MonterInsights นั่นแสดงว่าจะช่วยปรับปรุงการโหลดของเซิร์ฟเวอร์ และอาจทำให้เว็บไซต์ของคุณช้าลงได้

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

การเพิ่ม Code Snippet ให้กับไฟล์ functions.php

คุณจะต้องรวมรหัสที่ให้ไว้ข้างใต้ในไฟล์ features.php ของคุณ เราแนะนำให้ทำเช่นนี้โดยทำงานกับปลั๊กอิน WPCode เป็นวิธีที่ปลอดภัยและดีที่สุดในการรวมโค้ดที่กำหนดเองเข้ากับเว็บไซต์ WordPress ของคุณ

เริ่มแรก คุณจะต้องใส่และเปิดใช้งานปลั๊กอิน WPCode สำหรับข้อเท็จจริงเพิ่มเติม อย่าลืมดูแนวทางของเราเกี่ยวกับวิธีตั้งค่าปลั๊กอิน WordPress

หมายเหตุ: คุณยังสามารถใช้ปลั๊กอิน WPCode ฟรีได้เนื่องจากมีฟังก์ชันทั้งหมดที่คุณต้องการแทรกโค้ดนี้

เมื่อเปิดใช้งาน คุณสามารถไปที่ Code Snippets » Insert Snippet จากแดชบอร์ด WordPress ของคุณและเลือกตัวเลือก 'Add Your Custom made Code (New Snippet)'

ในเร็วๆ นี้ คุณสามารถรวมชื่อสำหรับข้อมูลโค้ดของคุณที่ด้านบนของหน้าเว็บไซต์ ตอนนี้ เพียงคัดลอกและวางโค้ดนี้ลงในช่อง 'แสดงตัวอย่างโค้ด':

purpose wpb_most_commented_posts()  
// start output buffering
ob_begin()
?>

have_posts()) : $query->the_publish() ?>
  
 

หลังจากนั้น ตรวจสอบให้แน่ใจว่าได้คลิกเมนูแบบเลื่อนลงประเภทรหัสแล้วเลือกตัวเลือก 'PHP Snippet'

เมื่อเสร็จแล้ว เพียงคลิกปุ่มสลับเพื่อทำให้รหัส 'ใช้งาน' จากนั้นกดปุ่ม 'บันทึกตัวอย่าง' ที่ด้านบน

สำหรับรายละเอียดเพิ่มเติม โปรดดูคู่มือสำหรับผู้เริ่มต้นของเราในการวางตัวอย่างข้อมูลจากเว็บลงใน WordPress

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

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

หากต้องการแสดงโพสต์ยอดนิยมของคุณ สิ่งที่คุณต้องทำคือเพิ่มรหัสย่อต่อไปนี้ในไซต์ WordPress ของคุณ

[wpb_most_commented]

สำหรับรายละเอียดเพิ่มเติม โปรดดูคู่มือสำหรับผู้เริ่มต้นของเราเกี่ยวกับวิธีเพิ่มรหัสย่อใน WordPress

หากคุณต้องการเพิ่มภาพขนาดย่อถัดจากชื่อโพสต์ของคุณ ให้เพิ่มโค้ดบรรทัดต่อไปนี้ทันที

แท็กในรหัสที่สูงกว่า

รหัสนี้จะกำหนดการวัดที่ปรับแต่งสำหรับภาพถ่ายขนาดย่อที่เผยแพร่ คุณสามารถเปลี่ยนขนาดเพื่อตอบสนองความต้องการของคุณ

สร้างแบบจำลองโพสต์ที่มีความคิดเห็นมากที่สุดของคุณโดยใช้ CSS

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

ในการทำเช่นนี้ คุณสามารถแก้ไขหลักสูตร CSS .most-commented และ .wpb-comment-count ในสไตล์ชีตของธีม WordPress ของคุณได้

คุณสามารถใช้ CSS ต่อไปนี้เพื่อเริ่มต้น:

.most-commented li  
border-base:1px sound #eee 
padding-bottom:3px 
 
.most-commented li :following  
distinct:both of those
 
.most-commented img  
padding:3px
margin:3px
float:remaining

.wpb_comment_count a, .wpb_comment_count a:active, .wpb_comment_rely a:visited, .wpb_remark_count a:hover  
color:#FFF

หากต้องการเพิ่ม CSS ให้กับสไตล์ชีตของธีมเว็บไซต์ของคุณ คุณสามารถใช้ WPCode ไปที่ Code Snippets » Add Snippet จากแดชบอร์ด WordPress ของคุณ แล้วเลือกตัวเลือก 'Add Your Tailor made Code (New Snippet)'

ในอนาคต ให้ป้อนโค้ด CSS ให้น้อยกว่าพื้นที่การแสดงตัวอย่างโค้ด และใส่ชื่อเรื่องสำหรับข้อมูลโค้ดของคุณ

เพียงรับประกันว่าคุณคลิกเมนูแบบเลื่อนลงของ Code Kind และเลือกตัวเลือก 'CSS Snippet'

เมื่อคุณทำเสร็จแล้ว อย่าลืมสลับสวิตช์เป็น 'ใช้งานอยู่' แล้วคลิกปุ่ม 'บันทึกตัวอย่าง' ที่เมเจอร์

สำหรับข้อมูลเพิ่มเติม โปรดดูบทแนะนำของเราเกี่ยวกับวิธีรวม CSS ส่วนบุคคลเข้ากับเว็บไซต์ WordPress ของคุณอย่างง่ายดาย

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

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