Tìm hiểu về Menu Admin trong Wordpress

Thứ tư - 27/01/2021 11:28
Trong bài này mình sẽ hướng dẫn cách tạo menu trong admin WordPress bằng cách sử dụng các hàm add_menu_page và add_submenu_page.
Menu Admin in Wordpress
Menu Admin in Wordpress
Có lẽ mình không cần phải giải thích ý nghĩa của từng mục menu trong WordPress nữa vì đó là kiến thức căn bản, bạn phải quản lý nội dung trong WordPress tốt thì mới có thể theo dõi bài viết này.

Thêm Menu trong admin wordpress

add_menu_page ($page_title, $menu_title, $capability, $menu_slug, $function , $icon_url, $position );
Trong đó:
$page_title: Tiêu đề của trang nằm trên thẻ title
$menu_title: Tên của menu hiển thị ở danh sách menu
$capability: Tên quyền chứa những nhóm có thể thao tác với Menu, xem danh sách tại đây
$menu_slug: Slug URL của trang
$function: Hàm sẽ được gọi khi bạn click vào menu.
$icon_url: Đường dẫn tới Icon của menu
$position: Vị trí hiển thị menu tính từ trên xuống.
Chi tiết xem tại đây.

Vị trí các menu có sẵn trong wordpress

2. Dashboard
4. Separator
5: Post
10: Media
15: Links
20: Pages
25: comments
59: Separator
60: Appearance
65: Plugins
70: Users
75: Tools
80: Settings
99: Separator
Với các vị trí trên, các bạn có thể thêm menu vào bất kfi vị trí nào ( trước hoặc sau ) menu đã có sẵn của wordpress.

Ví dụ: Mình muốn thêm 1 menu Project vào sau mục Posts thì ta sẽ làm như sau:
add_action('admin_menu', 'addProjectMenu');
function addProjectMenu(){
    add_menu_page (
            'Project', 
            'Project', 
            'manage_options', 
            'project', 
            'projectManagement', 
            '', 
            '6'
    );
}
function projectManagement(){
    echo '<h1>This is page project management</h1>';
}
 
Trong ví dụ trên, mình đã sử dụng hook action admin_menu để thêm menu project.

Thêm submenu trong admin wordpress

add_submenu_page ($parent_slug, $page_title, $menu_title, $capability, $menu_slug, $function);
Với các giá trị:
$parent_slug: URL của menu cha.
$page_title: Tiêu đề của trang nằm trên thẻ title
$menu_title: Tên của menu hiển thị ở danh sách menu
$capability: Tên quyền chứa những nhóm có thể thao tác với Menu.
$menu_slug: Slug URL của trang
$function: Hàm sẽ được gọi khi bạn click vào menu.
Ngoài ra, bạn có thể sử dụng một số hàm có sẵn được wordpress cung cấp để thêm vào các menu có sẵn:
add_dashboard_page(); 	// Thêm submenu vào mục dashboard
add_posts_page(); 		// Thêm sub menu vào mục Posts
add_media_page(); 		// Thêm sub menu vào mục Media
add_pages_page(); 		// Thêm sub menu vào mục Page
add_comments_page(); 	// Thêm sub menu vào mục Comment
add_theme_page(); 		// Thêm sub menu vào mục Themes
add_plugins_page(); 	// Thêm sub menu vào mục Plugin
add_users_page(); 		// Thêm sub menu vào mục Users
add_management_page(); 	// Thêm sub menu vào mục Tools
add_options_page();		// Thêm sub menu vào mục Setting
Cách làm tương tự như phần thêm menu chỉ thay đổi một số giá trị. 
Chi tiết xem tại đây

Xóa Menu ra khỏi Admin WordPress

Có 2 hàm dùng để xóa menu và submenu:
remove_menu_page(); 	//Xóa menu 
remove_submenu_page(); 	//Xóa submenu
Chi tiết về xóa menu admin xem tại đây và xóa submenu admin xem tại đây.
Với danh sách các hàm trên, bạn có thể tạo hay xóa một menu bất kì. Bài viết này mình không trình bày đầy đủ nhưng với những đường link mình dẫn đến trang dành cho developer thì bạn hoàn toàn có thể tự học được.
Nếu bạn thấy bài viết hữu ích, hay để lại một đánh và một nhận xét để mình có thêm động lực viết bài.
Mình xin cám ơn!

Tác giả bài viết: Nguyễn Lập

Tổng số điểm của bài viết là: 5 trong 1 đánh giá

Xếp hạng: 5 - 1 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây