Adminbar 如何开关
Adminbar(顶部工具栏)在WordPress中默认是启用的,但有时您可能想在前端隐藏它或仅在管理后台显示。以下是两种方法可以轻松开关 Adminbar:
方法一:通过用户配置文件
- 登录到您的WordPress管理后台。
- 点击右上角的“个人资料”或“用户配置文件”选项。
- 在用户配置文件页面中,找到名为“显示工具栏”的选项。
- 选择“前端”、“后台”或“不显示”来定义工具栏的显示方式。
- 点击“更新个人资料”保存更改。
方法二:通过主题的 functions.php 文件
- 登录到您的WordPress管理后台。
- 导航到外观 -> 编辑器,找到并点击主题的 functions.php 文件。
- 在 functions.php 文件中,找到最后一行(通常是以
?>
结尾)之前的位置。 - 在这里添加以下代码来开关工具栏:
// 禁用工具栏
add_filter('show_admin_bar', '__return_false');
// 启用工具栏
add_filter('show_admin_bar', '__return_true');
通过上述方法之一,您可以根据需要灵活地开启或关闭 WordPress 的 Adminbar。这使您能够在前端和后台之间切换,以适应不同的工作流程和用户需求。
自定义顶部工具栏菜单
WordPress顶部工具栏默认包含了一些常用的菜单项,但您也可以自定义它,添加自己的菜单链接。以下是如何实现自定义顶部工具栏菜单的步骤:
- 在WordPress管理后台,导航到“外观” -> “菜单”。
- 在菜单编辑器中,选择“顶部工具栏”作为您要编辑的菜单位置。
- 添加您想要显示在顶部工具栏的菜单项,可以是页面、分类目录、自定义链接等。
- 拖拽和重新排序菜单项,以定义它们在顶部工具栏中的显示顺序。
- 点击“保存菜单”以应用更改。
通过自定义顶部工具栏菜单,您可以快速访问您最常用的页面或链接,方便您的日常管理工作。
快速访问常用功能
顶部工具栏是一个便捷的地方,可提供快速访问常用的WordPress功能。以下是一些常用的功能快捷方式:
- 点击“+ 新建”按钮,快速创建新的文章、页面或媒体。
- 点击“编辑我的个人资料”按钮,快速进入您的个人资料编辑页面。
- 点击“注销”按钮,快速退出登录。
- 点击站点名称或图标,快速返回网站的前端页面。
- 点击“自定义”按钮,进入自定义主题选项,对网站外观进行调整。
探索顶部工具栏中的各个按钮和选项,熟悉它们的功能,以便更高效地管理您的WordPress网站。
使用工具栏搜索功能
顶部工具栏还提供了一个方便的搜索框,可以让您快速搜索和查找内容。使用工具栏搜索功能,您可以快速定位到指定的文章、页面、用户或设置选项。只需在搜索框中输入关键字,然后点击搜索按钮即可。
无需转到后台仪表盘或其他页面,工具栏搜索功能使您能够直接从前端页面进行快速搜索,提高了效率和便利性。
管理用户角色和权限
通过顶部工具栏,您可以方便地管理用户角色和权限。管理员可以点击工具栏上的“用户”按钮,快速访问用户管理页面。在用户管理页面,您可以创建新用户、编辑用户资料、更改用户角色和权限,以及重置用户密码。
通过顶部工具栏管理用户角色和权限,您可以更快速地处理用户管理任务,确保每个用户拥有适当的权限和访问级别。
使用插件扩展顶部工具栏功能
WordPress社区中有许多插件可以扩展顶部工具栏的功能。通过安装适用的插件,您可以添加自定义按钮、显示统计信息、快速访问特定页面等。一些常用的插件包括Admin Bar User Switching、Admin Bar Tools和Adminimize。
在安装和激活插件之后,您可以根据插件的文档和设置来自定义顶部工具栏,并享受更多功能和灵活性。
隐藏特定的顶部工具栏元素
如果您希望隐藏顶部工具栏中的特定元素,例如某个按钮或菜单项,您可以使用自定义CSS来实现。以下是一个简单的示例,演示如何隐藏特定的工具栏元素:
- 登录到WordPress管理后台。
- 导航到外观 -> 主题编辑器,找到并点击主题的style.css文件。
- 在style.css文件的末尾添加以下代码来隐藏工具栏中的特定元素:
#wp-admin-bar-元素ID {
display: none !important;
}
- 替换“元素ID”为您要隐藏的工具栏元素的实际ID。
- 点击“更新文件”保存更改。
通过使用自定义CSS,您可以根据自己的需要隐藏或显示顶部工具栏中的特定元素,以满足您的界面需求。
根据用户角色显示不同的顶部工具栏
如果您的WordPress网站有多个用户角色,您可以根据不同的角色显示不同的顶部工具栏。这可以帮助您定制工具栏的内容,使其与用户角色的权限和需求匹配。
为实现这一功能,您可以使用插件,例如Adminimize或Toolbar Extras。这些插件允许您根据用户角色配置工具栏的显示选项,以确保每个用户在顶部工具栏中只看到与其角色相关的内容。
配置工具栏的外观和样式
除了功能和内容,您还可以调整顶部工具栏的外观和样式,以使其与您的网站风格一致。以下是一些调整顶部工具栏样式的方法:
- 使用自定义CSS来修改工具栏的背景颜色、按钮样式等。
- 使用主题或插件提供的选项来自定义工具栏的样式。
- 使用图标字体或SVG图像来替换工具栏中的图标。
通过自定义外观和样式,您可以将顶部工具栏与您的网站整体设计保持一致,并为用户提供更好的使用体验。
定期检查工具栏设置和插件更新
最后,定期检查工具栏的设置和插件更新是保持其正常运行和获得最佳体验的关键。确保工具栏的设置与您的需求相符,并及时更新安装的插件,以确保其与WordPress的最新版本兼容。
通过持续维护和关注,您可以确保顶部工具栏在您的WordPress管理中发挥最佳作用,并为您提供高效的工作流程和管理体验。
无论您是新手还是老手,希望本文提供的10个WordPress顶部工具栏的小技巧能够帮助您更好地利用这一强大的功能。通过学习如何快速访问常用功能、自定义工具栏、管理用户角色和权限,以及使用插件扩展功能,您可以提高工作效率,节省宝贵的时间和精力。
记住,WordPress顶部工具栏是一个定制化的工具,您可以根据自己的需求进行调整。不要害怕尝试新的功能和选项,以及探索插件提供的额外功能。通过了解工具栏的各种功能和用法,您将成为一个更有经验和技巧的WordPress管理员。
最后,随着您不断熟悉WordPress顶部工具栏,不要忘记关注WordPress官方的更新和最新版本。WordPress团队不断改进和添加新功能,可能会为您带来更多令人惊喜的工具栏特性。
移除 WordPress Logo
因为登录用户都会显示这个工具栏,所以有些博主不想让登录用户看到工具栏最左边的 logo,通过下面代码可以移除工具栏上的 WordPress logo:
add_action('admin_bar_menu', function($wp_admin_bar){
$wp_admin_bar->remove_menu('wp-logo');
}, 11);
自定义左上角 Logo
移除其实不好看,最还是自定义一下 Logo,WPJAM Basic 最新版的「样式定制」功能支持直接上传图片自定义 Logo:
添加自定义链接
我们也可以给工具栏添加自定义链接,对于一些插件开发者游泳池,代码都做了详细的注释,所以懂得都懂,这里就不做更多详细解释了:
add_action('admin_bar_menu', function($wp_admin_bar){
$wp_admin_bar->add_menu([
'parent' => false, // 'false' 为添加主菜单,紫菜蛋请输入父级菜单的 ID
'id' => 'order', // 自定义链接的 ID,会生成“wp-admin-bar-{id}”的 ID,可以通过自定义工具栏菜单的图标
'title' => '订单', // 自定义链接标题
'href' => admin_url('admin.php?page=orders'), // 链接地址
'meta' => false // 用来设置自定义链接属性选项的一个数组:array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
]);
}, 90); // 可以通过调整这个数字来调整工具栏菜单的位置
管理员才显示工具栏
如果只想给管理员显示工具栏:
add_filter('show_admin_bar', function($status){
return current_user_can('manage_options') ? $status : false;
});
直接在前台移除工具栏
简单下面一句代码就可以:
add_filter( 'show_admin_bar', '__return_false' );
在顶部工具栏添加一个带链接的按钮
function custom_adminbar_menu( $meta = TRUE ) {
global $wp_admin_bar;
if ( !is_user_logged_in() ) { return; }
if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
$wp_admin_bar->add_menu( array(
'id' => 'custom_menu',
'title' => __( 'Menu Name' ), /* 这里是按钮的名称 */
'href' => 'http://google.com/', /* 注意改里面的链接 */
'meta' => array( target => '_blank' ) )
);
}
add_action( 'admin_bar_menu', 'custom_adminbar_menu', 15 );
/* add_action后面的15是按钮的位置,具体修改看下
10 = 在WP Logo之前
15 = 在WP Logo之后
25 = 在网站名称之后
100 = 最后 */
在顶部工具栏添加一个带下滑链接的按钮
function custom_adminbar_menu( $meta = TRUE ) {
global $wp_admin_bar;
if ( !is_user_logged_in() ) { return; }
if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
$wp_admin_bar->add_menu( array(
'id' => 'custom_menu',
'title' => __( 'Menu Name' ) ) /* 更改按钮名称 */
);
$wp_admin_bar->add_menu( array(
'parent' => 'custom_menu',
'id' => 'custom_links',
'title' => __( 'Google'), /*更改链接 */
'href' => 'http://google.com/', /* 更改链接地址 */
'meta' => array( target => '_blank' ) )
);
}
add_action( 'admin_bar_menu', 'custom_adminbar_menu', 15 );
/* 15的修改方法和上面一样 */
更换顶部工具栏的WP Logo
图片最好为png格式:
function add_mysites_logo() {
global $wp_admin_bar;
foreach ( (array) $wp_admin_bar->user->blogs as $blog ) {
$menu_id = 'blog-' . $blog->userblog_id;
$blogname = emptyempty( $blog->blogname ) ? $blog->domain : $blog->blogname;
$blavatar = ''; /* /images/NEW-ICON-HERE.png 请自行修改 */
$wp_admin_bar->add_menu( array(
'parent' => 'my-sites-list',
'id' => $menu_id,
'title' => $blavatar . $blogname,
'href' => get_admin_url( $blog->userblog_id ) )
);
}
}
add_action( 'wp_before_admin_bar_render', 'add_mysites_logo' );
只在鼠标移至顶部时显示工具栏
function hide_adminbar() {
$hide_adminbar = '
';
echo $hide_adminbar;
}
/* wp-admin area */
if ( is_admin() ) {
add_action( 'admin_head', 'hide_adminbar' );
}
/* websites */
if ( !is_admin() ) {
add_action( 'wp_head', 'hide_adminbar' );
}
让顶部工具栏有透明效果
比较炫,透明度可随意调整。
function adminbar_opacity() {
$adminbar_opacity = '';
echo $adminbar_opacity;
}
/* wp-admin area */
if ( is_admin() ) {
add_action( 'admin_head', 'adminbar_opacity' );
}
/* websites */
if ( !is_admin() ) {
add_action( 'wp_head', 'adminbar_opacity' );
}
移除顶部工具栏28px的间距
某些博客的顶部工具栏前面还有一段空白,可用以下代码删除
function remove_adminbar_margin() {
$remove_adminbar_margin = '';
echo $remove_adminbar_margin;
}
/* wp-admin area */
if ( is_admin() ) {
remove_action( 'init', '_wp_admin_bar_init' );
add_action( 'admin_head', 'remove_adminbar_margin' );
}
/* websites */
if ( !is_admin() ) {
remove_action( 'init', '_wp_admin_bar_init' );
add_action( 'wp_head', 'remove_adminbar_margin' );
}
移除工具条默认菜单
下面的代码可以移除WordPress顶部工具条的默认项目,请根据自己的需要选择
function wpdaxue_admin_bar() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wp-logo'); //移除Logo
$wp_admin_bar->remove_menu('my-account'); //移除个人中心
$wp_admin_bar->remove_menu('comments'); //移除评论
$wp_admin_bar->remove_menu('my-sites'); //移除我的网站(多站点)
$wp_admin_bar->remove_menu('site-name'); //移除网站名称
$wp_admin_bar->remove_menu('new-content'); // 移除“新建”
$wp_admin_bar->remove_menu('search'); //移除搜索
$wp_admin_bar->remove_menu('updates'); //移除升级通知
}
add_action( 'wp_before_admin_bar_render', 'wpdaxue_admin_bar' );
添加后台管理菜单
通过下面的代码,可以添加任何左边菜单到顶部工具条,支持单站点和多站点模式。这里以“添加 主题编辑 ”为例,更换为其他菜单,请修改里面的 admin_url( ‘theme-editor.php’ )
/*
* 添加快捷菜单到 主题编辑 (支持单站点和多站点)
*/
function add_theme_menu() {
global $wp_admin_bar;
if ( !is_user_logged_in() ) { return; }
if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
if ( function_exists('is_multisite') && is_multisite() ) {
$wp_admin_bar->add_menu( array(
'id' => 'theme-editor',
'title' => __('Edit Theme'),
'href' => network_admin_url( 'theme-editor.php' ) )
);
}else{
$wp_admin_bar->add_menu( array(
'id' => 'theme-editor',
'title' => __('Edit Theme'),
'href' => admin_url( 'theme-editor.php' ) )
);
}
}
add_action( 'admin_bar_menu', 'add_theme_menu', 100 ); //关于数字 100 ,请查看上一条技巧
添加下拉菜单
添加下拉菜单到工具条,设置为 在新窗口或新标签打开
/*
* 添加下拉菜单
* 修改菜单名、链接名和链接地址
*/
function custom_adminbar_menu( $meta = TRUE ) {
global $wp_admin_bar;
if ( !is_user_logged_in() ) { return; }
if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
$wp_admin_bar->add_menu( array(
'id' => 'custom_menu',
'title' => __( 'Menu Name' ) ) /* 设置菜单名 */
);
$wp_admin_bar->add_menu( array(
'parent' => 'custom_menu',
'id' => 'custom_links',
'title' => __( 'Google'), /* 设置链接名*/
'href' => 'http://google.com/', /* 设置链接地址 */
'meta' => array( target => '_blank' ) )
);
}
add_action( 'admin_bar_menu', 'custom_adminbar_menu', 15 );
添加包含多个链接的子菜单
/*
* 添加包含多个链接的子菜单,在新窗口打开链接
* 请修改菜单名和链接地址
*/
function custom_adminbar_menu( $meta = TRUE ) {
global $wp_admin_bar;
if ( !is_user_logged_in() ) { return; }
if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
$wp_admin_bar->add_menu( array(
'id' => 'custom_menu',
'title' => __( 'Menu Name' ) ) /* 设子菜单名 */
);
/* sub-menu */
$wp_admin_bar->add_menu( array(
'parent' => 'custom_menu',
'id' => 'custom_links',
'title' => __( 'Sub menu') ) /* 设置子菜单名 */
);
/* menu links */
$wp_admin_bar->add_menu( array(
'parent' => 'custom_links',
'title' => 'Google', /* 设置链接名 */
'href' => 'http://google.com/', /* 设置链接地址 */
'meta' => array( target => '_blank' ) )
);
$wp_admin_bar->add_menu( array(
'parent' => 'custom_links',
'title' => 'Yahoo', /* 设置链接名 */
'href' => 'http://yahoo.com/', /* 设置链接地址 */
'meta' => array( target => '_blank' ) )
);
}
add_action( 'admin_bar_menu', 'custom_adminbar_menu', 15 );
隐藏“我的站点”的子菜单(多站点)
/*
* 移除多站点的“我的网站”的子菜单: 仪表盘、新文章、管理评论 和 访问文章
*/
function remove_mysites_links () {
global $wp_admin_bar;
foreach ( (array) $wp_admin_bar->user->blogs as $blog ) {
$menu_id_d = 'blog-' . $blog->userblog_id . '-d'; /* Dashboard var */
$menu_id_n = 'blog-' . $blog->userblog_id . '-n'; /* New Post var */
$menu_id_c = 'blog-' . $blog->userblog_id . '-c'; /* Manage Comments var */
$menu_id_v = 'blog-' . $blog->userblog_id . '-v'; /* Visit Site var */
$wp_admin_bar->remove_menu($menu_id_d); /* 移除 仪表盘 */
$wp_admin_bar->remove_menu($menu_id_n); /* 移除 发布新文章 */
$wp_admin_bar->remove_menu($menu_id_c); /* 移除 管理评论 */
$wp_admin_bar->remove_menu($menu_id_v); /* 移除 访问网站 */
}
}
add_action( 'wp_before_admin_bar_render', 'remove_mysites_links' );
添加子菜单到“我的站点”(多站点)
/*
* 添加子菜单到“我的网站”: Log Out, Media, Links, Pages, Appearance, Plugins, Users, Tools and Settings
*/
function add_mysites_link () {
global $wp_admin_bar;
foreach ( (array) $wp_admin_bar->user->blogs as $blog ) {
$menu_id = 'blog-' . $blog->userblog_id;
/* Add a Log Out Link */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-logout',
'title' => __( 'Log Out' ),
'href' => get_home_url( $blog->userblog_id, '/wp-login.php?action=logout' ) )
);
/* Media Admin */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-media',
'title' => __( 'Media Admin' ),
'href' => get_home_url( $blog->userblog_id, '/wp-admin/upload.php' ) )
);
/* Links Admin */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-links',
'title' => __( 'Links Admin' ),
'href' => get_home_url( $blog->userblog_id, '/wp-admin/link-manager.php' ) )
);
/* Pages Admin */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-pags',
'title' => __( 'Pages Admin' ),
'href' => get_home_url( $blog->userblog_id, '/wp-admin/edit.php?post_type=page' ) )
);
/* Appearance Admin */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-appearance',
'title' => __( 'Appearance' ),
'href' => get_home_url( $blog->userblog_id, '/wp-admin/themes.php' ) )
);
/* Plugin Admin */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-plugins',
'title' => __( 'Plugin Admin' ),
'href' => get_home_url( $blog->userblog_id, '/wp-admin/plugins.php' ) )
);
/* Users Admin */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-users',
'title' => __( 'Users Admin' ),
'href' => get_home_url( $blog->userblog_id, '/wp-admin/users.php' ) )
);
/* Tools Admin */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-tools',
'title' => __( 'Tools Admin' ),
'href' => get_home_url( $blog->userblog_id, '/wp-admin/tools.php' ) )
);
/* Settings Admin */
$wp_admin_bar->add_menu( array(
'parent' => $menu_id,
'id' => $menu_id . '-settings',
'title' => __( 'Settings Admin' ),
'href' => get_home_url( $blog->userblog_id, '/wp-admin/options-general.php' ) )
);
}
}
add_action( 'wp_before_admin_bar_render', 'add_mysites_link' );
对访客显示工具条
/*
* 对没有登录的访客显示工具条----------
*/
add_filter( 'show_admin_bar', '__return_true' );
//对已注销的用户创建一个菜单------------------
/*
* Create a menu for Logged Out Users
*/
function loggedout_menu( $meta = TRUE ) {
global $wp_admin_bar;
if ( is_user_logged_in() ) { return false; }
$wp_admin_bar->add_menu( array(
'id' => 'custom_menu',
'title' => __( 'Menu Name' ),
'href' => 'http://google.com/',
'meta' => array( target => '_blank' ) )
);
}
add_action( 'admin_bar_menu', 'loggedout_menu', 15 );
//为已注销的用户添加“登录”链接-----------
/*
* Add a Log In Link for Logged Out Users to the Admin Bar
*/
function add_login_link( $meta = FALSE ) {
global $wp_admin_bar, $blog_id;
if ( is_user_logged_in() ) { return false; }
$wp_admin_bar->add_menu( array(
'id' => 'custom_menu',
'title' => __( 'Login' ),
'href' => get_home_url( $blog_id, '/wp-login.php' ) )
);
}
add_filter( 'show_admin_bar', '__return_true' ); /* turn on adminbar for logged out users */
add_action( 'admin_bar_menu', 'add_login_link', 15 );
PHP类:自定义已注销的用户的工具条
为已注销用户(游客)显示工具条、添加登录链接、移除WP Logo、添加自定义菜单
下面的例子,将移除WordPress 的logo、添加一个 登录链接、创建一个包含2个网站名为“Our Other Sites”的下拉菜单
/*
* Force Admin Bar for logged out users, add a login link, remove the wp logo, and add a custom link menu
*/
class force_admin_bar {
/*
* Loads when class is called
*/
function __construct() {
/* logged out users only */
if ( is_user_logged_in() ) { return false; }
/* remove wp logo */
add_action( 'wp_before_admin_bar_render', array( &$this, 'remove_wp_logo' ) );
/* remove search icon [uncomment to activate] */
//add_action( 'wp_before_admin_bar_render', array( &$this, 'disable_bar_search' ) );
/* force adminbar to logged out users */
add_filter( 'show_admin_bar', '__return_true' );
/* call function to add login link to admin bar */
add_action( 'admin_bar_menu', array( &$this, 'logged_out_menus' ), 15 );
}
/*
* Menus for logged out users
*/
function logged_out_menus( $meta = FALSE ) {
global $wp_admin_bar, $blog_id;
/* logout menu link */
$wp_admin_bar->add_menu( array(
'id' => 'login_menu',
'title' => __( 'Login' ),
'href' => get_home_url( $blog_id, '/wp-login.php' ) )
);
/* create menus */
$wp_admin_bar->add_menu( array(
'id' => 'custom_menu',
'title' => __( 'Our Other Websites' ) ) /* set the menu name */
);
/* menu link */
$wp_admin_bar->add_menu( array(
'parent' => 'custom_menu',
'id' => 'techNerdia', /* unique id name */
'title' => 'techNerdia', /* Set the link title */
'href' => 'http://technerdia.com/', /* Set the link a href */
'meta' => array( target => '_blank' ) )
);
/* menu link */
$wp_admin_bar->add_menu( array(
'parent' => 'custom_menu',
'id' => 'Google', /* unique id name */
'title' => 'Google', /* Set the link title */
'href' => 'http://google.com/', /* Set the link a href */
'meta' => array( target => '_blank' ) )
);
}
/*
* Remove the WordPress Logo from the WordPress Admin Bar
*/
function remove_wp_logo() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wp-logo');
}
/*
* Disable the Search Icon and Input within the Admin Bar [uncomment to activate]
*/
//function disable_bar_search() {
// global $wp_admin_bar;
// $wp_admin_bar->remove_menu('search');
//}
}
/* Call Class */
$force_admin_bar = new force_admin_bar();