07/01/2024

为什么要在WordPress管理员工具栏中添加自定义快捷链接？

每当您登录到WordPress网站时，您会注意到屏幕顶部有一个工具栏。这就是WordPress管理员工具栏。此工具栏默认显示一些常用的管理页面链接，方便快速执行常见的管理任务。

但是，每个人都有自己经常访问的页面，包括一些管理页面或外部资源、服务或网站的链接。您可以将这些页面添加到WordPress工具栏作为自定义快捷链接，这样您和您团队的用户就可以轻松访问这些页面。这对于运行有多个作者的忙碌网站特别有用。

接下来，让我们看看如何将自定义快捷链接添加到WordPress管理员工具栏。我们将介绍三种方法：

_{使用插件添加自定义快捷链接}_{使用代码添加单个自定义快捷链接}_{使用代码添加一组自定义快捷链接}

使用插件添加自定义快捷链接

首先，您需要安装并激活WP Custom Admin Interface插件。激活插件后，前往Custom Admin Interface » Admin Toolbar页面进行配置。此页面显示工具栏上的内容，并允许您添加新项目。

要添加自定义快捷链接，点击屏幕顶部的“+ 添加菜单项”按钮。一个新项目会被添加到列表顶部，其中包含标题和链接字段。点击笔记本图标将标题字段置于编辑模式，然后输入标题并点击对勾图标保存。

类似地，点击链接图标，然后输入链接，点击对勾图标保存链接。为了本教程，我们将输入widgets页面的链接，类似http://example.com/wp-admin/widgets.php，记得将’example.com’替换为您的域名。

如果希望添加更多自定义快捷链接，只需重复相同步骤。如果在自定义过程中出错，可以点击“恢复到默认WordPress工具栏”按钮或“恢复到上次保存”，以移除自上次保存以来的所有更改。最后，滚动到页面底部，选择哪些用户角色可以看到新项目，然后保存设置。

使用代码添加单个自定义快捷链接

如果您熟悉将代码片段复制到WordPress中，可以采用这种方法。将以下代码添加到您的主题functions.php文件、特定站点插件或代码片段插件中：

// 添加链接到WP工具栏
function custom_toolbar_link($wp_admin_bar) {
    $args = array(
        'id' => 'custom',
        'title' => '搜索教程',
        'href' => 'https://www.example.com', 
        'meta' => array(
            'class' => 'custom',
            'title' => '搜索教程'
            )
    );
    $wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);

此示例代码添加了一个链接到您的工具栏。您需要替换id、title、href和meta项中的值以适应您的自定义链接。

使用代码添加一组自定义快捷链接

如果希望在工具栏中创建包含多个快捷链接的自定义菜单，可以在一个父项目下分组多个快捷链接。子节点会在用户将鼠标悬停在父链接上时出现。

以下是如何在WordPress工具栏中添加一组自定义链接的示例代码。将此代码片段复制并粘贴到您的主题functions.php文件、特定站点插件或代码片段插件中：

*/
* 添加一组链接到父链接下
*/

// 添加父快捷链接
function custom_toolbar_link($wp_admin_bar) {
    $args = array(
        'id' => 'custom',
        'title' => '自定义链接',
        'href' => 'https://www.example.com',
        'meta' => array(
            'class' => 'custom',
            'title' => '访问自定义链接'
            )
    );
    $wp_admin_bar->add_node($args);

    // 添加第一个子链接
    $args = array(
        'id' => 'custom-guides',
        'title' => '自定义指南',
        'href' => 'https://www.example.com/guides',
        'parent' => 'custom',
        'meta' => array(
            'class' => 'custom-guides',
            'title' => '访问自定义指南'
            )
    );
    $wp_admin_bar->add_node($args);

    // 添加另一个子链接
    $args = array(
        'id' => 'custom-tutorials',
        'title' => '自定义教程',
        'href' => 'https://www.example.com/tutorials',
        'parent' => 'custom',
        'meta' => array(
            'class' => 'custom-tutorials',
            'title' => '访问自定义教程'
            )
    );
    $wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);

我们先添加了一个自定义快捷链接，接着添加了第二个自定义链接，并将其设为第一个链接的子链接。我们通过添加’parent’ => ‘custom’参数来实现这个目的。我们重复此操作，添加了另一个子链接。

希望这篇教程帮助您了解如何将自定义快捷链接添加到WordPress管理员工具栏。如果您喜欢这篇文章，请订阅我们的YouTube频道获取更多教程。您还可以在Twitter和Facebook上找到我们。