วิธีเพิ่มเมนูและเมนูย่อยในแผงผู้ดูแลระบบ WordPress

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

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

ในโพสต์นี้ เราจะแนะนำคุณตลอดขั้นตอนในการเพิ่มเมนูและเมนูย่อยโดยใช้ข้อมูลโค้ดง่ายๆ

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

เมนูและเมนูย่อยคืออะไร?

เมนู คือรายการหลักที่คุณมักจะสังเกตเห็นในแถบด้านข้างของผู้ดูแลระบบ WordPress เช่น “โพสต์” “เพจ” และ “การตั้งค่า”

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

วิธีเพิ่มเมนูแบบกำหนดเอง

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

มันไม่ได้ยุ่งยากขนาดนั้น สิ่งที่คุณต้องทำก็แค่ใช้ฟังก์ชัน add_menu_page()

ต่อไปนี้เป็นวิธีง่ายๆ ทีละขั้นตอนที่คุณสามารถปฏิบัติตามได้:

1. เปิดไฟล์ functions.php ของธีมของคุณ:

คุณสามารถค้นหาไฟล์นี้ได้โดยไปที่แดชบอร์ด WordPress ของคุณ ไปที่ “ลักษณะที่ปรากฏ” > “ตัวแก้ไขไฟล์ธีม” และเลือกไฟล์ functions.php

2. เพิ่มรหัสต่อไปนี้:

function custom_plugin_menu() {

add_menu_page(

'My Custom Plugin', // Page title

'My Plugin', // Menu title

'manage_options', // Capability required

'my-plugin', // Menu slug (unique identifier)

'my_plugin_page', // Callback function to display page content

'', // Icon URL (leave empty for default icon)

6 // Position on the menu (optional)

);

}

add_action('admin_menu', 'custom_plugin_menu');

// Callback function to display the menu page content

function my_plugin_page() {

echo '<h1>Welcome to My Plugin Page!</h1>';

}

3. บันทึกการเปลี่ยนแปลงของคุณ:

หลังจากเพิ่มโค้ดแล้ว ให้บันทึกไฟล์ functions.php เมนู “ปลั๊กอินของฉัน” ใหม่ของคุณควรจะปรากฏในแถบด้านข้างผู้ดูแลระบบ WordPress

วิธีเพิ่มเมนูย่อย

หากคุณต้องการเพิ่มเมนูย่อยระดับที่สองของเมนูผู้ดูแลระบบ WordPress ใต้เมนูที่กำหนดเองใหม่ของคุณ ให้ใช้ฟังก์ชัน add_submenu_page() มีวิธีดังนี้:

1. เพิ่มโค้ดเมนูย่อยใน functions.php :

ฟังก์ชั่น custom_plugin_submenu () {

// เพิ่มเมนูระดับบนสุดก่อน

add_menu_page(

'ปลั๊กอินที่กำหนดเองของฉัน'

'ปลั๊กอินของฉัน'

'จัดการ_ตัวเลือก',

'ปลั๊กอินของฉัน'

'my_plugin_page'

-

// เพิ่มเมนูย่อย

add_submenu_page(

'my-plugin', // บุ้งผู้ปกครอง

'เพิ่มผลิตภัณฑ์', // ชื่อหน้า

'เพิ่มผลิตภัณฑ์' // ชื่อเมนูย่อย

'manage_options', // ความสามารถที่ต้องการ

'add-product', // เมนูย่อย slug

'add_product_page' // ฟังก์ชั่นโทรกลับ

-

add_submenu_page(

'ปลั๊กอินของฉัน'

'เกี่ยวกับเรา'

'เกี่ยวกับเรา'

'จัดการ_ตัวเลือก',

'เกี่ยวกับเรา'

'เกี่ยวกับเรา_เพจ'

-

-

add_action('admin_menu', 'custom_plugin_submenu');

// ฟังก์ชั่นโทรกลับสำหรับเมนูย่อย 'เพิ่มผลิตภัณฑ์'

ฟังก์ชั่น add_product_page() {

echo '<h1>เพิ่มผลิตภัณฑ์ของคุณที่นี่!</h1>';

-

// ฟังก์ชั่นโทรกลับสำหรับเมนูย่อย 'เกี่ยวกับเรา'

ฟังก์ชั่น about_us_page() {

echo '<h1>เกี่ยวกับปลั๊กอินของเรา</h1>';

-

2. บันทึกไฟล์:

เมนูย่อยของคุณ “เพิ่มผลิตภัณฑ์” และ “เกี่ยวกับเรา” จะปรากฏใต้เมนู “ปลั๊กอินของฉัน” ในแผงผู้ดูแลระบบ

ประเด็นสำคัญที่ต้องจำ

Menu Slug : นี่คือตัวระบุเฉพาะสำหรับเมนูของคุณ ควรเป็นตัวพิมพ์เล็กและอาจรวมขีดกลางหรือขีดล่างได้

ความสามารถ: ส่วนนี้จะควบคุมว่าใครสามารถดูเมนูได้บ้าง ตัวอย่างเช่น 'manage_options' มักจะมีไว้สำหรับผู้ดูแลระบบและพวกเขาจะมองเห็นได้เท่านั้น

ตำแหน่ง: กำหนดตำแหน่งที่เมนูจะปรากฏในรายการ เป็นทางเลือกแต่ช่วยจัดระเบียบเมนู

ชื่อหน้า : จะปรากฏในแถบชื่อเรื่องของเบราว์เซอร์เมื่อคุณเปิดเมนูหรือเมนูย่อย

ชื่อเมนู : นี่คือข้อความที่ปรากฏในแถบด้านข้าง

ฟังก์ชั่นการโทรกลับ : ฟังก์ชั่นนี้ทำงานเมื่อมีการคลิกเมนูหรือเมนูย่อยเพื่อแสดงเนื้อหา

ตัวอย่างข้างต้นเป็นเมนูแบบกำหนดเองที่เราสร้างขึ้น แต่เมนูที่มีอยู่ในผู้ดูแลระบบ WordPress ล่ะ?

คุณจะสร้างเมนูย่อยระดับสองสำหรับเมนูผู้ดูแลระบบ WordPress เริ่มต้นได้อย่างไร? มีวิธีดังนี้:

การเพิ่มเมนูย่อยให้กับเมนู WordPress เริ่มต้น

ก่อนหน้านี้ เราได้พูดคุยเกี่ยวกับวิธีเพิ่มเมนูย่อยภายใต้เมนูที่กำหนดเองของคุณใน WordPress ตอนนี้ มาดูกันว่าคุณสามารถเพิ่มเมนูย่อยภายใต้เมนูเริ่มต้นที่มีอยู่ใน WordPress ได้อย่างไร (เช่น แดชบอร์ด โพสต์ เพจ ฯลฯ)

WordPress มีฟังก์ชันเฉพาะเพื่อเพิ่มเมนูย่อยให้กับเมนูเริ่มต้นเหล่านี้:

– add_dashboard_page : เพิ่มเมนูย่อยใต้เมนู “Dashboard”

– add_posts_page : เพิ่มเมนูย่อยใต้เมนู "โพสต์"

– add_media_page : เพิ่มเมนูย่อยใต้เมนู “สื่อ”

– add_links_page : เพิ่มเมนูย่อยใต้เมนู “ลิงก์”

– add_pages_page : เพิ่มเมนูย่อยใต้เมนู “เพจ”

– add_comments_page : เพิ่มเมนูย่อยใต้เมนู “ความคิดเห็น”

– add_theme_page : เพิ่มเมนูย่อยใต้เมนู “ธีม”

– add_plugins_page : เพิ่มเมนูย่อยใต้เมนู “ปลั๊กอิน”

– add_users_page : เพิ่มเมนูย่อยใต้เมนู “Users”

– add_management_page : เพิ่มเมนูย่อยใต้เมนู “เครื่องมือ”

– add_options_page : เพิ่มเมนูย่อยใต้เมนู “การตั้งค่า”

ฟังก์ชั่นทั้งหมดนี้ทำงานคล้ายกัน มาทำความเข้าใจกันดีกว่าด้วยตัวอย่างง่ายๆ: การเพิ่มเมนูย่อยใต้เมนู "การตั้งค่า" โดยใช้ add_options_page()

ตัวอย่าง: การเพิ่มเมนูย่อยภายใต้การตั้งค่า

หากต้องการเพิ่มเมนูย่อยภายใต้ “ การตั้งค่า ” คุณสามารถใช้ฟังก์ชัน add_options_page() ต่อไปนี้เป็นการแยกย่อยฟังก์ชันอย่างง่าย:

– $page_title : ชื่อของเพจเมื่อคุณเปิดมัน

– $menu_title : ชื่อที่ปรากฏบนแถบด้านข้างใต้ “การตั้งค่า”

– $capability : ใครสามารถเห็นเมนูย่อยนี้ (เช่นผู้ดูแลระบบเท่านั้น)

– $menu_slug : ID เฉพาะสำหรับเมนูย่อยนี้

– $function : ฟังก์ชั่นที่จะแสดงเนื้อหาเมื่อคลิกเมนูย่อย

ตัวอย่างเช่น ใช้ฟังก์ชันนี้ดังนี้:

add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');

– รหัสนี้จะเพิ่มเมนูย่อยชื่อ " ปลั๊กอินของฉัน " ใต้เมนู "การตั้งค่า"

– จะปรากฏแก่ผู้ใช้ที่มีความสามารถ ' Manage_options ' เท่านั้น (โดยปกติจะเป็นผู้ดูแลระบบ)

– เมื่อคลิก มันจะเรียกใช้ฟังก์ชัน WPOven _plugin_render_options_page เพื่อแสดงเนื้อหาของหน้า

นี่คือวิธีที่คุณสามารถเพิ่มเมนูย่อยให้กับเมนูเริ่มต้นของ WordPress ทำให้ง่ายต่อการเข้าถึงการตั้งค่าแบบกำหนดเองหรือหน้าที่คุณต้องการเพิ่ม!

อ่าน: จะเรียงลำดับรายการเมนูผู้ดูแลระบบใหม่ใน WordPress ได้อย่างไร

บทสรุป

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

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

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

ราหุล

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