วิธีเพิ่มข้อมูลโค้ดที่กำหนดเองลงใน WordPress อย่างปลอดภัย

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

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

มี 3 วิธีในการเพิ่มข้อมูลโค้ดอย่างปลอดภัยใน WordPress . ของคุณ

1. การสร้างธีมลูก
2. การใช้ปลั๊กอิน
3. โดยการสร้างปลั๊กอินที่กำหนดเอง

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

วิธีที่ 1: สร้างธีมลูก

ธีมลูกของ WordPress เป็นธีมลูกของธีมหลักที่มีอยู่ ซึ่งให้โอกาสในการเปลี่ยนแปลงธีมหลักของคุณอย่างปลอดภัยโดยไม่ต้องแก้ไขธีมหลักเอง

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

การเพิ่มข้อมูลโค้ดที่กำหนดเองให้กับธีมย่อยของ WordPress นั้นคล้ายกับธีมปกติใดๆ ซึ่งก็คือการเปิดไฟล์ “function.php” ในหน้า Appearance → Theme File Editor แล้ววางโค้ดที่กำหนดเองไว้ที่นั่น

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

วิธีที่ 2: การใช้ Plugin

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

Code Snippets เป็นปลั๊กอินฟรี (เวอร์ชัน Pro กำลังจะมาในเร็วๆ นี้) และเป็นตัวเลือกยอดนิยมสำหรับการเรียกใช้ข้อมูลโค้ดบนไซต์ของคุณซึ่งมีการใช้งานมากกว่า 600,000 รายการในขณะที่เขียน คุณสามารถรับปลั๊กอินได้จาก wordpress.org

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

เมื่อคุณพร้อมแล้ว เรามาติดตั้งและเปิดใช้งาน Code Snippets จากนั้นมันจะเพิ่มเมนู “ Snippet ” ในแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ มาลองคลิกกันเลย

ดังที่คุณเห็นในภาพด้านบน มีข้อมูลโค้ดที่สร้างไว้ล่วงหน้าบางส่วนที่พร้อมใช้งานหากคุณต้องการ

ข้อมูลโค้ดทั้งหมดในปลั๊กอิน Code Snippets สามารถเปิดใช้งานและปิดใช้งานได้ด้วยการคลิกเพียงครั้งเดียว เช่นเดียวกับสวิตช์ไฟ

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

ตอนนี้ หากต้องการเพิ่มโค้ดที่กำหนดเอง ให้คลิกที่ปุ่ม " เพิ่มใหม่ " แล้วคุณจะเข้าสู่หน้า "เพิ่มโค้ดใหม่" ในหน้านี้ คุณจะต้องเพิ่มชื่อและวางโค้ดลงในเครื่องมือแก้ไขที่ด้านล่าง

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

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

กลับไปที่หน้าแรกของ Code Snippet และคุณจะพบข้อมูลโค้ดใหม่ของคุณที่ด้านล่างของรายการตัวอย่าง

คุณสามารถปิดใช้งานข้อมูลโค้ดได้ทุกเมื่อโดยคลิกที่สวิตช์รายการ

วิธีที่ 3: สร้าง Custom Plugin

การสร้างปลั๊กอินของคุณเองอาจฟังดูล้นหลามหากคุณไม่เคยทำมาก่อน แต่อย่ากังวล การสร้างปลั๊กอินสำหรับข้อมูลโค้ดของเรานั้นง่ายมาก

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

ตอนนี้เปิดไฟล์แล้ววางตัวอย่างต่อไปนี้ลงในไฟล์

 <?php
/*
ชื่อปลั๊กอิน: ปลั๊กอินของฉัน
URI ของปลั๊กอิน: https://www.wppagebuilders.com
คำอธิบาย: Custom Plugin สำหรับเพิ่มโค้ดที่กำหนดเอง
เวอร์ชัน: 1.0.0
ผู้เขียน: WPagebuilders
ผู้เขียน URI: https://www.wppagebuilders.com/
ใบอนุญาต: GPL2
URI ใบอนุญาต: https://www.gnu.org/licenses/gpl-2.0.html
*/

จากนั้น ดำเนินการต่อโดยสร้างไฟล์ ZIP จากโฟลเดอร์ที่มีตัวเก็บไฟล์ที่คุณมี

เมื่อไฟล์พร้อมแล้ว ให้ไปที่หน้าผู้ดูแลระบบ WordPress ของคุณ จากนั้นอัปโหลดไฟล์โดยไปที่ Plugin → Add New → Upload Plugin → เลือกไฟล์ และเลือกไฟล์ ZIP ที่คุณเพิ่งสร้างขึ้น จากนั้นคลิกปุ่ม ติด ตั้งทันทีเพื่อติดตั้งปลั๊กอิน

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

หากต้องการเพิ่มข้อมูลโค้ดลงในปลั๊กอิน ให้ไปที่ Plugins → Plugin File Editor จากนั้นเลือกปลั๊กอินของคุณในรายการดรอปดาวน์ " เลือกปลั๊กอินเพื่อแก้ไข " จากนั้นคลิก เลือก เพื่อเปิดตัวแก้ไขไฟล์ของปลั๊กอินของคุณ

เราจะใช้โค้ดที่กำหนดเองของ Disable Guttenberg Editor จากเมื่อก่อนเช่นกัน

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

ตอนนี้ คล้ายกับวิธีการก่อนหน้านี้ โปรแกรมแก้ไข Gutenberg ของคุณหายไป และคุณจะได้ตัวแก้ไขแบบคลาสสิกแทน

เพื่อสรุป

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

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