怎么移除WordPress默认前端顶部工具栏?附具体方法代码

文章目录

在WordPress中默认前端登录后会显示顶部黑条工具栏,让我们看起来很不喜欢,对用户访问浏览体验并不友好。因此,我们在使用WordPress程序做网站的时候,如果主题默认没有禁用这个工具栏,我们完全有必要自己将它移除。

而且,移除WordPress默认前端顶部工具栏有多种方法,您可以根据需求选择最适合的方式。以下是几种常用方法:

方法一:通过用户个人资料设置(仅对当前用户生效)

这是最简单的方法,但只影响进行此设置的用户。

  1. 登录到您的WordPress后台。
  2. 进入 "用户" > "个人资料"
  3. 在个人资料编辑页面中找到 "工具栏" 选项。
  4. 取消勾选 "在浏览站点时显示工具栏"
  5. 点击下方的 "更新个人资料" 按钮保存设置。

此方法设置后,当该用户登录访问网站前台时,顶部工具栏将不再显示。

方法二:修改主题的functions.php文件(对所有用户生效)

如果您希望对所有用户都移除顶部工具栏,可以通过代码实现。将以下代码添加到您当前使用主题的 functions.php 文件末尾即可:

// 完全禁用WordPress前端顶部工具栏
add_filter('show_admin_bar', '__return_false');

注意事项

  • 修改主题文件前,强烈建议先备份functions.php文件,或使用子主题进行修改,以避免主题更新时您的更改被覆盖。
  • 保存文件后,刷新网站页面即可看到效果。

方法三:使用插件(适合不熟悉代码的用户)

如果您不希望手动修改代码,可以使用插件来管理工具栏的显示。

  1. 在WordPress后台,进入 "插件" > "安装插件"
  2. 搜索以下插件之一并安装激活:
    • Adminimize: 功能强大,允许您根据用户角色来精确控制工具栏及其菜单项的显示与隐藏。
    • Hide Admin Bar Based on User Roles: 专注于根据用户角色隐藏前台管理员栏。
  3. 激活插件后,通常可以在 "设置" 或插件的专属菜单项下找到相关选项,根据提示配置即可。

方法四:高级代码定制(按用户角色或移除特定菜单)

如果您需要更精细的控制,例如仅对特定用户角色禁用工具栏,或只移除工具栏中的某些部分(如WordPress徽标),可以使用以下代码片段:

// 根据用户角色禁用工具栏(例如,对不是管理员或编辑的用户禁用)
function disable_admin_bar_based_on_role() {
    if (!current_user_can('edit_posts')) { // 'edit_posts' 能力通常赋予编辑、作者等角色
        add_filter('show_admin_bar', '__return_false');
    }
}
add_action('init', 'disable_admin_bar_based_on_role');

// 移除工具栏中的WordPress徽标菜单
function remove_wp_logo_from_admin_bar($wp_admin_bar) {
    $wp_admin_bar->remove_menu('wp-logo');
}
add_action('admin_bar_menu', 'remove_wp_logo_from_admin_bar', 999);

请注意:添加任何代码前,同样建议备份文件或使用子主题,避免错误导致不可恢复的损失。

对于大多数用户,如果希望快速为所有用户禁用工具栏,方法二(修改functions.php) 是最直接有效的。如果希望保留灵活性并为不同用户角色设置不同的显示规则,方法三(使用插件) 是更好的选择。

声明:本文由 时光 创作,如无特别说明,均为作者原创,版权归作者所有。任何企业和个人禁止未经授权使用,否则追究相关责任。

发表回复

要发表评论,您必须先登录