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
เป็นอย่างไรบ้างครับ น่าสนุกใช่ไหมล่ะครับ
พอได้แบบนี้แล้ว สิ่งที่ผมจะทำต่อไปคือ ดึงข้อมูลใน Database มาแสดงครับ
ลองทดสอบกันดูครับ
มาเป็นเพื่อนกันครับ บนช่องทาง Social ด้านล่างนี้ครับ
--------------------------► LINE@ : @siamfocus.com
► Facebook : fanpage.siamfocus
► Twitter (X) : siamfocus
► Linkedin : taam-siamfocus
► Instagram : iamtaam
► Youtube : SiAMFOCUS
► Tiktok : @taamsiamfocus
--------------------------
