สร้าง Shortcode ใน WordPress

สร้าง Shortcode ใน WordPress





วันนี้เรามาเรียนรู้เรื่องการสร้าง 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 มาแสดงครับ

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

 

 


ฝากติดตามผลงานด้านล่างด้วยครับ
--------------------------
► Website : https://www.siamfocus.com/
► LINE@ : https://line.me/ti/p/@siamfocus.com
► Facebook : https://www.facebook.com/fanpage.siamfocus
► Twitter : https://twitter.com/siamfocus
► Google+ : https://plus.google.com/+TAAMSiAMFOCUS
► Instagram : https://www.instagram.com/iamtaam
--------------------------










บทความ แนะนำ

Plugin แนะนำสำหรับ WordPress

Plugin แนะนำสำหรับ WordPress

วันนี้ผมจะมาแนะนำ Plugin ที่ผมชอบนะครับ ว่าผมจะลงตัวไหนบ้าง บางทีก็หลงๆ ลืมๆ ไปบ้าง เอาไว้อันไหนดีดี...

SiAMFOCUS PRESENT 2017

SiAMFOCUS PRESENT 2017

ฝากผลงานด้วยนะครับ มีงานให้รับใช้ ออกมาดัก กวักมือเรียกได้เลยครับ  Download ไป Print ได้เลยค...

คุณ กำ อะไรอยู่

คุณ กำ อะไรอยู่

ครอบครัวที่น่ารักอยู่ครอบครัวหนึ่ง ในครอบครัวนี้มี พ่อ แม่ และบุตรชายวัย 5 ขวบ กำลังน่ารักเลยทีเดียว...




หมวดหมู่บทความ