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

สำหรับการกวดวิชานี้ก็เป็นสิ่งสำคัญเพื่อให้แน่ใจว่าคุณมีทุกอย่างในสถานที่เพื่อให้คุณสามารถทำงานร่วมกับรหัสที่มาว่าเราจะนำเสนอ

สำหรับการกวดวิชานี้ผมคิดว่า:

  • คุณมีการกำหนดค่าสภาพแวดล้อมการพัฒนาภายในที่สัมพันธ์กับระบบปฏิบัติการของคุณ
  • คุณมีสำเนาของ WordPress ติดตั้งและพร้อมใช้งานสำหรับการติดตั้งปลั๊กอิน
  • คุณคุ้นเคยกับแนวทางการพัฒนาของ ปลั๊กอิน WordPress.
  • คุณสบายใจในการทำงานกับ PHP และ HTML

หากคุณไม่คุ้นเคยกับวิธีตั้งค่าสภาพแวดล้อมการพัฒนาท้องถิ่นที่เข้าใจ WordPress ฉันขอเชิญคุณอ่านสิ่งนี้

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

วิธีการติดตั้ง WordPress ไว้บนเครื่อง PC / Windows ด้วย XAMPP

เมื่อทั้งหมดนี้อยู่ในสถานที่เราจะพร้อมที่จะเริ่มทำงานกับปลั๊กอินของเรา

การตั้งค่าที่กำหนดเองของหน้าผู้ดูแลระบบบน WordPress

ในตอนท้ายของชุดนี้เราจะมีปลั๊กอินที่ตรงตามข้อกำหนดต่อไปนี้:

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

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

1 - สร้าง Bootstrap ของปลั๊กอิน

โดย bootstrap เราหมายถึง: " การเตรียมองค์ประกอบปลั๊กอิน ซึ่งจะรวมถึงการสร้างไดเร็กทอรีเพื่อเก็บไฟล์ปลั๊กอินไฟล์ README พื้นฐานสำเนาของสิทธิ์การใช้งานไฟล์ bootstrap ที่จะใช้ในการเริ่มปลั๊กอินและไดเร็กทอรีที่จะใช้ในการ รักษาคลาสที่เกี่ยวข้องกับฟังก์ชันการดูแลระบบ

ชุดของไฟล์มีลักษณะดังนี้:

องค์กรของระเบียนที่ปลั๊กอิน

นอกจากนี้แล้ว เนื้อหา ของปลั๊กอินนั้นค่อนข้างง่าย ตรวจสอบรหัสต่อไปนี้สำหรับไฟล์ PHP “ ที่กำหนดเองที่ผู้ดูแลระบบ settings.php ฉันจะอธิบายไฟล์นี้ในรายละเอียดเพิ่มเติมในภายหลัง

<?php
/**
 * ไฟล์เริ่มต้น
 *
 * นี่คือไฟล์หลักที่ WordPress จะอ่านได้
 *
 * @ลิงค์ https://blogpascher.com
 * @ตั้งแต่ 1.0.0
 * @แพ็คเกจ Custom_Admin_Settings
 *
 * @wordpress-plugin
 * ชื่อปลั๊กอิน: ผู้ดูแลระบบกำหนดเอง
 * URI ปลั๊กอิน: https://blogpascher.com
 * คำอธิบาย: เรียนรู้วิธีสร้างปลั๊กอิน WordPress
 * เวอร์ชัน: 1.0.0
 * ผู้แต่ง: ชื่อของคุณ
 * URI ผู้เขียน: https://example.com
 * ใบอนุญาต: GPL-2.0+
 * URI ใบอนุญาต: http://www.gnu.org/licenses/gpl-2.0.txt
 */
 
// หากไฟล์นี้ถูกเรียกโดยตรง ให้ยกเลิก
ถ้า ( ! กำหนด ( 'WPINC' ) ) {
 ตาย;
}
 
add_action('plugins_loaded', 'custom_admin_settings');
/**
 * เริ่มปลั๊กอิน
 *
 * @ตั้งแต่ 1.0.0
 */
ฟังก์ชั่น custom_admin_settings() {
 
}

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

พื้นที่ด้านล่าง " @ Wordpress ปลั๊กอิน WordPress จะอ่านเพื่อดึงชื่อปลั๊กอินคำอธิบายและลิงก์ที่เกี่ยวข้องในแดชบอร์ดปลั๊กอินของ WordPress

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

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

ไม่มีอะไรจะเกิดขึ้นอีก แต่เราจะเริ่มเพิ่มคุณสมบัติที่เราจะใช้ตลอดการสอน

2 - วิธีสร้างเมนูย่อย

ในการเริ่มทำงานกับปลั๊กอินก่อนอื่นเราจะแนะนำรายการเมนูย่อย ในการดำเนินการนี้เราจะต้องใช้ประโยชน์จากฟังก์ชัน WordPress " add_options_page " ฟังก์ชั่นนี้ต้องการพารามิเตอร์ห้าตัว:

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

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

ขั้นแรกเราจะสร้างคลาสในไดเรกทอรีผู้ดูแลระบบชื่อ " ชั้น submenu.php ". เนื่องจากคลาสนี้มีหน้าที่ในการแนะนำเมนูย่อยใหม่ซึ่งเราได้ตั้งชื่อตามคำอธิบาย

Le เนื้อหา ของชั้นเรียนควรมีลักษณะดังนี้:

submenu_page = $ submenu_page; } / ** * เพิ่มเมนูย่อยในเมนูเครื่องมือ * / ฟังก์ชันสาธารณะ init () {add_action ('admin_menu', อาร์เรย์ ($ this, 'add_options_page')); } / ** * สร้างรายการเมนูย่อยและเรียกใช้อ็อบเจ็กต์เมนูย่อยเพจเพื่อแสดง * เนื้อหาจริงของเพจ * / ฟังก์ชันสาธารณะ add_options_page () {add_options_page ('Administration page', 'Custom Administration Page', 'Manage_options', 'custom-admin-page', array ($ this-> submenu_page, 'render')); }}

ณ จุดนี้ปลั๊กอินจะยังคงทำอะไรไม่ได้มาก เรายังต้องสร้างชั้นเรียน " Submenu_Page จากนั้นเราจำเป็นต้องรวมคลาสในไฟล์เริ่มต้นปลั๊กอิน

3 - การสร้างเพจย่อย

เริ่มจากชั้นแรกกันเถอะ " Submenu_Page " สร้างไฟล์อื่นในไดเรกทอรี " ผู้ดูแลระบบ และเปลี่ยนชื่อเป็น " ชั้นเมนูย่อย-page.php " จากนั้นในไฟล์เพิ่มรหัสต่อไปนี้

<?php
/**
 * สร้างหน้าเมนูย่อยสำหรับปลั๊กอิน
 *
 * @แพ็คเกจ Custom_Admin_Settings
 */
 
/**
 * สร้างเมนูย่อยสำหรับหน้าปลั๊กอิน
 *
 * จัดเตรียมฟังก์ชันที่จำเป็นสำหรับการแสดงผลเพจ
 *
 * @แพ็คเกจ Custom_Admin_Settings
 */
คลาสเมนูย่อย_หน้า {
 
 /**
 * ฟังก์ชันนี้ส่งคืนเนื้อหาที่เกี่ยวข้องกับเมนูซึ่งรับประกันการเรนเดอร์
 */
 ฟังก์ชั่นสาธารณะแสดงผล () {
 echo 'นี่คือหน้าเมนูย่อยพื้นฐาน';
 }
}

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

4 - การแสดงเมนูและหน้า

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

จำไว้ว่าชั้นเรียน " เมนูย่อย "ต้องมีตัวอย่างของคลาส" Submenu_Page "ถูกส่งผ่านไปในตัวสร้างแล้วเราต้องเรียกเมธอด" init จากคลาสเมนูย่อยเพื่อตั้งค่าทุกสิ่งที่เคลื่อนไหว

ในรหัสดูเหมือนว่านี้:

 ในนั้น (); }

ณ จุดนี้คุณควรจะสามารถรีเฟรชการติดตั้ง WordPress ของคุณเปิดใช้งานปลั๊กอิน (ถ้ามันไม่ได้เป็นกรณี) จากนั้นเข้าถึงหน้าใหม่ของคุณในแผงควบคุม

สร้าง-ทรายหน้า dadministration บน WordPress

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

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