วิธีเพิ่มโค้ดที่กำหนดเองไปยังเว็บไซต์ WordPress อย่างปลอดภัย

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

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

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

สิ่งที่ควรมองหาก่อนเพิ่ม Custom Code Snippets ใน WordPress

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

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

นอกจากนี้ หากคุณต้องการเปลี่ยนธีม คุณต้องย้ายโค้ดด้วย ซึ่งไม่เป็นผลดีในระยะยาว

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

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

การเพิ่มข้อมูลโค้ดที่กำหนดเองไปยังไซต์ WordPress

คุณสามารถเพิ่มโค้ดที่กำหนดเองได้โดยใช้วิธีใดวิธีหนึ่งต่อไปนี้:

• การใช้ปลั๊กอิน (โปรดดูบทแนะนำปลั๊กอิน WordPress ของเราเพื่อเรียนรู้เพิ่มเติมว่าปลั๊กอิน WordPress คืออะไร)
• การสร้างปลั๊กอินแบบกำหนดเอง
• การสร้างธีมลูก

ตอนนี้ เรามาพูดถึงแต่ละวิธีโดยละเอียดกัน

1. การใช้ Code Snippets Plugin

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

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

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

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

2. การสร้างปลั๊กอินเฉพาะไซต์ของคุณเอง

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

ปลั๊กอิน WordPress เฉพาะไซต์คืออะไร?

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

เหตุใดการสร้างปลั๊กอิน WordPress เฉพาะไซต์จึงดีกว่า

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

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

คุณไม่จำเป็นต้องเป็นกูรู PHP เพื่อสร้างปลั๊กอิน WordPress เฉพาะไซต์ เพียงทำตามขั้นตอนง่าย ๆ ด้านล่าง

1. สร้างไดเร็กทอรีปลั๊กอิน

ขั้นแรก คุณจะต้องสร้างไดเร็กทอรีสำหรับปลั๊กอินและตั้งชื่อมัน จะเป็นชื่ออะไรก็ได้ เช่น เว็บไซต์ของเว็บไซต์ ไดเร็กทอรีของปลั๊กอินควรสร้างในไดเร็กทอรี /wp-content/plugins/ บนเว็บไซต์ของคุณ สำหรับตัวอย่างนี้ เรากำลังเรียกใช้ปลั๊กอิน wpwhitesecurity-shortcodes หมายเหตุ: ใช้ขีดกลางเสมอ ไม่ใช่เว้นวรรคในชื่อไดเร็กทอรี

2. สร้างไฟล์ปลั๊กอิน

ถัดไป คุณจะต้องมีไฟล์หลักสำหรับปลั๊กอินของคุณ แม้ว่าจะไม่มีกฎเกณฑ์เกี่ยวกับชื่อไฟล์ที่ควรจะเป็น แต่แนวทางปฏิบัติที่ดีที่สุดคือชื่อไฟล์จะต้องเหมือนกับชื่อปลั๊กอิน ในตัวอย่างของเรา ชื่อไฟล์ของปลั๊กอินคือ wpwhitesecurity-shortcodes.php

ไฟล์นี้อย่างน้อยควรมีชื่อและคำอธิบาย

สร้างไฟล์นี้โดยใช้โปรแกรมแก้ไขข้อความ เช่น NotePad ++ หรือ TextEdit อย่าใช้ Microsoft Word หรือโปรแกรมแก้ไขที่คล้ายกัน เนื่องจากจะเพิ่มข้อมูลการจัดรูปแบบให้กับข้อความ และอาจทำให้ไฟล์ของคุณยุ่งเหยิง บรรณาธิการทั้งหมดที่ระบุไว้ข้างต้นนั้นฟรี

นี่คือทั้งหมดที่คุณต้องเพิ่มลงในไฟล์:

<?php
/*
* Plugin Name: WP White Security Shortcodes
* Plugin URL: https://www.wpwhitesecurity.com
* Description: Site-specific plugin for custom code snippets in wpwhitesecurity.com
*/

นั่นคือทั้งหมดที่เกี่ยวกับมัน ตอนนี้ได้เวลาเพิ่มโค้ดที่กำหนดเองแล้ว

3. เพิ่มข้อมูลโค้ดที่กำหนดเอง

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

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

4. เพิ่มไฟล์ index.php (ไม่บังคับ)

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

สร้างไฟล์ชื่อ index.php
เพิ่มเนื้อหาต่อไปนี้ลงไป:

<?php
/**
* Nothing to see here.

3. ใช้ ฟังก์ชั่น ธีมลูก.php

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

อย่างไรก็ตาม ควรเพิ่มการเปลี่ยนแปลงธีมในธีมย่อยเสมอ ไม่ใช่ธีมหลัก ดังนั้นจึงปลอดภัยสำหรับการอัปเกรด

หากคุณเพิ่มโค้ดลงใน functions.php ของคุณ อย่าลืมมองหาแท็ก PHP ที่ปิดอยู่เสมอ นี่คือลักษณะที่ปรากฏ: ?> หากไฟล์ธีมของคุณลงท้ายด้วยหนึ่งในสิ่งเหล่านี้ คุณควรวางโค้ดที่กำหนดเองไว้ด้านบน

บทสรุป

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

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