สร้าง 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
--------------------------








บทความ แนะนำ

ช่วงเวลาแห่งความสุข

ช่วงเวลาแห่งความสุข

บทความดีมากนะ เราจะทุกข์น้อยลงมากเมื่อเรารู้จักคำว่าพอเพียง เราจะมีชีวิตที่มีความสุขเมื่อเรามีพอเพีย...

การทำ SEO เบื้องต้น

การทำ SEO เบื้องต้น

วันนี้ผมจะมาแนะนำ การทำ SEO เบื้องต้นแบบเข้าใจง่ายที่สุดให้ฟังนะครับ SEO หรือ Search engine optim...

facebook chat ติดเว็บ

facebook chat ติดเว็บ

วันนี้มีเทคนิคการทำ FACEBOOK CHAT มาติดบนเว็บไซต์ของเราครับ เมื่อผู้ใช้งานเข้ามาที่เว็บไซต์ของเรา สา...

ทําเว็บขายของ

ทําเว็บขายของ

ทําเว็บขายของ ในยุคที่ผมเริ่มทำเว็บไซต์ใหม่ๆ ถ้าพูดถึง ทําเว็บขายของ จะหมายถึงการทำเว็บที่...

เวลา

เวลา

พระพุทธเจ้า​เคยอบรมสั่งสอนมนุษย์​ไว้​ว่า​ ทรัพย์สินที่พึง​ได้​จาก​การประกอบกิจการงานต่าง​ ​ๆ​ ​นั้น​...

เว็บไซต์สมัยใหม่

เว็บไซต์สมัยใหม่

เว็บไซต์สมัยใหม่ คืออะไร เว็บสมัยใหม่ของผม คือรูปแบบเว็บในปัจจุบันนี้แหล่ะครับ นั่นหมายถึงเว็บไซต์ต้...

ASP.NET 2008 กับ CRYSTAL REPORT

ASP.NET 2008 กับ CRYSTAL REPORT

การทำ Crystal Report บน asp.net(c#) ครับ คือ สามารถทำได้หลายวิธี ครับ แต่ที่จะนำเสนอวันนี้คือใช...




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