คู่มือการสร้างรหัสย่อที่กำหนดเองใน WordPress

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

ดังนั้น มีสองวิธีที่คุณสามารถค้นหารหัสย่อของ WordPress เพื่อใช้กับคุณ:

1. สามารถลดจำนวนโค้ดที่คุณต้องเขียน
2. ทำให้การใช้งานปลั๊กอิน ธีม และฟังก์ชันอื่นๆ ของ WordPress ง่ายขึ้น

ขั้นตอนการเตรียม WordPress สำหรับรหัสย่อที่กำหนดเอง

แม้ว่าจะไม่จำเป็นก็ตาม แต่โดยทั่วไปควรเก็บรหัสย่อที่กำหนดเองไว้ในไฟล์ของตนเอง มิฉะนั้น คุณสามารถเลือกเพิ่มลงในไฟล์ functions.php ของธีมได้ เริ่มต้นด้วยการสร้างไฟล์ใหม่ชื่อ 'custom-shortcodes.php' และบันทึกไว้ในโฟลเดอร์เดียวกันกับไฟล์ functions.php ของธีมของคุณ จากนั้น ภายในไฟล์ที่สร้างขึ้นใหม่ คุณจะต้องเพิ่มบล็อคโค้ดต่อไปนี้:
<?php
?>
เมื่อทำเช่นนั้น คุณต้องการเปิดไฟล์ functions.php และเพิ่มบรรทัดของโค้ดต่อไปนี้:
รวม ('custom-shortcodes.php');
ยินดีด้วย! ตอนนี้คุณพร้อมที่จะเริ่มสร้างรหัสย่อที่กำหนดเองใน WordPress แล้ว

การสร้างรหัสย่อพื้นฐานใน WordPress

เราจะอธิบายขั้นตอนการสร้างรหัสย่อ WordPress พื้นฐานผ่านตัวอย่างการแทรกภาพอวาตาร์อย่างง่าย ขั้นตอนแรกคือการสร้างฟังก์ชันรหัสย่อ ภายในไฟล์ custom-shortcodes.php คุณจะต้องเพิ่มสิ่งต่อไปนี้:

ฟังก์ชัน simpleavatar_function() {
ส่งคืน '<img src=”https://simpleavatar.com/wp-content/uploads/avatar-simple.png”
alt=”doti-avatar” width=”96″ height=”96″ class=”left-align” />':
}

ในตัวอย่างโค้ดด้านบน simpleavatar_function จะคืนค่ารูปภาพที่กำหนดไว้ล่วงหน้าชื่อ avatar-simple.png ขั้นตอนต่อไปคือการ ลงทะเบียนรหัสย่อกับ WordPress โดยใช้ฟังก์ชัน add_shortcode ในตัว ยังอยู่ใน custom-shortcodes.php ตรวจสอบให้แน่ใจว่าคุณเพิ่มบรรทัดของรหัสต่อไปนี้:

add_shortcode('simpleavatar', 'simpleavatar_function');

หลังจากที่คุณได้ลงทะเบียนชอร์ตโค้ดโดยใช้ฟังก์ชัน add_shortcode คุณจะต้องส่งแท็กชอร์ตโค้ด ($tag) และฟังก์ชันที่เกี่ยวข้อง ($func)/hook ที่จะทำงานทุกครั้งที่ใช้ช็อตคัทนั้น ในกรณีนี้ แท็กช็อตคัตเป็นแบบธรรมดา และ hook คือ dotiavatar_function
ตรวจสอบให้แน่ใจว่าคุณ ใช้เฉพาะอักษรตัวพิมพ์เล็กในการตั้งชื่อแท็ก โดยไม่ใส่ยัติภังค์ ขีดล่างอย่างไรก็ตามเป็นที่ยอมรับ
ดังนั้น เมื่อคุณได้สร้างชอร์ตโค้ดและลงทะเบียนแล้ว มันจะเป็นการดีที่จะลองใช้มัน เมื่อใดก็ตามที่คุณต้องการให้อวาตาร์ธรรมดาปรากฏในเนื้อหาโพสต์ เพียงใช้รหัสย่อแทน: [simpleavatar]

การสร้างรหัสย่อที่กำหนดเองใน WordPress ด้วยพารามิเตอร์ (แอตทริบิวต์)

ในตัวอย่างที่แล้ว คุณไม่มีที่พอจะเปลี่ยนแปลงสิ่งต่างๆ ได้ และสมมุติว่าแทนที่จะกดรูปภาพเดียว คุณต้องการ ตั้งค่ารูปภาพที่จะใช้โดยใช้พารามิเตอร์ วิธีที่ยอดเยี่ยมในการทำเช่นนี้คือการเพิ่มแอตทริบิวต์บางอย่าง ($atts) เช่นเคยใน custom-shortcodes.php เพิ่มฟังก์ชันอื่น:

ฟังก์ชั่น simplerating_function( $att=array() ) {

//ตั้งค่าพารามิเตอร์เริ่มต้น

แยก (shortcode_atts(อาร์เรย์(

'การให้คะแนน' => '5'

), $atts));

ส่งคืน “<img src=\"http://simpleavatar.com/wp-content/uploads/$raing-star.png\”

alt=\”คะแนนง่าย\” width=\”130\” height=\”190\” class=\”left-align\” />”;

}

สิ่งที่คุณเขียนด้านบนยอมรับพารามิเตอร์เดียว: การให้คะแนน หากไม่ผ่านค่าเรตติ้ง ค่าเรทติ้งจะใช้ค่าสตริงดีฟอลต์เป็น 5 โดยเปิดอาร์เรย์ของแอตทริบิวต์โดยใช้ฟังก์ชัน shortcode_atts ในตัว แล้วรวมค่าดีฟอลต์กับค่าที่อาจส่งผ่านไปยังฟังก์ชัน . อย่าลืมลงทะเบียนรหัส :
add_shortcode('simplerating', 'simplerating_function');

ด้วยฟังก์ชัน shortcode ที่สร้างและเพิ่ม hook แล้ว shortcode ก็พร้อมที่จะค้นหาตำแหน่งในเนื้อหาโพสต์ของคุณ:

[เรตติ้งเรียบง่าย=3]

นั่นจะเป็นส่วนสำคัญของการสร้างรหัสย่อ WordPress แบบปิดตัวเอง อย่างไรก็ตาม ยังมีอีกประเภทหนึ่งที่คุณสามารถสร้างได้

รหัสย่อประเภทเพิ่มเติมที่คุณสามารถสร้างได้: ล้อมรอบรหัสย่อ

ถึงจุดนี้ เราได้อธิบายรหัสย่อที่ล้อมรอบตัวเองแล้ว อย่างไรก็ตาม มีรหัสสั้นอีกประเภทหนึ่งที่เราอยากแนะนำให้คุณรู้จัก: การปิดรหัสย่อ

สิ่งเหล่านี้ช่วยให้คุณใช้รูปแบบสไตล์ BBCode สไตล์ดังกล่าวจะมีลักษณะดังนี้:

[รหัสย่อ]เนื้อหา[/รหัสย่อ]

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

ด้วยการใช้รหัสย่อที่ล้อมรอบ คุณจะสามารถให้ความสำคัญกับเนื้อหาแทนรหัสได้

การสร้างรหัสย่อที่แนบมา

คุณทำอีกครั้งในไฟล์ custom-shortcodes.php และเพิ่มสิ่งต่อไปนี้:

ฟังก์ชั่น simplefollow_function ( $atts, $content = null ) {

ส่งคืน '<a href=”https://twitter.com/simpleavatar/” target=”blank” class=”doti-follow”>' $เนื้อหา '</a>';

}

ในบล็อกของโค้ดด้านบนนี้ $content = null ใช้เพื่อระบุฟังก์ชันนี้เป็นรหัสย่อที่ปิดล้อม ภายในฟังก์ชันนั้น คุณกำลังห่อเนื้อหาของคุณภายในโค้ด HTML คุณอาจเดาขั้นตอนต่อไปนี้ได้ – การลงทะเบียนรหัสย่อ:

add_shortcode('simplefollow', 'simplefollow_function');

โว้ว! รหัสย่อพร้อมใช้งานแล้ว

มันลงมาเพื่ออะไร

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