Thêm menu vào admin bar trong wordpress

Cập nhật lần cuối 21/01/2017 by trong WordPress vào 19/12/2014 có 462 Views

Thêm menu vào admin bar trong wordpress

Như các bạn nhìn thấy trong hình. Hôm nay chúng ta sẽ cùng làm để được menu kiểu như vậy nha. Sử dụng lúc cần. nhiều khi khách yêu cầu cũng hay lắm chứ ^^

Thêm menu vào bên trái admin bar

Thêm menu vào bên trái admin bar trong wordpress

Chúng ta sẽ dùng các hàm như add_menuadd_node và add_action(‘admin_bar_menu’, ”,”);

Thêm đoạn code sau vào file functions.php của theme nhé.

function add_menu_admin_bar_link() {
 global $wp_admin_bar;
 //Add menu
 $args = array(
 'id' => 'menu_id',
 'title' => __('Menu 1'),
 'href' => __('http://levantoan.com'),
 );
 $wp_admin_bar->add_menu( $args );
 //Add child menu
 $args = array(
 'id' => 'child_menu_id',
 'title' => 'Sub Menu 1',
 'href' => __('http://levantoan.com'),
 'parent'=> 'menu_id'
 
 );
 $wp_admin_bar->add_node( $args );
 //Add child menu 1.1
 $args = array(
 'id' => 'child_menu_id_2',
 'title' => 'Sub Menu 1.1',
 'href' => __('http://levantoan.com'),
 'parent'=> 'child_menu_id'
 
 );
 $wp_admin_bar->add_node( $args );
 //Add child menu 1.2
 $args = array(
 'id' => 'child_menu_id_3',
 'title' => 'Sub Menu 1.2',
 'href' => __('http://levantoan.com'),
 'parent'=> 'child_menu_id'
 
 );
 $wp_admin_bar->add_node( $args );
 //Add child menu 2
 $args = array(
 'id' => 'child_menu2_id',
 'title' => 'Sub Menu 2',
 'href' => __('http://levantoan.com'),
 'parent'=> 'menu_id'
 
 );
 $wp_admin_bar->add_node( $args );
 //Add child menu 3
 $args = array(
 'id' => 'child_menu3_id',
 'title' => 'Sub Menu 3',
 'href' => __('http://levantoan.com'),
 'parent'=> 'menu_id'
 
 );
 $wp_admin_bar->add_node( $args );
}
add_action('admin_bar_menu', 'add_menu_admin_bar_link',81);

Chúng ta nhìn thấy có số 81 trên hàm add_actions. Vậy số đó ý nghĩa là gì?

Số đó là vị trí menu. người ta gọi đó là menu_position. Sau đây là liệt kê các vị trí menu mặc định. Các bạn dựa vào đó để thay đổi cho phù hợp với yêu cầu nha.

wp_admin_bar_wp_menu – 10
wp_admin_bar_my_sites_menu – 20
wp_admin_bar_site_menu – 30
wp_admin_bar_updates_menu – 40
wp_admin_bar_comments_menu – 60
wp_admin_bar_new_content_menu – 70
wp_admin_bar_edit_menu – 80

Thêm menu vào bên phải của admin bar

Thêm menu vào bên phải của admin bar trong wordpress

Để làm điều này chúng ta sẽ dùng tới add_action(‘wp_before_admin_bar_render’, ”);

Chèn đoạn code sau vào file functions.php của theme nhé

function admin_tool_bar($wp_admin_bar){
 global $wp_admin_bar;
 $args = array(
 'id' => 'my_menu_before_admin',
 'title' =>__('Menu right 1'),
 'href' => __('http://levantoan.com'),
 'parent' => 'top-secondary'
 );
 $wp_admin_bar->add_node($args);
 $args = array(
 'id' => 'my_sub_menu_before_admin',
 'title' =>__('Sub Menu right 1'),
 'href' => __('http://levantoan.com'),
 'parent' => 'my_menu_before_admin'
 );
 $wp_admin_bar->add_node($args);
 $args = array(
 'id' => 'my_sub_menu_before_admin1.1',
 'title' => __('Sub Menu right 1.1'),
 'href' => __('http://levantoan.com'),
 'parent' => 'my_sub_menu_before_admin'
 );
 $wp_admin_bar->add_node($args);
 $args = array(
 'id' => 'my_sub_menu_before_admin2',
 'title' =>__('Sub Menu right 2'),
 'href' => __('http://levantoan.com'),
 'parent' => 'my_menu_before_admin'
 );
 $wp_admin_bar->add_node($args);
}
add_action('wp_before_admin_bar_render', 'admin_tool_bar');

Ngoài ra bạn có thể xem bài viết tuỳ chỉnh trang admin để thay đổi nhiều hơn trên admin bar nhé

Chúc các bạn thành công^^

Thêm menu vào admin bar trong wordpress
5 (100%) 1 vote
  • Bình luận
Có thể bạn quan tâm
x