ในบทช่วยสอนก่อนหน้านี้เราแสดงให้คุณเห็น วิธีสร้างปลั๊กอิน WordPress. ฉันคิดว่าตอนนี้เป็นเวลาที่จะก้าวไปข้างหน้าและช่วยให้คุณทำสิ่งต่างๆได้มากขึ้นด้วย WordPress
สำหรับการกวดวิชานี้ก็เป็นสิ่งสำคัญเพื่อให้แน่ใจว่าคุณมีทุกอย่างในสถานที่เพื่อให้คุณสามารถทำงานร่วมกับรหัสที่มาว่าเราจะนำเสนอ
สำหรับการกวดวิชานี้ผมคิดว่า:
- คุณมีการกำหนดค่าสภาพแวดล้อมการพัฒนาภายในที่สัมพันธ์กับระบบปฏิบัติการของคุณ
- คุณมีสำเนาของ WordPress ติดตั้งและพร้อมใช้งานสำหรับการติดตั้งปลั๊กอิน
- คุณคุ้นเคยกับแนวทางการพัฒนาของ ปลั๊กอิน WordPress.
- คุณสบายใจในการทำงานกับ PHP และ HTML
หากคุณไม่คุ้นเคยกับวิธีตั้งค่าสภาพแวดล้อมการพัฒนาท้องถิ่นที่เข้าใจ WordPress ฉันขอเชิญคุณอ่านสิ่งนี้
และหากคุณค่อนข้างคุ้นเคยกับ PHP แม้ว่ามันจะอ่านภาษาอยู่ก็ตามฉันจะพยายามอย่างเต็มที่เพื่อให้คำแนะนำและความคิดเห็นที่ชัดเจนสำหรับโค้ดแต่ละชิ้นที่เราแบ่งปัน
เมื่อทั้งหมดนี้อยู่ในสถานที่เราจะพร้อมที่จะเริ่มทำงานกับปลั๊กอินของเรา
การตั้งค่าที่กำหนดเองของหน้าผู้ดูแลระบบบน 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 ของคุณเปิดใช้งานปลั๊กอิน (ถ้ามันไม่ได้เป็นกรณี) จากนั้นเข้าถึงหน้าใหม่ของคุณในแผงควบคุม
ในบทความถัดไปเราจะมาดูกันว่าเราจะเริ่มแนะนำพารามิเตอร์จริงลงในหน้าจอได้อย่างไร นอกจากนี้เราจะดูแนวทางปฏิบัติที่ดีที่สุดบางประการสำหรับการทำงานกับโมเดลของเราจากนั้นดูว่าจะเชื่อมต่อกับ API ที่รับผิดชอบในการลงทะเบียนได้อย่างไร แต่ยังรวมถึงการทำความสะอาดและตรวจสอบค่าด้วย
เพียงเท่านี้สำหรับบทช่วยสอนนี้ อย่าลังเลที่จะถามคำถามกับเราหากคุณไม่เข้าใจประเด็น
บทความที่น่าสนใจมากอาจเป็นเพียงความผิดพลาด
ข้อผิดพลาดในการแยกวิเคราะห์: ข้อผิดพลาดทางไวยากรณ์ 'การดูแลระบบ' (T_STRING) ที่ไม่คาดคิดคาดหวัง ')' ใน C: \ wamp64 \ www \ wp-bookmarks \ wp-content \ plugins \ test \ custom-admin-settings.php ในบรรทัด 82
เกิดจากเครื่องหมายวรรคตอนพิเศษในบรรทัด 'Administration Page'
ฟังก์ชันสาธารณะ add_options_page () {
add_options_page (
'หน้าการดูแลระบบ'
'หน้าการดูแลระบบแบบกำหนดเอง'
'Manage_options',
'custom-admin-page',
อาร์เรย์ ($ this-> submenu_page, 'render'));
มิฉะนั้นจะทำงานได้อย่างไร้ที่ติในภายหลัง?