วิธีสร้างรหัสย่อ WordPress และทำงานกับพวกเขาได้ง่ายขึ้น

วิธีสร้างรหัสย่อ WordPress และทำงานกับพวกเขาได้ง่ายขึ้น


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

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

ในคู่มือนี้คุณสามารถเรียนรู้:

  • วิธีใช้รหัสย่อ WordPress
  • วิธีการสร้างรหัสย่อแบบง่าย
  • วิธีใช้รหัสย่อใน Text Widget

อ่านแนะนำ: หลักสูตร WordPress โดย Udemy

วิธีใช้รหัสย่อ WordPress

รหัสย่อในโปรแกรมแก้ไขข้อความและภาพ

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

ตัวอย่างเช่นในการแสดงแกลเลอรี่ภาพทั้งหมดคุณเพียงแค่ต้องใช้ [แกลลอรี่] รหัสย่อที่มาพร้อมกับ WordPress รหัสย่อส่วนใหญ่สามารถใช้ในรูปแบบพื้นฐานเช่นตัวอย่างก่อนหน้านี้.

รหัสย่อถูกแทนที่ด้วยเนื้อหาจริงทันทีที่คุณเผยแพร่หรือดูตัวอย่างโพสต์หรือหน้า.

พารามิเตอร์ย่อ

บ่อยกว่าไม่, รหัสย่อสามารถมีพารามิเตอร์เพิ่มเติม. โดยการเพิ่มข้อมูลพิเศษให้กับพวกเขาคุณสามารถปรับแต่งและเปลี่ยนการส่งออก ตัวอย่างเช่นในขณะที่รหัสย่อ [แกลเลอรี] แสดงรูปภาพทั้งหมดที่แนบมากับโพสต์คุณสามารถเปลี่ยนได้ รหัสย่อของแกลเลอรีช่วยให้คุณระบุรูปภาพตาม ID เพื่อให้คุณสามารถแสดงเฉพาะรูปภาพที่ต้องการหรือรวมถึงรูปภาพที่ไม่ได้เป็นส่วนหนึ่งของโพสต์นั้น.

นอกจากนี้ยังเป็นไปได้ที่จะกำหนดขนาดของแกลเลอรี่และสิ่งอื่น ๆ อีกมากมายโดยการให้พารามิเตอร์เพิ่มเติม นี่คือตัวอย่าง:

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

แท็กเริ่มต้นและสิ้นสุด

รหัสย่อที่ซับซ้อนบางอย่างอาจมีแท็กเริ่มต้นและแท็กสิ้นสุด ดังนั้นแทนที่จะเป็นรหัสย่อหนึ่งอันคุณจะพบว่ามีสองสิ่งที่มีเนื้อหาเฉพาะอยู่ระหว่างนั้น.

ตัวอย่างเช่นปลั๊กอิน Google Maps อาจอนุญาตให้คุณแสดงตำแหน่งบนแผนที่ผ่านทางรหัสย่อ ปลั๊กอินดังกล่าวส่วนใหญ่จะมีแท็กเริ่มต้นและแท็กสิ้นสุดในขณะที่ควรเขียนที่อยู่ระหว่างนั้น นี่คือตัวอย่าง:

[[แผนที่]] นิวยอร์ก, สหรัฐอเมริกา [[/ แผนที่]]

ดังที่คุณเห็นจากตัวอย่างแท็กสิ้นสุดจะเริ่มต้นด้วยเครื่องหมายสแลช“ /” เสมอ ด้วยการมีทั้งสองแท็ก WordPress สามารถระบุส่วนของรหัสย่อได้ง่ายขึ้น.

ทำงานในเท็กซ์เอดิเตอร์

รหัสย่อของ WordPress

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

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

รหัสย่อ WordPress เริ่มต้น

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

ตัวอย่างเช่นปลั๊กอินที่ช่วยให้คุณแสดงตำแหน่งบน Google แผนที่อาจมีรหัสย่อ [[แผนที่]] ซึ่งเป็นหนึ่งในที่แสดงแบบฟอร์มการสมัครจะใช้ [[ฟอร์ม]] และอื่น ๆ.

ผลิตภัณฑ์แต่ละชนิดแตกต่างกันดังนั้นโปรดตรวจสอบคำอธิบายและเอกสารประกอบของธีมและปลั๊กอินเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการใช้งานเฉพาะของพวกเขา.

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

  • [เสียง] – ไฟล์เสียงฝัง
  • [คำบรรยายภาพ] – ล้อมรอบคำบรรยายเนื้อหา
  • [ฝัง] – ห่อรายการฝังและตั้งค่าขนาดสูงสุด
  • [แกลเลอรี่] – แกลเลอรี่แสดงภาพ
  • – แสดงชุดของไฟล์เสียงและวิดีโอ
  • [วิดีโอ] – ไฟล์วิดีโอที่ฝัง

หนีรหัสย่อ (แสดงข้อความรหัสย่อโดยไม่ต้องเรียกใช้งาน)

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

ในการแสดงข้อความของรหัสย่อให้ใช้เครื่องหมายวงเล็บคู่: [[รหัส]]

หากคุณต้องการแสดงรหัสย่อพร้อมแท็กเริ่มต้นและสิ้นสุดให้ใช้เฉพาะวงเล็บแรกและวงเล็บคู่สุดท้าย: [[แผนที่] นิวยอร์ก, สหรัฐอเมริกา [/ แผนที่]]

เมื่อทำงานในโปรแกรมแก้ไขข้อความคุณสามารถแทนที่วงเล็บสี่เหลี่ยมด้วยรหัสของพวกเขา ดังนั้นแทนที่จะเป็น“ [” คุณสามารถใช้“ [” และแทน“]” ใช้“]” ตัวอย่างเช่น: [รหัส & # 93; จะแสดงรหัสย่อด้วยเช่นกันโดยไม่ต้องดำเนินการใด ๆ.

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

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

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

  1. เปิดไฟล์ function.php ในเมนู Appearance -> Editor
  2. วางรหัสต่อไปนี้ไว้ท้ายไฟล์:
  3. ฟังก์ชัน fsg_shortURL () {
    ส่งคืน 'http://www.firstsiteguide.com';
    }
    add_shortcode ('fsg', 'fsg_shortURL');
  4. ไปที่ Text Editor แล้วพิมพ์ [FSG] เพื่อรับ URL แทนรหัสย่อ

มันไม่ยากเลยใช่ไหม?

ตัวอย่างขั้นสูงเพิ่มเติม: เพิ่มรหัสย่อรูปภาพ

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

  1. ไปที่ไฟล์ functions.php
  2. วางรหัสต่อไปนี้:
  3. ฟังก์ชัน img_shortcode ($ atts, $ content = null) {
    
    แยก (shortcode_atts (
    array (
    'width' => '',
    'height' => '',
    ) $ atts)
    );
    กลับ '';
    }
    add_shortcode ('img', 'img_shortcode');
    
    
  4. แก้ไขข้อความเปิด:

ที่นี่คุณสามารถใช้ [img width = ’x’ height = ’y’] http: // … [/ img] รหัสย่อที่“ x” และ“ y” เป็นตัวเลขซึ่งแสดงความกว้างและความสูงเป็นพิกเซล.

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

วิธีใช้รหัสย่อใน Text Widget

ด้วย WordPress เวอร์ชัน 4.9 ที่วางจำหน่ายในวันที่ 15 พฤศจิกายน 2017 รหัสย่อจะทำงานใน Text Widgets โดยอัตโนมัติ แต่ถ้าคุณยังใช้ WordPress รุ่นเก่าอยู่ส่วนนี้ของบทช่วยสอนจะช่วยให้คุณได้รับผลลัพธ์.

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

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

ตัวอย่างเช่นหากคุณใช้ปลั๊กอิน 5s Maps ของ Google Maps PRO ซึ่งช่วยให้คุณสร้างแผนที่ได้อย่างง่ายดายด้วยหมุดจำนวนมากคุณอาจต้องการแทรกแผนที่ผ่านรหัสย่อ ๆ โดยตรงในวิดเจ็ตข้อความของคุณและแสดงตำแหน่งของคุณบนแถบด้านข้างแทน เสา แต่ถ้าธีมของคุณไม่รองรับรหัสย่อในวิดเจ็ตคุณจะต้องเปิดใช้งานฟังก์ชั่นด้วยตัวเองและนั่นคือสิ่งที่เราจะแสดงในบทความนี้.

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

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

  1. เปิดฟังก์ชั่น
  2. คัดลอกและวางสองบรรทัดต่อไปนี้:
  3. add_filter ('widget_text', 'shortcode_unautop');
    add_filter ('widget_text', 'do_shortcode');
  4. บันทึกการเปลี่ยนแปลง

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

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

ในทำนองเดียวกันคุณสามารถเรียกใช้รหัส PHP จาก Widget ข้อความของคุณ มันง่ายพอไม่ใช่ไหม เพลิดเพลินกับรหัสย่อของคุณ.

รหัสย่อมีอยู่ทุกที่

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map