วิธีเพิ่มบทความที่เกี่ยวข้องกับ WordPress โดยไม่ต้องใช้ปลั๊กอิน

ข้อดีอย่างหนึ่งของการใช้ WordPress คือปลั๊กอิน ปลั๊กอิน WordPress ครอบคลุมเกือบทุกอย่างที่คุณสามารถจินตนาการได้ตั้งแต่ขยายบล็อกของคุณไปเป็น CMS เพื่อเพิ่มคุณสมบัติที่ดีและปรับแต่งบล็อกของคุณสำหรับเครื่องมือค้นหา - ความเป็นไปได้ไม่มีที่สิ้นสุด (และอย่าลืมชุดรูปแบบที่แตกต่างกันทั้งหมด).

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

หมวดหมู่ปลั๊กอิน WordPress ที่ได้รับความนิยมสูงสุดบางส่วนนั้นมาจากการเพิ่ม “กระทู้ที่เกี่ยวข้อง” ไปยังบล็อก เนื่องจาก WordPress ไม่มีมาตรฐานใด ๆ สำหรับสิ่งนี้ทุกคนจึงจำเป็นต้องใช้ปลั๊กอินบางประเภทเพื่อแสดงโพสต์ที่เกี่ยวข้องในเว็บไซต์ของพวกเขา.

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

แต่ก่อนอื่นให้หลีกเลี่ยงปลั๊กอิน?

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

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

เริ่มต้นใช้งาน: โพสต์ที่เกี่ยวข้องพร้อมภาพขนาดย่อ

ฟีเจอร์ "โพสต์ที่เกี่ยวข้อง" เช่นเดียวกับคนอื่น ๆ ส่วนใหญ่ได้รับการออกแบบให้วางไว้บนหน้าบทความหลักของคุณ (single.php) แต่คุณสามารถใช้งานได้เกือบทุกที่ตราบใดที่คุณเก็บไว้ในลูป WordPress ในการรับโพสต์ที่เกี่ยวข้องเราจะใช้แท็กโพสต์ที่กำหนดให้กับแต่ละบทความ.

รูปขนาดย่อ

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

 add_theme_support ('โพสต์รูปขนาดย่อ'); 

นอกจากนี้คุณยังสามารถตั้งค่าความกว้างและความสูงของภาพขนาดย่อได้ด้วยการเพิ่มอีกบรรทัดในรหัส:

 add_theme_support ('โพสต์รูปขนาดย่อ'); set_post_thumbnail_size (100, 50, จริง); 

สำคัญ: เมื่อเพิ่มรูปภาพในโพสต์เพื่อเลือกรูปขนาดย่อคุณต้องเลือกในแผงอัปโหลดรูปภาพ “ใช้เป็นภาพเด่น”. สิ่งนี้จะสร้างรูปขนาดย่อสำหรับโพสต์.

รหัส

 
 
กระทู้ที่เกี่ยวข้อง
 ID); if ($ แท็ก) $ tag_ids = array (); foreach ($ แท็กเป็น $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // จำนวนโพสต์ที่เกี่ยวข้องที่จะแสดง 'caller_get_posts' => 1) ; $ my_query = ใหม่ wp_query ($ args); ในขณะที่ ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

ชิ้นส่วนของรหัส the_post_thumbnail (array (150,100) กำหนดขนาดของภาพขนาดย่อที่จะแสดงในกรณีนี้ความกว้าง 150px ความสูง 100px.

CSS

เรามีสองกองเรียนที่นี่, “.กระทู้ที่เกี่ยวข้อง”, ซึ่งเป็นคอนเทนเนอร์ div โดยรวมและ “.relatedthumb” ซึ่งเป็นภาพย่อส่วนบุคคลและลิงก์ภายใน. relatedposts เราจะสมมติว่าความกว้างของโพสต์เป็นมาตรฐาน 640px CSS:

 .Relatedposts width: 640px; มาร์จิ้น: 0 0 20px 0; ลอย: ซ้าย; font-size: 12px;. relatedposts h3 font-size: 20px; กำไรขั้นต้น: 0 0 5px 0; . สัมพันธ์กัน margin: 0 1px 0 1px; ลอย: ซ้าย; . เกี่ยวข้องกับ img margin: 0 0 3px 0; การขยาย: 0;. เกี่ยวข้องกับ color: # 333; การตกแต่งข้อความ: ไม่มี; จอแสดงผล: บล็อก; การขยาย: 4px; ความกว้าง: 150px; ที่เกี่ยวข้องกับ a: โฮเวอร์ background-color: #ddd; สี: # 000; 

CSS ด้านบนจะแสดงภาพขนาดย่อของโพสต์ที่มีความกว้าง 150px ซึ่งหมายความว่าเราจะต้องมีภาพขนาดย่อ 4 ภาพเพื่อเติมความกว้าง 640px ของโพสต์ (รวมถึงระยะห่างระหว่างกัน) คุณสามารถปรับได้ตามที่คุณต้องการ; หากคุณต้องการภาพขนาดย่อ 5 ภาพคุณจะต้องมีความกว้าง. เกี่ยวข้องประมาณ 125px.

สำคัญ: ตรวจสอบให้แน่ใจว่าได้ตั้งความกว้างของภาพขนาดย่อที่สร้างในการตั้งค่าสื่อ WordPress ของคุณให้ตรงกับภาพที่คุณตั้งไว้ใน CSS นอกจากนี้จะต้องตรงกับขนาดที่ระบุในรหัส php: the_post_thumbnail (array (150,100).

ตัวอย่าง

โพสต์ที่เกี่ยวข้องควรปรากฏในลักษณะนี้ตามที่ใช้โดยบล็อกเกม DigitalBattle (ซึ่งใช้เทคนิคตรงตามที่อธิบายไว้ในบทความนี้):

เทคนิคที่คล้ายกัน

นี่ไม่ใช่วิธีเดียวในการโพสต์ที่เกี่ยวข้องโดยไม่มีปลั๊กอิน - มีเทคนิคมากมายและคำแนะนำที่แสดงวิธีการเพิ่มโพสต์ที่เกี่ยวข้องโดยไม่ต้องใช้ปลั๊กอินนี่คือตัวอย่างบางส่วน:

]
• โพสต์ที่เกี่ยวข้อง w / รูปขนาดย่อใน WordPress ไม่มีปลั๊กอิน (TechWalz)
• วิธีการ: โพสต์ที่เกี่ยวข้องกับภาพขนาดย่อใน WordPress โดยไม่มีปลั๊กอิน (WPBeginner)
• วิธีเพิ่มบทความที่เกี่ยวข้องพร้อมภาพขนาดย่อโดยไม่ต้องใช้ปลั๊กอิน (WPCode)

สรุปผลการวิจัย

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