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

ในหน้า ฝากคำถาม ของผม คุณ 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 ที่เราสร้างขึ้นมา เท่านี้เราก็จะได้หัวข้อบทความแนะนำแล้วครับ

Posted

January 13, 2012

WordPress

Rabbitinblack

Tags:

feature post, query, wordpress

Comments

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

Anonymous

January 13, 2012

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

Reply
Anonymous

January 13, 2012

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

Reply
1. Anonymous
  
  January 13, 2012
  
  ก็แล้วแต่เลยครับ จะใส่ the_title เรียก thumbnail อะไรก็ตามแต่เราต้องการเลยครับ
  
  Reply
i am Draft

January 14, 2012

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

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

Reply
1. Anonymous
  
  January 14, 2012
  
  ยินดีครับ ^^
  
  Reply
Anonymous

January 14, 2012

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

Reply
Anonymous

January 14, 2012

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

Reply
Anonymous

January 15, 2012

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

Reply
1. Anonymous
  
  January 15, 2012
  
  โอเคแล้วนะครับ แต่ที่ดูในส่วนบทความแนะนำอะครับ
  
  ไม่เห็นมีความจำเป็นต้องใส่ div class=”clear” เลยนะครับ เพราะเราไม่ได้สั่ง float อะไรไว้เลยอะครับ
  
  Reply
  1. Anonymous
    
    January 15, 2012
    
    เข้าไปแก้ไขมาแล้วครับ จริืงอย่างที่ว่าเลย มันไม่มีความจำเป็น สงสัยผมคงสับสนในเรื่องการ clear div แน่ ฮ่าๆ ยังไงก็ขอบคุณมากๆ ครับ พี่ อยากให้ช่วยแนะนำ plugin ที่พี่ใช้ในการดึง feed partner นะครับ มันคือ plugin อะไร หรือว่า เราสามารถ ใช้ feed burner ได้ครับ
    
    Reply
    1. Anonymous
      
      January 15, 2012
      
      ผมใช้ Plugin ชื่อ Simple RSS Feeds Widget ครับ
      
      ลองโหลดมาใช้งานดูแล้วกันครับ
      
      Reply
Anonymous

January 15, 2012

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

Reply
Archer

January 28, 2012

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

Reply
1. Anonymous
  
  January 28, 2012
  
  พวกที่ถามมาผมว่า ต้องลองหามาลองใช้งานดูอะครับ แต่ละคนจะมีความชอบใน plugin ที่ไม่เหมือนกัน
  
  แต่ของผมนะครับ ตัว Recent Posts ผมเขียนเอาเองอะครับ
  
  ส่วนของ Partner Feed นี่ผมใช้ Plugin ชื่อ Simple RSS Feeds Widget
  
  แล้วตัวที่บรรทัดล่างสุด มีให้คลิ๊กไป Post อื่นนี่ผมแนะนำ Yet Another Related Posts Plugin ครับ
  
  ยังไงจะลองโหลดไปทดลองใช้งานดูก็ได้นะครับ
  
  Reply
  1. Archer
    
    January 28, 2012
    
    โอ้…ขอโทษด้วยครับ ข้อความซ้ำกัน เมื่อกี้ว่าจะตอบตรงนี้ กลับไปโพสที่ “เพิ่มความเห็นใหม่”
    
    ผมลองโหลด Simple RSS Feeds Widget มาใช้แล้ว ใช้ง่ายดีครับ แต่มันไม่ตรงความต้องการ มันไปเรียก feed มาจากที่อืนมาแสดง แต่ที่ผมอยากได้คือเรียก จาก Category มาแสดงเป็นลิ้งค์ ไม่มี thumbnail พยายาม search หา plugin ใกล้เคียงก็ยังไม่เจอ มีตัวไหนที่ใช้ได้แนะนำด้วยนะครับ
    
    ส่วนอีกอันที่อยากได้คือ แสดงเหมือน Recent Post ของท่านนี่แหละ ช่วยแนะนำหน่อยนะครับ แล้วเราสามารถนำไปวางใน page ได้ด้วยไหมครับ เพราะบาง plugin ผมเห็นเป็น widget ที่วางไว้แต่ที่ sidebar เท่านั้น
    
    ตอนนี้กำลังลองโค้ดที่ท่านเขียนในบทความนี้อยู่ เดี๋ยวจะลอง Yet Another Related Posts Plugin ด้วย เพราะอยากให้เรียกดู post ต่อๆ ไปได้อีก คล้ายๆ กับ pagenavi น่ะครับ
    
    ขอบคุณมากครับ
    
    Reply
    1. Anonymous
      
      January 28, 2012
      
      ทุกอย่างที่พูดมาเนี่ย ส่วนใหญ่ผมเขียนเองหมดเลยอะครับ – -”
      
      เลยไม่รู้จะแนะนำ Plugin ตัวไหนให้ดี T-T
      
      พื้นฐานของคุณอยู่ในระดับไหนอะครับ แก้ code เองพอได้มั้ย หรือว่าเป็นคนใช้ทั่วไป ลง Plugin ธรรมดาอะครับ
      
      ผมจะได้อธิบายต่อให้ได้ถูก ว่าน่าจะทำแบบไหนดี
      
      Reply
      1. Archer
        
        January 28, 2012
        
        ผมพอจะแก้โค้ดได้บ้างนิดหน่อย ก็พยายามอ่านจากคู่มือและจากผู้แนะนำครับ อยากทำได้แต่ตอนนี้ก็ค่อนข้างยากสำหรับผม ช่วยแนะนำต่อด้วยครับ
      2. Anonymous
        
        January 28, 2012
        
        งั้นผมขอถามว่า รู้จักพวก query_post การเขียน loop เพื่อเรียกใช้งานมั้ยอะครับ
      3. Archer
        
        January 29, 2012
        
        ยังไม่รู้จักครับ ก็ตามไปอ่านในคู่มือมาเมื่อสักครู่ เข้าใจบ้างแต่ยังไม่ได้ลองตามตัวอย่างครับ
        ยังไงก็ขอรบกวนช่วยแนะนำมานะครับ ผมอยากทำได้ จะพยายามค้นคว้าและหาอ่านเพิ่มครับ
        ขอบคุณครับ
      4. Anonymous
        
        January 29, 2012
        
        ผมว่าต้องลองค่อย ๆ ทำดูก่อนอะครับ แล้วถ้าติดอะไร ไปถามในฝากคำถามก็ได้ครับ ถ้าผมอ่านเจอแล้วมีเวลา จะเขียนอธิบายให้ตามที่สงสัยอะครับ
      5. Archer
        
        January 31, 2012
        
        ผมไปค้นจากคำค้น
        query_post เจอ plugin อยู่อันนึงชื่อ query posts plugin
        https://www.yourbloghelper.com/2010/09/19/how-to-use-the-query-posts-plugin/
        แต่ยัง set ให้แสดงผลเหมือน recent post ของท่านไม่ได้
        
        ว่างๆ ลองเข้าไปดูหน่อยนะครับ อยากรบกวนให้แนะนำผมเพิ่มเติมด้วย ขอบคุณครับ
      6. Anonymous
        
        January 31, 2012
        
        ของผมนี่ ผมไม่ได้ใช้ Plugin อะครับ เขียนเองเอา
        
        ลองดูอันนี้มั้ยครับ เค้าเขียนสอนไว้ https://www.dynamicwp.net/articles-and-tutorials/how-to-display-recent-posts-with-thumbnails-in-wordpress/ ลองเอาไปประยุกต์ใช้แล้วกันนะครับ
        
        ไว้ถ้าผมเคลียร์งานเสร็จแล้ว จะมาเขียนเป็นภาษาไทยนะครับ T-T
      7. Archer
        
        February 2, 2012
        
        โอ้ว….ถูกใจ
        ขอบคุณมากครับ ได้ผลยังไงจะมาแจ้งครับ
Archer

January 28, 2012

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

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

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

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

Reply