วิธีเพิ่มรหัสย่อใน WordPress ได้อย่างไร (คู่มือผู้เริ่มต้น)

รหัสย่อเป็นวิธีที่ง่ายในการเพิ่มเนื้อหาแบบไดนามิกในโพสต์, หน้า, และแถบด้านข้างของ WordPress.


ปลั๊กอิน WordPress และธีมจำนวนมากใช้รหัสย่อเพื่อเพิ่มเนื้อหาพิเศษเช่นแบบฟอร์มการติดต่อ, แกลเลอรี่ภาพ, ตัวเลื่อนและอื่น ๆ.

ในบทความนี้เราจะแสดงวิธีการเพิ่มรหัสย่อใน WordPress ได้อย่างง่ายดาย เราจะแสดงวิธีสร้างรหัสย่อที่กำหนดเองของคุณใน WordPress.

การเพิ่มรหัสย่อใน WordPress

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

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

[myshortcode]

เพื่อให้เข้าใจรหัสย่อได้ดีขึ้นให้ดูที่พื้นหลังของสาเหตุที่เพิ่มเข้ามาตั้งแต่แรก.

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

แต่ถ้าคุณต้องการเรียกใช้โค้ดที่กำหนดเองภายในโพสต์ของคุณเพื่อแสดงโพสต์ที่เกี่ยวข้องโฆษณาแบนเนอร์รูปแบบการติดต่อแกลเลอรี ฯลฯ?

นี่คือที่มาของ Shortcode API.

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

เมื่อ WordPress พบรหัสย่อมันจะเรียกใช้รหัสที่เกี่ยวข้องโดยอัตโนมัติ.

มาดูวิธีเพิ่มรหัสย่อในโพสต์และหน้า WordPress ของคุณได้อย่างง่ายดาย.

การเพิ่มรหัสย่อใน WordPress โพสต์และหน้า

ก่อนอื่นคุณต้องแก้ไขโพสต์และหน้าเว็บที่คุณต้องการเพิ่มรหัสย่อ หลังจากนั้นคุณต้องคลิกที่ปุ่มเพิ่มบล็อกเพื่อแทรกบล็อกย่อ.

การเพิ่มบล็อกย่อใน WordPress

หลังจากเพิ่มบล็อกย่อคุณสามารถป้อนรหัสย่อในการตั้งค่าบล็อก รหัสย่อจะได้รับจากปลั๊กอิน WordPress ต่างๆที่คุณอาจใช้เช่น WPForms สำหรับแบบฟอร์มการติดต่อ OptinMonster สำหรับรูปแบบการตลาดอีเมล, ปุ่มโทร WP สำหรับการแทรกปุ่มคลิกเพื่อโทร ฯลฯ.

ใส่รหัสย่อในเครื่องมือแก้ไขบล็อก

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการใช้บล็อกโปรดดูบทแนะนำ Gutenberg ของเราสำหรับรายละเอียดเพิ่มเติม.

ตอนนี้คุณสามารถบันทึกโพสต์หรือหน้าของคุณและดูตัวอย่างการเปลี่ยนแปลงของคุณเพื่อดูรหัสในการดำเนินการ.

การเพิ่มรหัสย่อในวิดเจ็ต WordPress แถบด้านข้าง

คุณยังสามารถใช้รหัสย่อในวิดเจ็ตแถบข้าง WordPress ได้ เพียงเข้าไปที่ หน้าตา»วิดเจ็ต หน้าและเพิ่มวิดเจ็ต ‘ข้อความ’ ลงในแถบด้านข้าง.

ตอนนี้คุณสามารถวางรหัสย่อของคุณในพื้นที่ข้อความของวิดเจ็ต.

การเพิ่มรหัสย่อในวิดเจ็ตแถบด้านข้าง

อย่าลืมคลิกปุ่ม “บันทึก” เพื่อจัดเก็บการตั้งค่าวิดเจ็ตของคุณ.

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

การเพิ่มรหัสย่อใน Old WordPress Classic Editor

หากคุณยังคงใช้เครื่องมือแก้ไขแบบเก่าใน WordPress อยู่นี่คือวิธีที่คุณสามารถเพิ่มรหัสย่อในโพสต์และหน้า WordPress ของคุณ.

เพียงแก้ไขโพสต์และหน้าเว็บที่คุณต้องการเพิ่มรหัสย่อ คุณสามารถวางรหัสย่อไว้ที่ใดก็ได้ภายในตัวแก้ไขเนื้อหาที่คุณต้องการให้แสดง เพียงตรวจสอบให้แน่ใจว่ามีรหัสย่อในบรรทัดของตัวเอง.

แก้ไขรหัสย่อคลาสสิก

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

วิธีการเพิ่มรหัสย่อในไฟล์ธีม WordPress

รหัสย่อมีไว้เพื่อใช้ภายในโพสต์, หน้าและวิดเจ็ตของ WordPress อย่างไรก็ตามบางครั้งคุณอาจต้องการใช้รหัสย่อในไฟล์ธีม WordPress.

WordPress ทำให้ง่ายต่อการทำเช่นนั้น แต่คุณจะต้องแก้ไขไฟล์ธีม WordPress ของคุณ หากคุณยังไม่เคยทำสิ่งนี้มาก่อนให้ดูคำแนะนำของเราเกี่ยวกับวิธีคัดลอกและวางรหัสใน WordPress.

โดยทั่วไปคุณสามารถเพิ่มรหัสย่อให้กับเทมเพลตชุดรูปแบบ WordPress ได้โดยเพิ่มรหัสต่อไปนี้.

<?php echo do_shortcode ("[your_shortcode]"); ?>

WordPress จะมองหารหัสย่อและแสดงผลลัพธ์ในเทมเพลตธีมของคุณ.

วิธีสร้างรหัสย่อที่กำหนดเองของคุณใน WordPress

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

หากคุณพอใจกับการเขียนโค้ด PHP นี่คือตัวอย่างโค้ดที่คุณสามารถใช้เป็นเทมเพลต.

// ฟังก์ชันที่ทำงานเมื่อมีการเรียกใช้รหัสย่อ
ฟังก์ชั่น wpb_demo_shortcode () {

// สิ่งที่คุณต้องการทำ.
$ message = ‘สวัสดีชาวโลก!’;

// เอาต์พุตต้องส่งคืน
ส่งคืนข้อความ $
}
// ลงทะเบียนรหัสย่อ
add_shortcode (‘อวยพร’, ‘wpb_demo_shortcode’);

ในรหัสนี้เราสร้างฟังก์ชันที่เรียกใช้โค้ดบางส่วนและส่งออกผลลัพธ์ก่อน หลังจากนั้นเราสร้างรหัสย่อใหม่ที่เรียกว่า ‘ทักทาย’ และบอกให้ WordPress เรียกใช้ฟังก์ชันที่เราสร้างขึ้น.

ตอนนี้คุณสามารถใช้เพิ่มรหัสย่อนี้ไปยังโพสต์หน้าและวิดเจ็ตของคุณโดยใช้รหัสต่อไปนี้:

[อวยพร]

มันจะเรียกใช้ฟังก์ชันที่คุณสร้างและแสดงผลลัพธ์ที่ต้องการ.

ตอนนี้มาดูการใช้รหัสย่อที่เป็นประโยชน์มากกว่า ในตัวอย่างนี้เราจะแสดงแบนเนอร์ Google AdSense ภายในย่อ.

// ฟังก์ชั่นรหัสย่อ
ฟังก์ชั่น wpb_demo_shortcode_2 () {

// โค้ดโฆษณาที่วางอยู่ภายในตัวแปร
$ string. = ‘

(adsbygoogle = window.adsbygoogle || []). push ({});
‘;

// โค้ดโฆษณาที่ส่งคืน
คืนค่า $ string;

}
// ลงทะเบียนรหัสย่อ
add_shortcode (‘my_ad_code’, ‘wpb_demo_shortcode_2’);

อย่าลืมแทนที่รหัสโฆษณาด้วยรหัสโฆษณาของคุณเอง.

ตอนนี้คุณสามารถใช้รหัสย่อ [my_ad_code] ภายในโพสต์ WordPress, หน้าและวิดเจ็ตแถบด้านข้างของคุณ WordPress จะเรียกใช้ฟังก์ชั่นที่เกี่ยวข้องกับรหัสย่อโดยอัตโนมัติและแสดงรหัสโฆษณา.

ย่อรหัส vs Gutenberg บล็อก

เรามักถามผู้ใช้เกี่ยวกับความแตกต่างระหว่างรหัสย่อและบล็อก Gutenberg ใหม่.

โดยทั่วไปหากคุณพบว่ารหัสย่อมีประโยชน์คุณจะต้องชอบบล็อคตัวแก้ไข WordPress บล็อกช่วยให้คุณทำสิ่งเดียวกันได้ แต่ใช้งานง่ายขึ้น.

แทนที่จะต้องการให้ผู้ใช้เพิ่มรหัสย่อสำหรับการแสดงเนื้อหาแบบไดนามิกบล็อกอนุญาตให้ผู้ใช้เพิ่มเนื้อหาแบบไดนามิกภายในโพสต์ / หน้าด้วยส่วนติดต่อผู้ใช้ที่ใช้งานง่ายขึ้น ปลั๊กอิน WordPress ยอดนิยมจำนวนมากกำลังเปลี่ยนไปใช้บล็อกกูเทนแบร์กแทนที่จะเป็นรหัสย่อเพราะเป็นมิตรกับผู้เริ่มต้น.

เราได้รวบรวมรายชื่อปลั๊กอิน Gutenberg ที่มีประโยชน์ที่สุดสำหรับ WordPress ที่คุณอาจต้องการลอง.

หากคุณต้องการสร้างบล็อก Gutenberg ที่คุณกำหนดเองคุณสามารถทำตามขั้นตอนการสอนตามขั้นตอนเกี่ยวกับวิธีสร้างบล็อก Gutenberg ที่กำหนดเองใน WordPress.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me