คนทำเว็บ พูดคุยเรื่อยเปื่อย ผู้ชายยุค 90
space
space
space
space

สร้าง Shortcode ใน WordPress


สร้าง Shortcode ใน WordPress

ที่มา : https://goo.gl/bgQ4q2

วันนี้เรามาเรียนรู้เรื่องการสร้าง shortcode ใน WordPress กันครับ

shortcode คืออะไร?? ทำไมต้องสร้าง ?? 

shortcode คือคำสั่ง สั้น ที่สามารถเรียกใช้งาน function ที่เราเขียนขึ้นมาได้

ทำไมต้องสร้าง shortcode เราจะต้องสร้างมันขึ้นมาเองหากต้องการเขียนฟังก์ชันขึ้นมาเฉพาะของเราต่างหาก โดยที่อาจจะเป็นการดึงข้อมูลจากฐานข้อมูลมาเป็นต้น

ตัวอย่างรูปแบบของ shortcode ที่เราเห็นกันบ่อย ๆ เช่น

[gallery]
[gallery id="123" size="medium"]

รูปแบบ จะเหมือน code ด้านบนนี้ 

เราเห็นรูปแบบ แบบนี้หลายครั้ง แต่ในเนื้อหานี้จะมาสอนวิธีการสร้าง shortcode ที่เป็นของเราเอง 

มาเริ่มกันเลยครับ

1. shortcode สามารถเขียนเพิ่มในไฟล์ ชื่อ function.php ไฟล์นี้ต้องอยู่ในธีมที่เราใช้นะครับ เพราะใน folder wordpress ก็มีไฟล์ชื่อนี้เหมือนกัน

ให้เราเขียน funtion ที่เราต้องการด้วยรูปแบบดังนี้

function my_create_function($atts){    
        $arrData = $atts;    
        $strOutput = $arrData[0] . " - " . $arrData[1];
        return $strOutput;
}

add_shortcode('shortcode_name', 'my_create_function');

จากตัวอย่างด้านบน เราสร้าง function ขึ้นมาชื่อ my_function
กำหนดให้ตัวแปร $atts เป็นการรับค่าข้อมูลเข้ามา ซึ่งข้อมูลที่เข้ามาจะเป็น Array
สร้างชื่อ shortcode ที่เราต้องการ ซึ่งกรณีนี้คือชื่อ shortcode_name 

2. การเรียกใช้งาน เราสามาถวาง shortcode ไปไว้ในส่วนของเนื้อหาที่เราต้องการแสดงได้ ตัวอย่างนี้ เวลาเราจะเรียก function my_function ผ่าน shortcode สามารถทำได้โดย

[shortcode_name "i love wordpress" "by siamfocus"]

3.ผลลัพท์ที่ได้คือ 
i love wordpress - by siamfocus

ดูตัวอย่างผลลัพท์ได้ที่นี่ครับ https://www.siamfocus.tech/shortcode-example/

เป็นอย่างไรบ้างครับ น่าสนุกใช่ไหมล่ะครับ 

พอได้แบบนี้แล้ว สิ่งที่ผมจะทำต่อไปคือ ดึงข้อมูลใน Database มาแสดงครับ

ลองทดสอบกันดูครับ

ที่มา : https://goo.gl/bgQ4q2




Create Date : 02 กรกฎาคม 2561
Last Update : 2 กรกฎาคม 2561 10:01:06 น. 0 comments
Counter : 258 Pageviews.

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 
space

ชายตั้ม
Location :
กรุงเทพฯ Thailand

[Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 1 คน [?]




มารู้จักกันครับ ใครเล่นไลน์ add line มาเลยครับ
ไลน์ไอดี : @siamfocus.com
มีงานให้รับใช้โทรมาได้เลยครับ : 061-583-7888
ทักมาด้วยนะครับ

space
space
[Add ชายตั้ม's blog to your web]
space
space
space
space
space