วิธีสร้างหน้าผู้ดูแลระบบปลั๊กอิน WordPress

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

หากคุณกำลังสร้างปลั๊กอิน WordPress โอกาสดีที่คุณจะสร้างหน้าส่วนหลัง หน้าผู้ดูแลระบบปลั๊กอินเป็นที่ที่คุณสามารถเรียกใช้การสืบค้นฐานข้อมูล WordPress ทั้งหมดของคุณ ในหลักสูตรนี้ ฉันจะอธิบายวิธีรวมไฟล์ JavaScript และ CSS เฉพาะสำหรับหน้าผู้ดูแลระบบปลั๊กอิน ตลอดจนวิธีโต้ตอบกับฐานข้อมูล WordPress mySQL ในตัวอย่างนี้ ฉันจะใช้ WordPress dataTables เพื่อสืบค้นตารางฐานข้อมูลสำหรับ WP_users โดยใช้ปลั๊กอิน dataTables ด้วยเหตุนี้ ฉันจึงไม่ต้องการโหลดเวอร์ชัน jQuery สำหรับหน้าต่างๆ ในโค้ดด้านล่าง เราจะตรวจสอบให้แน่ใจว่ามีการโหลดเฉพาะ ไฟล์ adminpage.php ของเราภายในโฟลเดอร์ปลั๊กอิน ขณะนี้สามารถสำรวจผู้ใช้ทั้งหมดได้ด้วยการจัดเรียงตามคอลัมน์ ตัวกรอง และการค้นหาตามหมวดหมู่

ฉันจะสร้างหน้าผู้ดูแลระบบสำหรับปลั๊กอิน WordPress ได้อย่างไร

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

ปลั๊กอิน WordPress สร้างขึ้นโดยคำนึงถึง หน้าผู้ดูแลระบบ คุณอาจต้องมีส่วนประกอบสองหรือสามองค์ประกอบเพื่อสร้างหน้าผู้ดูแลระบบ ทั้งนี้ขึ้นอยู่กับฟังก์ชันที่คุณกำลังพัฒนา ขั้นตอนแรกคือการสร้างรายการเมนูโดยใช้ฟังก์ชัน add_menu_page() นอกเหนือจากความรู้เกี่ยวกับ AJAX ที่กล่าวถึงในส่วนนี้แล้ว คุณสามารถสร้างโอเวอร์เลย์ ฟังก์ชัน AJAX และเทคนิคอื่นๆ ได้หลากหลายโดยใช้บทช่วยสอนอื่นๆ การใช้อาร์กิวเมนต์ที่ห้า คุณสามารถเขียนฟังก์ชันที่สะท้อนอาร์กิวเมนต์บางส่วนได้ รูปภาพจะปรากฏขึ้นหากมีการระบุ URL ของรูปภาพ Dashicons ซึ่งเป็นส่วนเสริมของ WordPress สามารถใช้กับแพลตฟอร์มอื่นได้ คุณสามารถเพิ่มเพจระดับย่อยลงในเมนูระดับบนสุดของคุณได้หลายวิธี

ฉันจะสร้างเมนูปลั๊กอินแบบกำหนดเองได้อย่างไร

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

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

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

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

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

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

หน้าการตั้งค่าผู้ดูแลระบบปลั๊กอิน WordPress

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

ผู้ดูแลระบบสามารถเพิ่มการตั้งค่าลงในปลั๊กอินได้โดยไปที่หน้าการตั้งค่าปลั๊กอิน มีอธิบายขั้นตอนต่อไปนี้ในบทความนี้ ในตอนท้ายของบทความ เราได้รวมที่เก็บ GitHub ที่มีฟังก์ชันต่อไปนี้สำหรับปลั๊กอิน WordPress ที่กำลังพัฒนาอยู่ ขั้นตอนแรกและขั้นตอนที่สามคือการรวมฟังก์ชัน displayPluginAdminSettings เข้ากับชื่อปลั๊กอิน ซึ่งควรเพิ่มลงในไฟล์ class- plugins-name-/settings-display.php ไฟล์ PHP จะใช้เพื่อแสดงหน้าการตั้งค่าสำหรับปลั๊กอินของคุณ และจะเป็นตัวกำหนดว่าคุณอยู่ในแท็บใด หากคุณมีแบบฟอร์มการตั้งค่าหลายแบบ รวมถึงการแจ้งเตือน WordPress ที่คุณจะเห็น ขั้นตอนที่สี่คือการรวมการอ้างอิงถึงฟังก์ชัน pluginNameSettingsMessages ในฟังก์ชัน displayAdminTab ของคุณ หากคุณกำลังแก้ไขไฟล์ปลั๊กอินในสภาพแวดล้อมการพัฒนาท้องถิ่น คุณสามารถค้นหา แดชบอร์ดผู้ดูแลระบบ WordPress ของคุณได้

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

เทมเพลตหน้าผู้ดูแลระบบ WordPress

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

วิธีใส่แถบด้านข้างบนเทมเพลตหน้าที่กำหนดเองของคุณ

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

วิธีสร้างปลั๊กอินใน WordPress ด้วยตัวอย่าง

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

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

คุณสามารถเริ่มทำงานได้โดยเปิดโปรแกรมแก้ไขข้อความที่คุณชื่นชอบ (ฉันใช้ Notepad++) และเปลี่ยนไฟล์หลัก hot-recipes.html เมื่อเราคลิกปุ่มเปิดใช้งาน คุณต้องป้อนรหัสที่จะเริ่มการทำงานของปลั๊กอิน ด้วยรหัสนี้ สูตรอาหารประเภทโพสต์แบบกำหนดเองของเราสามารถเข้าถึงได้ผ่านตัวเลือกที่หลากหลาย คุณสมบัติอื่นๆ ได้แก่ ฟิลด์แบบกำหนดเอง ความคิดเห็น รูปภาพเด่น และอื่นๆ นี่คือคุณสมบัติที่จะมองเห็นได้ในเครื่องมือแก้ไขโพสต์เมื่อคุณสร้างสูตรอาหารใหม่ ง่ายต่อการแปลงไฟล์ hot-recipes.html เป็นไฟล์ zip บน Mac หรือ PC ลงชื่อเข้าใช้ไซต์ทดสอบของคุณและไปที่หน้าปลั๊กอิน ซึ่งคุณสามารถเพิ่มปลั๊กอินใหม่ได้ ตอนนี้ หากคุณดูใน เมนูผู้ดูแลระบบ WordPress คุณจะสังเกตเห็นประเภทโพสต์สูตรอาหารใหม่ของเรา เช่นเดียวกับความสามารถในการเพิ่มสูตรอาหารใหม่

การกำหนดค่าและการใช้ Awesome Plugin

ในการสร้างปลั๊กอิน เพียงแค่ใส่โค้ดต่อไปนี้ในเทมเพลต WordPress ของคุณ: php get_plugin_file('awesomeplugin');? เมื่อคุณรวมบรรทัดของโค้ดแล้ว คุณสามารถเริ่มเขียนโค้ดได้ WordPress จะโหลดไฟล์ปลั๊กอินโดยอัตโนมัติหากคุณใช้ฟังก์ชัน get_plugin_file() สิ่งที่คุณต้องทำคือเพิ่มโค้ดลงในไฟล์ Awesomeplugin.php หลังจากโหลดปลั๊กอินเพื่อกำหนดค่าและใช้งาน ตัวอย่างเช่น โค้ดต่อไปนี้จะใช้เพื่อสร้างโพสต์ใหม่: *br. 'โพสต์' จะถูกเพิ่มเป็น add_action inawesomeplugin_post_processing ไฟล์ Awesomeplugin.php มีโค้ดบรรทัดนี้ ซึ่งช่วยให้ปลั๊กอินทำงานทั้งหมดได้

WordPress สร้างหน้าผู้ดูแลระบบโดยไม่มีเมนู

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

ฉันจะเพิ่มหน้าผู้ดูแลระบบแบบกำหนดเองไปยังเว็บไซต์ WordPress โดยไม่ต้องคลิกปุ่มเพิ่มในรถเข็นได้อย่างไร ในที่สุดสิ่งนี้ก็แก้ไขได้ด้วยแฮ็คง่ายๆ ที่ไม่ต้องใช้ JS เพื่อเน้นรายการเมนูที่ต้องการ (และรายการเมนูย่อย) และทำงานบนเมนูปกติของปลั๊กอิน ในความเห็นของฉัน $_GET super-global ระบุพารามิเตอร์ที่ผู้ใช้สามารถใช้เพื่อระบุว่าพวกเขาต้องการแก้ไขรายการ ในการทำให้หน้าไม่สามารถเข้าถึงได้ คุณสามารถใช้เมนูย่อย หรือแม้แต่เมนูหลักของ แผงการดูแลระบบ WP การใช้ options.php เป็นทากหลักของคุณตอนนี้ให้คำตอบที่ถูกต้องสำหรับ WordPress codex ของ add_submenu_page สำหรับตัวอย่างลักษณะนี้ โปรดดูข้อมูลโค้ดด้านล่าง Remove_submenu_page ไม่ยกเลิกการลงทะเบียนฟังก์ชันการโทรกลับ ค่อนข้างจะลบลิงก์

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