wordpress后台添加左侧边栏菜单如何操作

　　我们有时为了方便操作会把一些特定的链接添加到wordpress后台左侧菜单栏中，这个要如何实现呢？其实不会很难，使用两个WordPress内置函数就可以解决问题，分别是add_menu_page()和add_action()，添加到主题目录下的functions.php中就可以了，参考代码如下

　　wordpress官方文档，https://developer.wordpress.org/reference/functions/add_menu_page/

add_menu_page( string $page_title, string $menu_title, string $capability, string $menu_slug, callable $function = '', string $icon_url = '', int $position = null )

　　各参数的释义

$page_title

( string ) (必需) 选择菜单时页面标题标签中显示的文本。

$menu_title

( string ) (必需) 用于菜单的文本。

$capability

( string ) (必需) 向用户显示此菜单所需的功能。

$menu_slug

( string ) (必需) 引用此菜单的 slug 名称。此菜单页面应该是唯一的，并且只包含小写字母数字、破折号和下划线字符以与sanitize_key()兼容。

$function

( callable ) (可选) 要调用的函数以输出此页面的内容。

默认值： ''

$icon_url

( string ) (可选) 要用于此菜单的图标的 URL。

• 使用数据 URI 传递 base64 编码的 SVG，该数据 URI 将被着色以匹配配色方案。这应该以“data:image/svg+xml;base64,”开头。
• 传递 Dashicons 助手类的名称以使用字体图标，例如“dashicons-chart-pie”。
• 传递 'none' 将 div.wp-menu-image 留空，以便可以通过 CSS 添加图标。

 

默认值： ''

$position

( int ) （可选） 此项在菜单顺序中应出现的位置。

默认值：空

　　用法示例

add_action( 'admin_menu', 'register_my_custom_menu_page' );
function register_my_custom_menu_page() {
  // add_menu_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position );
  add_menu_page( 'Custom Menu Page Title', 'Custom Menu Page', 'manage_options', 'custom.php', '', 'dashicons-welcome-widgets-menus', 90 );
}

 

　　下面是另外一个示例

/**
 * 名称：WordPress后台添加顶级菜单
 * 作者：Ytkah
 * 博客：https://www.cnblogs.com/ytkah
 */

// my_add_pages() 为 'admin_menu' 钩子的回调函数
function my_add_pages() {
    // 第一个参数'Design page'为菜单名称，第二个参数'网站设计'为菜单标题(可以是链接)
    // 'manage_options' 参数为用户权限
    // 'my_toplevel_page' 参数用于调用my_toplevel_page()函数，来显示菜单内容
    add_menu_page('design page', '<a href="/wp-admin/post.php?post=2&action=edit">网站设计</a>', 'manage_options', __FILE__, 'my_toplevel_page');
}

// my_toplevel_page() 用于显示菜单的内容，填写菜单页面的HTML代码即可
function my_toplevel_page() {
    echo '这里填菜单页面的HTML代码';

    // 如以下示例代码。 wrap 类是WordPress构建好的css类，可以在你的HTML代码中使用
    /*
    echo '
    <div class="wrap">
    <h2>使用帮助</h2>
    <p>这里是使用帮助，通过阅读本文你将了解本程序的使用！有事请<a href="#">与我联系</a></p>
    </div>
    ';
    */
}

// 通过add_action来自动调用my_add_pages函数
add_action('admin_menu', 'my_add_pages');

　　实现效果如下，

　　点击直接跳转到设置好的后台页面编辑页面中。感兴趣的朋友可以试试

　　来个反向操作：WordPress隐藏后台左侧菜单如何操作

 

　　添加一个新的页面

function add_custom_menu() {
  add_menu_page(
    'Custom Menu',
    'Custom',
    'manage_options',
    'custom-menu',
    'custom_menu_content',
    'dashicons-admin-site',
    61
  );
}
add_action( 'admin_menu', 'add_custom_menu' );

//这将添加一个名为“Custom Menu”的新菜单项，它将在Admin菜单下方出现。您可以自定义菜单名称、访问权限、函数和图标。

//在定义的函数 'custom_menu_content' 中，你可以添加你的代码，例如：
function custom_menu_content() { ?>
   <div class="wrap">
       <h1> Welcome to Custom Menu </h1>
   </div>
<?php }