Cách thêm menu tùy chỉnh trong bảng điều khiển quản trị viên WordPress

Hãy xem cách thêm các mục menu quản trị tùy chỉnh trong WordPress. Ngoài ra, tôi sẽ chỉ cho bạn cách thêm các mục menu quản trị tùy chỉnh trên thanh quản trị WordPress. Đó không phải là một nhiệm vụ khó khăn và sẽ chỉ mất vài phút để hoàn thành

Mục lục

Băng hình. Làm cách nào để thêm các mục menu quản trị viên tùy chỉnh trong WordPress?

Có lẽ bạn sẽ dễ dàng làm theo hướng dẫn hơn một chút sau khi xem video hướng dẫn này mà tôi đã thực hiện về cùng chủ đề

Làm cách nào để thêm các mục menu thanh quản trị tùy chỉnh?

Trước tiên, tôi sẽ chỉ cho bạn cách thêm các mục menu của thanh quản trị tùy chỉnh. Chỉ cần lấy mã này ở đây bên dưới và thêm nó vào trong các chức năng của chủ đề con bạn. php hoặc tốt hơn nữa, hãy sử dụng plugin Code Snippets cho nó. Ngoài ra, hãy xem các nhận xét bên trong mã để xem cái gì là cái gì

// First level menu
add_action('admin_bar_menu', 'add_toolbar_items', 100);
function add_toolbar_items($admin_bar){
	$admin_bar->add_menu( array(
		'id'    => 'my-item',
		'title' => 'All tutorials', // Your menu title
		'href'  => 'https://know.local/', // URL
		'meta'  => array(
		 'target' => '_blank',
		),
	));

  // Submenus
	$admin_bar->add_menu( array(
		'parent' => 'my-item',
		'title' => 'Remove admin menus', // Your submenu title
		'href'  => 'https://wpsimplehacks.com/how-to-remove-wordpress-admin-menu-items/', // URL
		'meta'  => array(
		'target' => '_blank',
		),
	));
		$admin_bar->add_menu( array(
		'parent' => 'my-item',
		'title' => 'Custom Admin Dashboard',
		'href'  => 'https://wpsimplehacks.com/how-to-create-custom-wordpress-admin-dashboard/',
		'meta'  => array(
		'target' => '_blank',
		),
	));  
	$admin_bar->add_menu( array(
		'parent' => 'my-item',
		'title' => 'Block Patterns',
		'href'  => 'https://wpsimplehacks.com/how-to-create-wordpress-block-patterns-and-reusable-blocks/',
		'meta'  => array(
		'target' => '_blank',
		),
	));
}
}

Nếu bạn muốn xóa các mục trong menu con, hãy chọn phần này và xóa nó

	$admin_bar->add_menu( array(
		'parent' => 'my-item',
		'title' => 'Block Patterns',
		'href'  => 'https://wpsimplehacks.com/how-to-create-wordpress-block-patterns-and-reusable-blocks/',
		'meta'  => array(
		'target' => '_blank',
		),
	));

Điều tương tự nếu bạn muốn thêm menu con – chỉ cần lấy phần này ở trên đây và dán nó bên dưới mã mục menu con trước đó

Làm cách nào để thêm các mục menu quản trị tùy chỉnh?

Bây giờ, hãy xem cách thêm các mục menu quản trị viên tùy chỉnh trong WordPress

Một lần nữa, hãy lấy một đoạn mã ở đây bên dưới và cho chúng tôi biết liệu bên trong các chức năng của chủ đề con bạn. php hoặc bên trong hộp mã Code Snippets

add_action('admin_menu', 'admin_menu_add_external_links_as_submenu');
add_action( 'admin_head', 'admin_menu_add_external_links_as_submenu_jquery' );

function admin_menu_add_external_links_as_submenu() {
    global $submenu;

    $menu_slug = "externallink"; // used as "key" in menus
    $menu_pos = 2; // whatever position you want your menu to appear

    // create the top level menu
    add_menu_page( 'external_link', 'How-to...', 'read', $menu_slug, '', '', $menu_pos);

    // add the external links to the slug you used when adding the top level menu
    $submenu[$menu_slug][] = array('
...create CPT
', 'manage_options', 'https://wpsimplehacks.com/how-to-create-custom-post-type-in-wordpress-without-a-plugin-within-couple-of-minutes/');
    $submenu[$menu_slug][] = array('
...use Blocks
', 'manage_options', 'https://wpsimplehacks.com/how-to-use-blocksy-content-blocks-hooks-full-tutorial/'); 
  	$submenu[$menu_slug][] = array('
...get discounts
', 'manage_options', 'https://wpsimplehacks.com/start-here/'); 

function admin_menu_add_external_links_as_submenu_jquery() 
{
    ?>
    <script type="text/javascript">
        jQuery(document).ready( function($) {   
            $('#newtab1').parent().attr('target','_blank');
            $('#newtab2').parent().attr('target','_blank');  
	    $('#newtab3').parent().attr('target','_blank');
        });
    script>
    php
}
}

Nếu bạn cần thêm một mục menu con khác thì chỉ cần dán phần này bên dưới mã mục menu con trước đó

$submenu[$menu_slug][] = array('
...get discounts
', 'manage_options', 'https://wpsimplehacks.com/start-here/'); 

Bây giờ đổi tên newtab3 thành newtab4 và thêm dòng này cho phù hợp. Chú ý #newtab4 phải có số chính xác, nếu không nó sẽ không mở được liên kết trong tab trình duyệt mới

  $('#newtab4').parent().attr('target','_blank');

Làm cách nào để tùy chỉnh giao diện quản trị WordPress cho khách hàng của bạn?

Dưới đây là tất cả các hướng dẫn tôi đã thực hiện về cách tùy chỉnh giao diện quản trị viên WordPress cho khách hàng của bạn

• Làm cách nào để tạo Bảng điều khiển quản trị viên WordPress tùy chỉnh cho khách hàng của bạn?

• Làm cách nào để xóa các mục menu quản trị viên WordPress cho các vai trò người dùng cụ thể?

• Làm cách nào để tạo Cơ sở tri thức WordPress hoặc trang Tài liệu?

Dưới đây là một số công cụ Wordpress yêu thích của tôi

Cảm ơn bạn đã đọc bài viết này. Tôi hy vọng bạn thấy nó hữu ích khi bạn xây dựng trang web và trang web thương mại điện tử của riêng mình. Dưới đây là một số công cụ tôi sử dụng với tư cách là nhà phát triển và người đam mê Wordpress mà tôi hy vọng bạn cũng sẽ thấy hữu ích

Đây là các liên kết liên kết, vì vậy nếu bạn quyết định sử dụng bất kỳ liên kết nào trong số chúng, tôi sẽ kiếm được hoa hồng và điều này giúp tôi tạo các hướng dẫn này và tạo video Youtube. Nhưng thành thật mà nói, đây là những công cụ chính xác mà tôi sử dụng và giới thiệu cho mọi người, ngay cả bạn bè và gia đình của tôi

chủ đề. Trong vài năm qua, tôi có hai chủ đề mà tôi sử dụng cho mọi loại dự án. Hai theme đó là Blocksy theme và Kadence Theme. Trên trang web này và kênh Youtube của tôi, bạn sẽ thấy rất nhiều hướng dẫn tôi đã thực hiện về chúng. Nếu bạn muốn được giảm giá 10% cho cả hai thì

• sử dụng liên kết này cho Blocksy (phiếu giảm giá 10% là WPSH10)
• liên kết này cho Kadence (tiết kiệm phiếu giảm giá 10% là SIMPLEHACKS)

Trình quản lý đoạn mã. WPCodeBox cho phép bạn thêm các đoạn mã vào trang web của mình. Ngoài ra, nó cho phép bạn xây dựng và quản lý thư viện Đoạn mã WordPress của mình trên đám mây. Bạn có thể lấy nó với chiết khấu 20% tại đây ( TIẾT KIỆM 20% Phiếu giảm giá. WPSH20)

biểu mẫu liên hệ. Có hàng trăm biểu mẫu liên hệ ngoài kia nhưng Biểu mẫu thông thạo là biểu mẫu tôi thích nhất. Nếu bạn cần giảm giá 20% thì hãy sử dụng liên kết này (phiếu giảm giá 20% tiết kiệm là WPSH20)

Tiện ích bổ sung Gutenberg. Nếu tôi cần một tiện ích bổ sung khối Gutenberg tốt thì Kadence Blocks là tiện ích tôi đã sử dụng nhiều nhất. Bạn sẽ được giảm giá 10% với phiếu giảm giá SIMPLEHACKS tại đây

Di chuyển trang web. Trong khi xây dựng một trang web, bạn có thể cần một plugin tốt có thể giúp bạn di chuyển, sao lưu, khôi phục và dàn trang web. Chà, WpVivid là cái tôi đã sử dụng trong vài năm qua. Nếu bạn sử dụng liên kết này cùng với phiếu giảm giá WPSH20, bạn sẽ được giảm giá 20%

Tiện ích mở rộng thương mại điện tử. Có rất nhiều tiện ích mở rộng Wooc Commerce mà tôi thực sự thích nhưng tiện ích thực sự nổi bật là Advanced Dynamic Pricing. Một lần nữa, bạn sẽ được giảm giá 20% nếu sử dụng liên kết này tại đây (phiếu giảm giá 20% là WPSH20)

Web hosting. Nếu bạn muốn có một dịch vụ lưu trữ đám mây được quản lý thực sự nhanh chóng và dễ sử dụng, thì tôi khuyên dùng Verpex Hosting (xem bài đánh giá của tôi tại đây). Nhân tiện, trang web này được lưu trữ trong Verpex. )

Để xem tất cả các đề xuất cập nhật nhất của tôi, hãy xem tài nguyên này mà tôi đã tạo cho bạn

Bạn có muốn cảm ơn tôi và mời tôi một cốc bia không?

Mọi đóng góp đều được hoan nghênh nhưng KHÔNG BAO GIỜ được yêu cầu. Thưởng thức công việc của tôi miễn phí nhưng nếu bạn muốn cảm ơn tôi và mua cho tôi một hoặc hai ly bia thì bạn có thể sử dụng biểu mẫu này ở đây bên dưới