[WordPress] สร้างหัวข้อบทความแนะนำ (Featured Post) แบบง่าย ๆ

January 13, 2012 5:03 pm Wordpress , ,

ในหน้า ฝากคำถาม ของผม คุณ VattanaLapanich ได้ถามว่า

อยากทำ featured post คล้ายๆ กับของ it24hrs ที่พี่เม่น Modified ไว้ครับ

คือ ผมเองก็ไม่รู้หรอกครับ ว่าพี่เม่นเค้าเขียนไว้ยังไง แล้วก็ไม่มี code ของเว็บด้วย แต่ผมมีวิธีง่าย ๆ มานำเสนอครับ นั่นก็คือ

สร้าง Category ชื่อ “บทความแนะนำ”

วิธีง่าย ๆ ไม่ต้องคิดมากครับ สร้าง Category มาใหม่เลยครับ ให้ชื่อว่า “บทความแนะนำ” ก็แล้วกัน

[Wordpress] สร้างหัวข้อบทความแนะนำ (Featured Post) แบบง่าย ๆ [1]

ใน slug ก็ใส่อะไรที่มันสื่อถึงตัว category ดังนั้นเลยตั้งว่า featured-post

[Wordpress] สร้างหัวข้อบทความแนะนำ (Featured Post) แบบง่าย ๆ [2]

แล้วก็เขียน code ในลักษณะนี้ เพื่อนำไปวางแปะในส่วนที่จะโชว์บทความแนะนำของเรา

[php]
<?php

$args = array(
‘category_name’ => ‘featured-post’,
‘posts_per_page’ => 3
);

$feature_query = new WP_Query($args);

if( $feature_query -> have_posts() ) : while ( $feature_query->have_posts() ) : $feature_query->the_post();

// ใส่ code ที่จะแสดงผลลงไป

endwhile;
endif;
wp_reset_postdata();

?>
[/php]

โดย category_name ก็มาจาก slug ที่เราตั้ง และ posts_per_page นั้นคือเราต้องการโชว์บทความแนะนำมากที่สุดกี่บทความ ในตัวอย่างใส่ไว้เป็นจำนวน 3 แต่ปรับเปลี่ยนได้ตามที่ต้องการครับ

เสร็จแล้ว ก็ไปเลือกบทความของเราที่จะโชว์เป็นบทความแนะนำให้อยู่ใน category ที่เราสร้างขึ้นมา เท่านี้เราก็จะได้หัวข้อบทความแนะนำแล้วครับ

  • Anonymous

    ขอบคุณมากครับ จะลองทำดูครับ ยังไง ได้ไม่ได้ จะมาเล่าสู่กันฟังครับ

  • Anonymous

    // ใส่ code ที่จะแสดงผลลงไป  นี้คือ code อะไรครับ

    • Anonymous

      ก็แล้วแต่เลยครับ จะใส่ the_title เรียก thumbnail อะไรก็ตามแต่เราต้องการเลยครับ

  • i am Draft

    กำลังต้องการเลย

    ขอบคุณครับ ^^

    • Anonymous

      ยินดีครับ ^^

  • Anonymous

    จากที่เมื่อวานผมได้ทดสอบ ได้ใส่ code ลงไปแล้ว แต่เกิดปัญหา error ก็เลยเปลี่ยนตรงบรรทัดที่ 10 ตอนท้ายให้เป็น the_post(); ?> แล้วใส่ code ที่ผมต้องการลงไปหลังจากนั้น ผมสั่ง และ ครับ มันถึงพ่นออกมา ถือเป็นรายงานปัญหาให้ทราบครับ ต่อไปก็จะเริ่มปรับแต่ง css ขอบคุณมากเลยครับพี่

  • Anonymous

    จากที่เมื่อวานผมได้ทดสอบ ได้ใส่ code ลงไปแล้ว แต่เกิดปัญหา error ก็เลยเปลี่ยนตรงบรรทัดที่ 10 ตอนท้ายให้เป็น the_post(); ?> แล้วใส่ code ที่ผมต้องการลงไปหลังจากนั้น ผมสั่ง และ ครับ มันถึงพ่นออกมา ถือเป็นรายงานปัญหาให้ทราบครับ ต่อไปก็จะเริ่มปรับแต่ง css ขอบคุณมากเลยครับพี่

  • Anonymous

    หลัีงจากทดสอบกันอยู่นาน ก็สามารถทำได้แล้วครับ แต่ไม่รู้สมบูรณ์หรือไม่ และในส่วน css แทบตาย html ก็ต้องวางแผนกันยกใหญ่ว่าจะสร้าง div ยังไงบ้าง รบกวนพี่แวะเข้าไปดูแล้วติชมหน่อยครับ 
    http://download.rukrean.com/

    • Anonymous

      โอเคแล้วนะครับ แต่ที่ดูในส่วนบทความแนะนำอะครับ

      ไม่เห็นมีความจำเป็นต้องใส่ div class=”clear” เลยนะครับ เพราะเราไม่ได้สั่ง float อะไรไว้เลยอะครับ

      • Anonymous

        เข้าไปแก้ไขมาแล้วครับ จริืงอย่างที่ว่าเลย มันไม่มีความจำเป็น สงสัยผมคงสับสนในเรื่องการ clear div แน่ ฮ่าๆ ยังไงก็ขอบคุณมากๆ ครับ พี่ อยากให้ช่วยแนะนำ plugin ที่พี่ใช้ในการดึง feed partner นะครับ มันคือ plugin อะไร หรือว่า เราสามารถ ใช้ feed burner ได้ครับ

        • Anonymous

          ผมใช้ Plugin ชื่อ Simple RSS Feeds Widget ครับ

          ลองโหลดมาใช้งานดูแล้วกันครับ

  • Anonymous

    พี่ครับ เราสามารถใช้ tag name ได้เปล่า หรือต้อง ใช้แต่ category name อย่างเดียว

  • Archer

    กำลังมองหาอยู่เลยเชียว…ชอบ ชอบ ขอถามต่อเลยครับ ในส่วนของ Recent Posts ใช้ปลั๊กอินอะไรเหรอครับ
    และ ทั้ง Partner Feed , Recent Post ถ้าต้องการให้บรรทัดล่างสุด คลิก ต่อไปยัง feed และ post อื่นๆ ต่อไป 
    ทำยังต่อได้ครับ 

    • Anonymous

      พวกที่ถามมาผมว่า ต้องลองหามาลองใช้งานดูอะครับ แต่ละคนจะมีความชอบใน plugin ที่ไม่เหมือนกัน

      แต่ของผมนะครับ ตัว Recent Posts ผมเขียนเอาเองอะครับ

      ส่วนของ Partner Feed นี่ผมใช้ Plugin ชื่อ Simple RSS Feeds Widget

      แล้วตัวที่บรรทัดล่างสุด มีให้คลิ๊กไป Post อื่นนี่ผมแนะนำ Yet Another Related Posts Plugin ครับ

      ยังไงจะลองโหลดไปทดลองใช้งานดูก็ได้นะครับ

      • Archer

        โอ้…ขอโทษด้วยครับ ข้อความซ้ำกัน เมื่อกี้ว่าจะตอบตรงนี้ กลับไปโพสที่ “เพิ่มความเห็นใหม่” 

        ผมลองโหลด Simple RSS Feeds Widget มาใช้แล้ว ใช้ง่ายดีครับ แต่มันไม่ตรงความต้องการ มันไปเรียก feed มาจากที่อืนมาแสดง แต่ที่ผมอยากได้คือเรียก จาก Category มาแสดงเป็นลิ้งค์ ไม่มี thumbnail   พยายาม search หา plugin ใกล้เคียงก็ยังไม่เจอ มีตัวไหนที่ใช้ได้แนะนำด้วยนะครับ

        ส่วนอีกอันที่อยากได้คือ แสดงเหมือน Recent Post ของท่านนี่แหละ ช่วยแนะนำหน่อยนะครับ แล้วเราสามารถนำไปวางใน page ได้ด้วยไหมครับ เพราะบาง plugin ผมเห็นเป็น widget ที่วางไว้แต่ที่ sidebar เท่านั้น

        ตอนนี้กำลังลองโค้ดที่ท่านเขียนในบทความนี้อยู่ เดี๋ยวจะลอง Yet Another Related Posts Plugin ด้วย เพราะอยากให้เรียกดู post ต่อๆ ไปได้อีก คล้ายๆ กับ pagenavi  น่ะครับ

        ขอบคุณมากครับ

        • Anonymous

          ทุกอย่างที่พูดมาเนี่ย ส่วนใหญ่ผมเขียนเองหมดเลยอะครับ – -” 

          เลยไม่รู้จะแนะนำ Plugin ตัวไหนให้ดี T-T

          พื้นฐานของคุณอยู่ในระดับไหนอะครับ แก้ code เองพอได้มั้ย หรือว่าเป็นคนใช้ทั่วไป ลง Plugin ธรรมดาอะครับ

          ผมจะได้อธิบายต่อให้ได้ถูก ว่าน่าจะทำแบบไหนดี

          • Archer

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

          • Anonymous

            งั้นผมขอถามว่า รู้จักพวก query_post  การเขียน loop เพื่อเรียกใช้งานมั้ยอะครับ

          • Archer

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

          • Anonymous

            ผมว่าต้องลองค่อย ๆ ทำดูก่อนอะครับ แล้วถ้าติดอะไร ไปถามในฝากคำถามก็ได้ครับ ถ้าผมอ่านเจอแล้วมีเวลา จะเขียนอธิบายให้ตามที่สงสัยอะครับ

          • Archer

            ผมไปค้นจากคำค้น 
            query_post เจอ plugin อยู่อันนึงชื่อ query posts plugin 
            http://www.yourbloghelper.com/2010/09/19/how-to-use-the-query-posts-plugin/ 
            แต่ยัง set ให้แสดงผลเหมือน recent post ของท่านไม่ได้

            ว่างๆ ลองเข้าไปดูหน่อยนะครับ อยากรบกวนให้แนะนำผมเพิ่มเติมด้วย ขอบคุณครับ

          • Anonymous

            ของผมนี่ ผมไม่ได้ใช้ Plugin อะครับ เขียนเองเอา

            ลองดูอันนี้มั้ยครับ เค้าเขียนสอนไว้ http://www.dynamicwp.net/articles-and-tutorials/how-to-display-recent-posts-with-thumbnails-in-wordpress/ ลองเอาไปประยุกต์ใช้แล้วกันนะครับ

            ไว้ถ้าผมเคลียร์งานเสร็จแล้ว จะมาเขียนเป็นภาษาไทยนะครับ T-T

          • Archer

            โอ้ว….ถูกใจ
            ขอบคุณมากครับ ได้ผลยังไงจะมาแจ้งครับ

  • Archer

    ผมลองโหลด Simple RSS Feeds Widget มาใช้แล้ว ใช้ง่ายดีครับ แต่มันไม่ตรงความต้องการ มันไปเรียก feed มาจากที่อืนมาแสดง แต่ที่ผมอยากได้คือเรียก จาก Category มาแสดงเป็นลิ้งค์ ไม่มี thumbnail   พยายาม search หา plugin ใกล้เคียงก็ยังไม่เจอ มีตัวไหนที่ใช้ได้แนะนำด้วยนะครับ

    ส่วนอีกอันที่อยากได้คือ แสดงเหมือน Recent Post ของท่านนี่แหละ ช่วยแนะนำหน่อยนะครับ แล้วเราสามารถนำไปวางใน page ได้ด้วยไหมครับ เพราะบาง plugin ผมเห็นเป็น widget ที่วางไว้แต่ที่ sidebar เท่านั้น

    ตอนนี้กำลังลองโค้ดที่ท่านเขียนในบทความนี้อยู่ เดี๋ยวจะลอง Yet Another Related Posts Plugin ด้วย เพราะอยากให้เรียกดู post ต่อๆ ไปได้อีก คล้ายๆ กับ pagenavi  น่ะครับ

    ขอบคุณมากครับ