DIY : Shortcode

July 6th, 2016

ถ้าพูดถึง Plugin ใน WorldPress หลายๆ อาจ จะนึกถึงสิ่งที่เรียกว่า Shortcode
ซึ่งเจ้า shortcode นี้มีไว้สำหรับให้ผู้ใช้เรียกใช้งานอย่างสะดวก จากที่จะต้องเขียนโค้ดยาว ๆ อาจแทนด้วยคำสั่งสั้น ๆ แทน
ก็คล้ายๆ กับหลักการเรียกฟังก์ชั่น ของการเขียนโปรแกรมทั่ว ๆ ไป...

จากหัวข้อ DIY::Shortcode หรือ การสร้าง Shortcode ด้วยตัวเอง,,

Are you ready ??

เขียนที่ไหน ??

  • สร้าง plugin แล้วสร้าง shortcode ไว้ใน plugin นั้น
  • สร้างไว้ใน function.php ซึ่งอยู่ใน themes
  • สร้างเพิ่มใน plugin เดิมที่มีอยู่แล้ว

เตรียมพร้อม ^^

Pattern
patern
$atts - แทนค่าสำหรับใส่ใน Shortcode
$content - ข้อความที่อยู่ระหว่าง Shortcode
$tag - คำที่ใช้แทน Shortcode
* เมื่อเขียน function แล้วต้องมีคำสั่ง add_shortcode เพื่อเป็นการทำ function ของเราให้เป็น shortcode นั่นเอง

ลงมือ !!

คิดว่าจะทำ shortcode ไว้สำหรับอะไร ???
เราจะมาทำ shortcode สำหรับดึง Youtube ละกัน
เปิด file plugin หรือ functions.php เพื่อที่จะทำการเพิ่ม shortcode ของเรา >.<
1

เขียน function ในที่นี้ให้ชื่อ function ว่า video_youtube และรับ $atts เพื่อนำค่าไปใช้ใน shortcode กับ $content=null เพื่อเวลาไม่ได้ใส่ข้อความ

2

เขียน code extract เพื่อเป็นการประกาศว่า $atts จะรับค่าอะไรมาบ้าง ในที่นี้รับค่า id ของ youtube แล้ว add function เพื่อทีจะให้เป็น shortcode ด้วย

3

ต่อมาก็เขียนในส่วนของ return ในโค้ดจะเห็นว่ามีการต่อ string โดยการนำ ตัวแปร $id มาใช้แทนที่จะใส่ id ของ video นั้นๆ ไปเรย เพื่อถ้าจะให้ shortcode สำหรับ youtube สำหรับ video อื่น ๆ ของ youtube ได้เช่นกัน

นำไปใช้ ^^

รูปแบบการนำ shortcode ข้างต้นไปใช้ คือดังนี้

4

ทดสอบผลลัพธ์เมื่อใช้คำสั่งนี้

5