ทำ Related post แบบมีภาพ Thumbnail ให้ Wordpress โดยไม่ง้อ Plug-in
โดย เมื่อ
สำหรับใครหลายคน ที่ลองใช้ Wordpress มาได้สักพัก
Plug-in ก็ลงกันสนุกมือ ลบๆ ลงๆ ใช้อันนู้นบ้างอันนี้บ้างจนเละไปแล้ว
(และลงใหม่เรียบร้อยแล้วนะคะ)
เลือก Theme ทีถูกใจ ติดตั้งให้เรียบร้อย นึกอยากทำ Related Post ขึ้นมา
ไม่ต้องใช้ Plug-in ก็ได้ค่ะ สำหรับเวอร์ชั่นที่ทำการทดลองคือ "Wordpress 2.9"
ต้องใช้ความรู้ php เล็กน้อย โดยเข้าไปแก้ไขไฟล์ใน Theme ที่เลือกใช้
ขั้นที่ 1 - แก้ไขไฟล์ "functions.php" ด้วยการเพิ่มโค้ด 2 บรรทัดข้างล่างนี้ลงไป
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 50, true );
เพื่อเป็นการเปิดใช้งาน Thumbnail ภาพประกอบบทความแต่ละเรื่อง
และเป็นการกำหนดขนาดของภาพ Thumbnail (ในที่นี้กำหนดเป็น 50x50 พิกเซล)
ขั้นที่ 2 - แก้ไขไฟล์ "single.php" ด้วยการเพิ่มโค้ด (ยาวปรื้ดดด~) ข้างล่างนี้ลงไป
มีให้เลือก 2 แบบ คือ
1. ทำ Related post by Tag - ดาวน์โหลดโค้ด (ยาวปรื้ดดด~) คลิกที่นี่
2. ทำ Related post by Category - ดาวน์โหลดโค้ด (ยาวปรื้ดดด~) คลิกที่นี่
ชอบแบบไหนก็เลือกโค้ด (ยาวปรื้ดดด~) แบบนั้นไปวางในไฟล์ single.php
ตรงตำแหน่งที่ต้องการให้แสดง Relate post นะคะ
[ขั้นนี้ต้องอาศัยความรู้ php และ div ของ html สักหน่อยค่ะ]
ขั้นที่ 3 - กำหนด Thumbnail ให้กับบทความ ที่หน้า Edit บทความ (Edit post)
ดูเมนูด้านขวาของหน้าจอ ล่างเมนู Category มีเมนชื่อ Post Tumbnail โผล่ขึ้นมาแล้ว
คลิกเลยค่ะ แล้วเลือกภาพที่ต้องการ จากนั้นคลิกที่ "Use as thumbnail"
จบแล้วค่ะ 3 ขั้นตอน ไม่ยากเลยเน้อออ~ (ลากเสียงยาว แอบประชดนิดนึง)
ที่จริงทำขั้นที่ 2 เสร็จก็แสดง Related post แล้วค่ะ
แต่ยังไม่แสดง Thumbnail จึงต้องทำขั้นตอนที่ 3 ต่อด้วย
นิยมใช้กันมากใน Theme แบบ Magazine
สำหรับบาง Theme ที่เพื่อนๆ เลือกใช้ และไม่มีการแสดง Related post แบบมี Thumbnail ด้วย
ก็สามารถนำไปประยุกต์ใช้ได้ค่ะ หวังว่าคงเป็นประโยชน์กับผู้ใช้ Wordpress ทุกคนนะคะ ( ^^ )
หมายเหตุ :
Related post ใน Wordpress คือ บทความที่เกี่ยวข้องกับบทความที่นำเสนออยู่
นิยมดึงจากบทความที่มี Tag ของบทความคล้ายกัน บางครั้งก็ดึงจากบทความที่มี Catagory เดียวกัน
ขึ้นอยู่กับว่าจะเลือกทำ Related post แบบใด
via : How to Add Post Thumbnails in WordPress, How to: Related Posts with Thumbnails in WordPress without Plugins



