วิธีเพิ่มรหัสย่อในเมนู WordPress
เผยแพร่แล้ว: 2022-04-16การเพิ่มรหัสย่อลงในเมนู WordPress เป็นวิธีที่ยอดเยี่ยมในการเพิ่มฟังก์ชันพิเศษให้กับเว็บไซต์ของคุณ ตัวอย่างเช่น คุณสามารถเพิ่มรหัสย่อลงในเมนูที่แสดงแบบฟอร์มการติดต่อหรือฟีดโซเชียลมีเดีย
ในบทความนี้เราจะแสดงวิธีเพิ่มรหัสย่อในเมนู WordPress อย่างง่ายดาย
รหัสย่อที่คุณใช้ช่วยให้คุณสร้างเมนูได้หลังจากที่คุณออกแบบโพสต์เสร็จแล้ว URL ของหน้าเมนูได้รับการแก้ไขเพื่อลบวงเล็บที่ใช้สำหรับ URL คุณสามารถสร้างโปรไฟล์โดยใช้ตัวยึดตำแหน่ง เช่น @profile_link รหัสย่อใน WordPress คืออะไร? ไม่มีเหตุผลที่จะต้องกังวล ตามที่ Kathy กล่าว เนื่องจากรหัสย่อเป็นตัวอย่างหนึ่งของวิธีที่คุณสามารถใส่รูปภาพ วิดีโอ และแม้แต่รายการเล่น ฉันจะสร้างหน้าแรกที่กำหนดเองใน wordpress ได้อย่างไร นี่คือวิดีโอที่สอนวิธีเพิ่มโค้ดในเมนู WordPress
WordPress ช่วยให้คุณสร้างเมนูใหม่ได้ โดยไปที่เมนูลักษณะที่ปรากฏ จากนั้นปรับแต่งเมนู หากคุณยังไม่มีเมนู ให้คลิกสร้างเมนูใหม่เพื่อเริ่มต้น ขึ้นอยู่กับคุณว่าจะเลือกชื่อเมนูและตำแหน่งที่จะปรากฏ
ฉันสามารถเพิ่มรหัสย่อในเมนู WordPress ได้หรือไม่

การเพิ่ม ShortCodes ให้กับลิงก์เมนูแบบกำหนดเองสามารถทำได้แล้ว ชื่อ 'FULL HTML OUTPUT' ของ ShortCode จะสร้าง HTML ที่สมบูรณ์โดยไม่ทำให้ไซต์ของคุณเสียหาย หากคุณไม่ต้องการให้ ShortCode ของคุณรวมเฉพาะ url แต่มีส่วน HTML ที่สมบูรณ์ ให้ใช้ชื่อ 'FUL HTML OUTPUT'
รหัสย่อถูกใช้บ่อยที่สุดในเนื้อหาบนหน้าหรือในโพสต์ เมื่อคุณส่งเนื้อหาวิดเจ็ตผ่านฟังก์ชัน do_shortcode คุณสามารถใช้มันในข้อความหรือวิดเจ็ต html ที่กำหนดเองได้ หากคุณเพิ่มลิงก์ที่กำหนดเองด้วย URL ของ [MENU_SHORTCODE] ลงในเมนู ลิงก์นั้นจะถูกเชื่อมโยงกับ http:// โดยอัตโนมัติ คุณสามารถใช้ตัวกรอง 'nav_menu_link_attributes' หากเมนูนั้นใช้คลาส Walker มาตรฐาน รหัสสั้นสามารถพบได้ในสิ่งนี้ และสามารถลบ 'http://' แบบถาวรได้ ในฟังก์ชันด้านล่าง สามารถตั้งค่า URL หรือใช้ตัวจัดการ add_shortcode() สำหรับรหัสย่อที่มีอยู่
คุณสามารถเพิ่มรหัสย่อให้กับปุ่มใน WordPress ได้หรือไม่?
คุณสามารถเพิ่มฟังก์ชันการทำงานให้กับบทความและหน้า WordPress ของคุณได้โดยใช้รหัสย่อ ซึ่งเป็นรหัสง่ายๆ ที่อยู่ในวงเล็บเหลี่ยม หากต้องการใช้รหัสย่อของปุ่ม WordPress ให้ป้อนลงในเครื่องมือแก้ไขบทความ จากนั้น WordPress จะแสดงรหัสและแสดงบนเว็บไซต์ของคุณ
WordPress Shortcode

รหัสย่อของ WordPress คือรหัสสั้น ๆ ที่คุณสามารถป้อนลงในเครื่องมือแก้ไขบทความเพื่อเรียกใช้ฟังก์ชันเฉพาะ รหัสย่ออยู่ในวงเล็บเหลี่ยม [ ] และมักประกอบด้วยคำเพียงคำเดียว ตัวอย่างเช่น ใช้รหัสย่อเพื่อแสดงแกลเลอรีรูปภาพในโพสต์หรือหน้า
ต้องสร้างมาโครเพื่อรวมไว้ในโพสต์ที่มีรหัสย่อ อย่างที่คุณเห็น ต่อไปนี้เป็นรหัสย่อพื้นฐานสำหรับแกลเลอรี นอกจากรหัสแบบสั้นแล้ว คุณสามารถเพิ่มแอตทริบิวต์เพิ่มเติมได้โดยใช้ตัวอย่างต่อไปนี้ ในทั้งสองกรณี แกลเลอรีรูปภาพจะแสดงขึ้น ทำให้ดูแลรักษายาก วงเล็บคู่คู่รอบช่องข้อความที่ไม่ได้ลงทะเบียนเป็นรหัสย่อจะแสดงวงเล็บสองชุด ตาม WordPress ปัจจุบันไม่รองรับรหัสย่อภายในวิดเจ็ตแถบด้านข้าง ฟังก์ชันวิดเจ็ตได้รับการปรับปรุงในเวอร์ชัน 4.9 คุณจึงเพิ่มการสนับสนุนโค้ดย่อหรือตรวจสอบได้
รหัสย่อเป็นวิธีที่ยอดเยี่ยมในการเพิ่มคุณสมบัติให้กับเว็บไซต์ของคุณ แต่ยังสามารถใช้เพื่อสร้างประเภทเนื้อหาที่กำหนดเองได้อีกด้วย คุณสามารถสร้างแกลเลอรีที่กำหนดเองบนเว็บไซต์ของคุณได้โดยใช้รหัสย่อ รหัสย่อนี้สามารถรวมพารามิเตอร์ต่างๆ เช่น ชื่อของแกลเลอรี พาธไปยังไฟล์รูปภาพ และจำนวนรูปภาพในแกลเลอรี
หากคุณไม่ทราบวิธีใช้รหัสย่อ คุณสามารถดู WordPress Codex ได้ที่นี่
วิธีใช้รหัสย่อใน WordPress
รหัสย่ออาจเป็นสิ่งที่คุณต้องการเพื่อเพิ่มฟังก์ชันการทำงานที่ง่ายและรวดเร็วให้กับไซต์ WordPress ของคุณ เมื่อคุณใช้รหัสย่อในโพสต์และเพจของคุณ คุณสามารถฝังวิดีโอ YouTube หรือใช้วิดเจ็ตแถบด้านข้างเพื่อแสดงข้อมูลติดต่อบนไซต์ของคุณได้ ตั้งค่าและเพิ่มลงในเว็บไซต์ของคุณได้ง่าย และมีประโยชน์สำหรับการเพิ่มคุณลักษณะแบบครั้งเดียวด้วยการคลิกเมาส์เพียงไม่กี่ครั้ง
รหัสย่อจะถูกเก็บไว้ในตำแหน่งที่เรียกว่า codex และคุณสามารถเข้าถึงได้โดยเปิดลักษณะที่ปรากฏ วิดเจ็ตในส่วนหน้าของไซต์ WordPress และการคลิกที่วิดเจ็ตข้อความที่ด้านขวาของหน้าจะช่วยให้คุณเพิ่มทางลัดได้ หลังจากที่คุณวางรหัสย่อแล้ว เพียงบันทึกวิดเจ็ตและรหัสจะปรากฏในแถบด้านข้างของคุณเป็นผลลัพธ์
อาจเป็นความคิดที่ดีที่จะใส่รหัสย่อในไซต์ WordPress ของคุณ แต่โปรดทราบว่าคุณกำลังเริ่มต้นเท่านั้น ไม่สามารถใช้รหัสย่อทั้งหมดใน WordPress ทุกรุ่นได้ คุณยังสามารถแก้ไขผลลัพธ์ของรหัสย่อเพื่อให้ตรงกับความต้องการของเว็บไซต์เฉพาะของคุณได้ หากคุณต้องการเพิ่มฟังก์ชันการทำงานที่ง่ายและรวดเร็วให้กับไซต์ WordPress ของคุณ รหัสย่ออาจเป็นสิ่งที่คุณกำลังมองหา
วิธีแก้ไขรหัสย่อใน WordPress

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

ในตัวแก้ไขแบบคลาสสิกหรือตัวแก้ไข Gutenberg คุณสามารถแก้ไขและยกเลิกการซิงค์หน้าได้หากต้องการ บล็อกนี้จะไม่ถูกแสดงตัวอย่างเนื่องจากมีข้อผิดพลาด ไซต์ของคุณไม่ได้รวมการบล็อก แม้ว่าคุณจะเลือกที่จะไม่สร้างเอกสารโดยอัตโนมัติ คุณยังคงสามารถใช้รหัสย่อนี้เพื่อนำรายการคุกกี้ไปใช้ในเอกสารของคุณเองโดยเลือก [cmplz-cookies] หากเปิดใช้งาน TCF คุณยังสามารถแสดงรายการผู้ขายสำหรับรหัสย่อที่ใช้โดย Complianz ฟอรัมนี้มีไว้สำหรับผู้ใช้ที่ต้องการความช่วยเหลือเกี่ยวกับไซต์เวอร์ชันฟรี
ฉันจะแทนที่รหัสย่อใน WordPress ได้อย่างไร
รหัสย่อสามารถเขียนทับได้ รหัสสั้นจะเหมือนกันไม่ว่าจะกำหนดไว้ในธีมหลักหรือในปลั๊กอิน เพื่อแทนที่รหัสย่อของเรา เราต้องใช้เบ็ดการดำเนินการ WP_head รหัสย่อถูกลบออกโดยใช้ฟังก์ชัน remove_shortcode() และเพิ่มโดยใช้ฟังก์ชัน add_shortcode()
วิธีเพิ่มรหัสย่อในเทมเพลตหน้า WordPress
การเพิ่ม Shortcode ใน WordPress Page Template
1. ลงชื่อเข้าใช้ไซต์ WordPress ของคุณ
2. ไปที่หน้าที่คุณต้องการเพิ่มรหัสย่อ
3. คลิกที่ลิงก์ "แก้ไขหน้า"
4. วางเคอร์เซอร์ของคุณในตำแหน่งที่คุณต้องการเพิ่มรหัสย่อ
5. พิมพ์รหัสต่อไปนี้: [รหัสย่อ]
6. คลิกที่ปุ่ม "อัปเดต" เพื่อบันทึกการเปลี่ยนแปลงของคุณ
วิธีสร้างรหัสย่อสำหรับโพสต์ใน WordPress
ในการสร้างรหัสย่อสำหรับบทความใน WordPress ก่อนอื่นคุณต้องสร้างไฟล์ชื่อ shortcodes.php ในไดเร็กทอรีของธีมของคุณ ถัดไป เพิ่มโค้ดต่อไปนี้ในไฟล์ functions.php ของคุณ:
ฟังก์ชัน my_shortcode_func($atts) {
แยก (shortcode_atts(อาร์เรย์(
'id' => ”,
), $atts));
$args = อาร์เรย์ (
'post_type' => 'โพสต์',
'p' => $id,
);
$the_query = ใหม่ WP_Query( $args );
if ( $the_query->have_posts() ) {
ในขณะที่ ( $the_query->have_posts() ) {
$the_query->the_post();
the_title();
เสียงสะท้อน '
ในเนื้อหา();
เสียงสะท้อน '
}
wp_reset_postdata();
}
}
add_shortcode('my_shortcode', 'my_shortcode_func');
จากนั้นคุณสามารถใช้รหัสย่อ [my_shortcode] ในโพสต์ของคุณ
Codeshorts เป็นวิธีที่ง่ายในการเพิ่มเนื้อหาแบบไดนามิกไปยังบทความ หน้า และแถบด้านข้างของ WordPress รหัสย่อของ WordPress ใช้เพื่อเพิ่มเนื้อหา เช่น แบบฟอร์มการติดต่อ แกลเลอรี่ภาพ ตัวเลื่อน และอื่นๆ ลงในปลั๊กอินและธีม ในบทความนี้ เราจะแสดงวิธีเพิ่มรหัสย่อในไซต์ WordPress ของคุณอย่างง่ายดาย ตัวสร้างรหัสย่อของ WordPress ช่วยให้คุณใช้รหัสย่อในบทความ หน้า และวิดเจ็ตของ WordPress เพียงป้อนรหัสต่อไปนี้ คุณสามารถเพิ่มรหัสย่อให้กับเทมเพลตธีม WordPress ใดก็ได้ อย่างไรก็ตาม หากคุณต้องการสร้างรหัสย่อของคุณเอง คุณจะต้องมีประสบการณ์ในการเขียนโค้ด ตอนนี้คุณสามารถรวมรหัสย่อ [my_ad_code] ในบทความ หน้า และวิดเจ็ตของ WordPress ได้แล้ว บล็อกเป็นปลั๊กอิน WordPress เริ่มต้นเนื่องจากราคาที่ต่ำกว่าและใช้งานง่าย บล็อก นอกเหนือจากการให้ส่วนต่อประสานกับผู้ใช้ที่ใช้งานง่ายยิ่งขึ้นแล้ว ยังอนุญาตให้ผู้ใช้แทรกเนื้อหาแบบไดนามิกลงในโพสต์/หน้า
วิธีสร้างรหัสย่อใน WordPress โดยไม่ต้องใช้ปลั๊กอิน
รหัสย่อคือรหัสเล็กน้อยที่คุณใช้ทำสิ่งต่างๆ ใน WordPress ได้ ตัวอย่างเช่น มีรหัสย่อที่จะช่วยให้คุณสามารถฝังวิดีโอ YouTube ลงในโพสต์หรือหน้า WordPress
ในการสร้างรหัสย่อใน WordPress โดยไม่ต้องใช้ปลั๊กอิน คุณจะต้องเพิ่มโค้ดสองสามบรรทัดลงในไฟล์ functions.php ของธีม WordPress ของคุณ
ขั้นแรก คุณจะต้องสร้างฟังก์ชันที่จะส่งคืนผลลัพธ์ที่ต้องการสำหรับรหัสย่อของคุณ ตัวอย่างเช่น หากคุณต้องการสร้างรหัสย่อที่แทรกแผนที่ Google ลงในโพสต์หรือหน้า ฟังก์ชันของคุณอาจมีลักษณะดังนี้:
ฟังก์ชัน google_map_shortcode() {
กลับ ' ';
}
ถัดไป คุณจะต้องลงทะเบียนรหัสย่อของคุณกับ WordPress เพื่อให้สามารถใช้ในบทความและเพจได้ คุณสามารถทำได้โดยเพิ่มบรรทัดโค้ดต่อไปนี้ในไฟล์ functions.php ของคุณ:
add_shortcode('google_map', 'google_map_shortcode');
สุดท้าย คุณสามารถใช้รหัสย่อใหม่ได้โดยพิมพ์ [google_map] ในส่วนเนื้อหาของบทความหรือหน้า WordPress
ก่อนที่จะเพิ่มรหัสย่อใน Squarespace คุณต้องแก้ไขโพสต์และหน้าที่จะปรากฏก่อน ต้องใช้รหัสสั้นในการเพิ่มรายการเมนูที่กำหนดเองได้ไม่จำกัดในเว็บไซต์ของคุณ ฟังก์ชัน add_shortcode สามารถใช้เพื่อระบุพารามิเตอร์สองตัวสำหรับแต่ละฟังก์ชัน ในส่วน "เนื้อหาเพิ่มเติม" คุณสามารถเพิ่มรหัสย่อได้โดยคลิกที่บล็อกเครื่องหมายบวกในโพสต์หรือหน้า คุณสามารถใช้รหัสย่อเพื่อให้คุณลักษณะเฉพาะพร้อมใช้งานสำหรับเว็บไซต์ของคุณโดยดูที่วงเล็บเช่น [.] คุณสามารถรวมคุณลักษณะเฉพาะในโพสต์ เพจ หรือเนื้อหาอื่นๆ ที่คุณสร้างโดยใช้รหัสนี้