วิธีสร้างรหัสย่อใน WordPress

คุณเคยต้องเรียกใช้หรือแสดงผลลัพธ์ของโค้ด PHP ที่คุณกำหนดเองบนโพสต์หรือหน้าเว็บไซต์ WordPress ของคุณหรือไม่? เนื่องจากตามค่าเริ่มต้น WordPress ไม่อนุญาตให้คุณเรียกใช้ PHP ในโพสต์หรือเพจเพื่อความปลอดภัย คุณอาจพิจารณาใช้ปลั๊กอินเพื่อเปิดใช้งานการใช้โค้ด PHP ในโพสต์หรือเพจของคุณ จริงๆ แล้ว คุณสามารถรันโค้ดได้โดยไม่ต้องติดตั้งปลั๊กอินเพิ่มเติม เพียงแค่สร้างโค้ดสั้น คุณก็สามารถเพิ่มโค้ดในไฟล์ PHP แยกต่างหาก หรือคุณสามารถวางโค้ดในธีม functions.php ของคุณ แล้วใช้โค้ดสั้นที่คุณสร้างไว้ แสดงผลบนโพสต์หรือหน้าเว็บไซต์ของคุณ!

รหัสย่อคืออะไร?

เปิดตัวพร้อมกับการเปิดตัว Shortcode API จาก WordPress 2.5, shortcode ช่วยให้คุณเพิ่มคุณสมบัติด้วยความพยายามเพียงเล็กน้อย ซึ่งโดยปกติแล้วจะต้องใช้โค้ดที่ซับซ้อนจำนวนมากในบรรทัดเดียวภายในวงเล็บเหลี่ยม เช่น [thisone] รหัสย่อที่ใช้นำเสนอโดยปลั๊กอิน WordPress จำนวนมากเพื่อลดความซับซ้อนของกระบวนการแสดงผลของฟังก์ชันที่ซับซ้อนอย่างมาก ตัวอย่างเช่น ปลั๊กอินอีคอมเมิร์ซยอดนิยมอย่าง WooCommerce ยังมีรหัสย่อที่สร้างไว้ล่วงหน้าหลายตัว ซึ่งมีประโยชน์มากสำหรับเจ้าของร้านค้าที่ใช้แพลตฟอร์มนี้

อย่างไรก็ตาม เนื่องจากตัวแก้ไขบล็อก (Gutenberg) เข้ามาแทนที่ตัวแก้ไขแบบคลาสสิก ปลั๊กอินจำนวนมากจึงเริ่มนำเสนอบล็อกเนื่องจากง่ายกว่าและมีรูปแบบภาพที่สวยงาม แต่ถ้าคุณมีความรู้ด้านการเขียนโค้ดหรือมีโค้ดเพื่อเพิ่มคุณสมบัติเพิ่มเติมให้กับไซต์ของคุณ การใช้รหัสย่อยังคงเป็นหนึ่งในตัวเลือกที่ดีที่สุดที่คุณสามารถลองได้! และคุณสามารถอ่านบทความก่อนหน้าของเราเกี่ยวกับการเพิ่มเวลาอ่านโดยประมาณในบล็อกโพสต์ของคุณโดยใช้รหัสย่อใน Gutenberg, Elementor และ Divi

ในบทช่วยสอนนี้ เราจะแสดงวิธีสร้างรหัสย่อใน WordPress

วิธีสร้างรหัสย่อ

ก่อนสร้างรหัสย่อ เราขอแนะนำให้สำรองข้อมูลเว็บไซต์ของคุณและใช้ธีมลูกเพื่อหลีกเลี่ยงไม่ให้ธีมหลักเสียหายหรือสูญเสียการเปลี่ยนแปลงเมื่อคุณอัปเดตธีม เนื่องจากเราจะเพิ่มโค้ดลงในไฟล์ functions.php ของธีม หากต้องการเปิดไฟล์ ให้ไปที่ลักษณะที่ ปรากฏ → ตัวแก้ไขไฟล์ธีม จากแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ ในหน้าที่ปรากฏขึ้น คลิกที่ Theme Functions( functions.php ) จากรายการ Theme Files เพื่อเปิดโปรแกรมแก้ไขไฟล์

หรืออีกทางหนึ่ง คุณสามารถสร้างไฟล์ PHP แยกต่างหากในโฟลเดอร์ธีมของคุณ (โดยส่วนใหญ่แล้วจะอยู่ที่ wp-content → ธีม → “ธีมของคุณ” ) โดยใช้ชื่อ myshortcodes.php

เมื่อคุณสร้างไฟล์แล้ว คุณสามารถเพิ่มรหัสและรหัสย่อได้มากเท่าที่คุณต้องการระหว่างตัวคั่น PHP( <?php ?> ) ที่ไฟล์นั้น จากนั้นคุณเพียงแค่เพิ่มโค้ดหนึ่งบรรทัดที่ด้านล่างของไฟล์ functions.php ธีมของคุณเพื่อบอกให้ระบบรวมการเปลี่ยนแปลงใดๆ ที่คุณทำกับไฟล์รหัสย่อของคุณ และรหัสมีดังนี้:

 รวม ('myshortcodes.php');

ขั้นตอนที่ 1: เตรียมรหัส

เมื่อคุณพร้อมแล้ว ให้เตรียมรหัสที่คุณต้องการสร้างเป็นรหัสย่อ รหัสต้องมีฟังก์ชันและส่งคืนโดยไม่มีผลข้างเคียงเนื่องจากรหัสย่อเป็นตัวกรอง สำหรับบทช่วยสอนนี้ เราใช้โค้ด PHP เพื่อรับจำนวนคำและคำนวณเวลาการอ่านโดยประมาณโดยการหารจำนวนคำด้วย 260 ซึ่งเป็นจำนวนคำโดยเฉลี่ยสำหรับผู้ใหญ่ที่อ่านแบบเงียบ ๆ ต่อนาที จากนั้นส่งคืนเวลาโดยประมาณและจำนวนคำในหนึ่งวลีดังนี้:

• “อ่าน 1 นาที (จำนวนคำ 121)”

วางโค้ดต่อไปนี้ที่ด้านล่างของธีม functions.php

 ฟังก์ชัน reading_time() {
$content = get_post_field( 'post_content', $post->ID );
$word_count = str_word_count(แถบ_แท็ก( $content) );
$readingtime = ceil($word_count / 260);
$wcounttext = " (จำนวนคำ ". $word_count ")";
ถ้า ($ เวลาอ่านหนังสือ == 1) {
$timer = "นาทีที่อ่าน";
} อื่น {
$timer = " นาทีที่อ่าน";
}
$totalreadingtime = $เวลาในการอ่าน $จับเวลา $wcounttext;
กลับ $totalreadingtime;
}

ขั้นตอนที่ 2: สร้างรหัสย่อพื้นฐาน

ขั้นตอนต่อไปคือการสร้างรหัสย่อพื้นฐานสำหรับรหัสที่คุณเตรียมไว้ ในการสร้างรหัสย่อ คุณอาจต้องปฏิบัติตามแนวทางต่อไปนี้เพื่อหลีกเลี่ยงข้อผิดพลาด:

• ใช้ add_shortcode( string $tag, callable $callback ) เพื่อเพิ่มรหัสย่อ ในขณะที่ $tag เป็นชื่อรหัสย่อของคุณที่จะค้นหาในเนื้อหาโพสต์ และ $callback ใช้สำหรับเรียกรหัสที่คุณเตรียมไว้
• ชื่อรหัสย่อควรเป็นตัวพิมพ์เล็กทั้งหมด (ยอมรับตัวเลขและขีดล่าง)
• หลีกเลี่ยงการใช้ยัติภังค์ (-)
• เพิ่มคำนำหน้าเพื่อทำให้ชื่อรหัสย่อของคุณไม่ซ้ำกันเพื่อหลีกเลี่ยงการชนกับรหัสย่อของปลั๊กอินอื่น

เมื่อคุณพร้อมแล้ว ให้สร้างรหัสย่อสำหรับรหัสของคุณโดยใช้ฟังก์ชัน add_shortcode และเพิ่มชื่อรหัสย่อของคุณและการเรียกกลับสำหรับรหัสของคุณไปยังพารามิเตอร์ของฟังก์ชัน ดังตัวอย่างต่อไปนี้:

 add_shortcode('wpbread', 'reading_time');

รหัสย่อด้านบนใช้สำหรับรหัสเวลาอ่านโดยประมาณจากขั้นตอนที่ 1 เราใช้ 'wpbread' สำหรับชื่อรหัสย่อและการโทรกลับ 'reading_time' ซึ่งเป็นชื่อฟังก์ชันรหัสของเราหลังจากนั้น ดำเนินการต่อโดยเพิ่มโค้ดด้านบนด้านล่างโค้ดที่คุณเตรียมไว้จากขั้นตอนที่ 1 ในไฟล์ functions.php หรือในไฟล์ PHP ที่คุณกำหนดเอง จากนั้นบันทึกการเปลี่ยนแปลงที่คุณทำลงไป

ขั้นตอนที่ 3: การใช้รหัสย่อ

เมื่อรหัสย่อพร้อมแล้ว ในกรณีของเรารหัสย่อคือ [wpbread] ตอนนี้ให้ลองเรียกรหัสนั้นในโพสต์ของคุณโดยเพิ่มรหัสย่อเหนือเนื้อหาหรือที่ใดก็ได้ที่คุณเลือกให้แสดงในโปรแกรมแก้ไขเนื้อหาของคุณ

ตอนนี้ มาดูผลลัพธ์ส่วนหน้าโดยการดูตัวอย่างหรือเผยแพร่โพสต์

ดังที่คุณเห็นจากภาพหน้าจอด้านบน เหนือเนื้อหาของเราจะมีเวลาอ่านโดยประมาณที่ระบุว่า “ 11 minutes read (word count 2775) ” สำหรับบทความที่เราเขียน

บรรทัดล่าง

ตามค่าเริ่มต้น WordPress ไม่อนุญาตให้คุณเรียกใช้ PHP ในโพสต์หรือเพจด้วยเหตุผลด้านความปลอดภัย อย่างไรก็ตาม เพียงแค่สร้างรหัสย่อ คุณสามารถเพิ่มรหัสในไฟล์ PHP แยกต่างหาก หรือวางรหัสในไฟล์ functions.php ของธีมของคุณ จากนั้นใช้รหัสย่อที่คุณสร้างขึ้นเพื่อแสดงผลบนโพสต์หรือหน้าเว็บไซต์ของคุณโดยไม่ต้องติดตั้ง ปลั๊กอินเพิ่มเติมใดๆ รหัสย่อช่วยให้คุณเพิ่มคุณลักษณะต่างๆ ได้โดยใช้ความพยายามเพียงเล็กน้อย ซึ่งโดยปกติแล้วจะต้องใช้รหัสที่ซับซ้อนจำนวนมากในบรรทัดเดียว

เนื่องจากตัวแก้ไขบล็อก (Gutenberg) แทนที่ตัวแก้ไขแบบคลาสสิกเพื่อเผยแพร่เนื้อหาใน WordPress ปลั๊กอินจำนวนมากจึงเริ่มนำเสนอบล็อกเนื่องจากง่ายกว่าและมีรูปแบบภาพที่สวยงาม อย่างไรก็ตาม หากคุณมีความรู้ด้านการเขียนโค้ดหรือคุณมีโค้ดเพื่อเพิ่มคุณสมบัติเพิ่มเติมให้กับไซต์ของคุณ การใช้รหัสย่อยังคงเป็นหนึ่งในตัวเลือกที่ดีที่สุดที่คุณสามารถลองได้!