阅读量:0
WordPress网页模板顶部管理工具条的收缩和展开可以通过修改CSS样式来实现。具体操作如下：，，1. 打开你的主题文件夹，找到
style.css文件并编辑它。，2. 在文件末尾添加以下代码：，，``css，#wpadminbar {， display: none;，}，，#wpadminbar:hover {， display: block;，}，``，，这段代码将使管理工具条在页面加载时默认隐藏，当鼠标悬停在上面时显示。保存文件并刷新页面，你应该能看到管理工具条的收缩和展开效果。WordPress网页模板顶部管理工具条的收缩和展开
一、安装并设置Admin Bar Button插件
1、插件安装：
需要安装一个名为“Admin Bar Button”的插件，可以在WordPress插件库中搜索并下载该插件。
2、插件激活：
安装完成后，在WordPress后台的“插件”页面中找到并激活“Admin Bar Button”插件。
3、插件设置：
激活插件后，进入WordPress后台的“设置”菜单，找到“Admin Bar Button”选项进行配置。
在设置页面中，有两个标签页，第一个标签页用于设置显示和隐藏管理工具条的按钮，可以自定义按钮文本、动画效果、位置以及激活方式。
第二个标签页用于设置管理工具条的其他选项。
4、使用插件功能：
完成设置后，访问网站前台，会在网页右上角看到一个新的小按钮，点击这个按钮，隐藏的管理工具条会滑动显示出来，再点击管理工具条上的 “Hide Admin Bar” 即可重新隐藏管理工具条。
通过代码实现管理工具条的收缩和展开
1、对所有用户和访客隐藏工具条：
将以下代码添加到主题的functions.php文件中，可以对所有用户和访客隐藏工具条。
```php
remove_action( 'init', '_wp_admin_bar_init' );
```
2、只对管理员显示工具条：
只对拥有管理权限的用户显示工具条，可以使用以下代码。
```php
if ( !current_user_can( 'manage_options' ) ) {
remove_action( 'init', '_wp_admin_bar_init' );
}
```
3、只在前台隐藏工具条：
只在前台页面隐藏工具条，可以使用以下代码。
```php
if ( !is_admin() ) {
remove_action( 'init', '_wp_admin_bar_init' );
}
```
4、移除工具条占位高度：
在隐藏工具条后，顶部可能会残留28像素的空白，可以通过以下代码移除空白。
```php
function remove_adminbar_margin() {
$remove_adminbar_margin = '<style type="text/css">
html { margin-top: -28px !important; }
* html body { margin-top: -28px !important; }
</style>';
echo $remove_adminbar_margin;
}
```
5、移除工具条默认菜单：
使用以下代码可以移除WordPress顶部工具条的默认项目，根据需要进行选择。
```php
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' );
```
相关问题与解答
1、如何为WordPress顶部管理工具条添加自定义栏目？
解答：可以通过在主题的functions.php文件中添加特定的函数来实现，下面的代码展示了如何添加一个指向Gmail的链接：
```php
function custom_toolbar_link($wp_admin_bar) {
$args = array(
'id' => 'gmail',
'title' => 'Gmail',
'href' => 'https://mail.google.com/mail/#inbox',
'meta' => array( 'class' => 'gmail', 'title' => 'sales@digwp.com' )
);
$wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);
```
2、如何在鼠标悬停时才显示WordPress顶部管理工具条？
解答：要实现这一效果，可以通过修改CSS样式来实现，将以下CSS代码添加到主题的样式表（style.css）中：
```css
#wpadminbar {
display: none;
}
#wpadminbar:hover {
display: block;
}
```
这段代码将在鼠标悬停在工具条上时显示工具条，而在其他时间则隐藏。
