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










บทความ แนะนำ

คำขอขมา

คำขอขมา

อธิษฐานหน้าพระพุทธรูป หรือสวดก่อนนอนก็ได้ (นะโม 3 จบ)   “ สัพพัง อะปะราธัง ขะมะถ...

การทำ Online Marketing ด้วยตนเอง

การทำ Online Marketing ด้วยตนเอง

พอดีได้มีโอกาสไปร่วมอบรม Online Marketing ครับ ซึ่งสำคัญมากในยุคปัจจุบันนะครับ ผมเลยได้สรุปเป็...

เว็บไซต์กับตู้โชว์สินค้า

เว็บไซต์กับตู้โชว์สินค้า

หลายๆ ต่อหลายครั้ง ผมมักจะเปรียบเทียบตัวของเว็บไซต์ให้ลูกค้าฟังว่า เว็บไซต์ เปรียบเหมือนกับตู้โชว์สิ...




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