简单了解将WordPress中的工具栏移到底部的小技巧


Posted in PHP onDecember 31, 2015

从 WordPress 3.1 开始引入了工具栏的概念,当用户登录后在前台和后台的页面顶部会显示一个黑色的工具栏,通过工具栏可以快捷地新建文章、页面、媒体、用户,以及查看文章和评论等功能,如下图:

简单了解将WordPress中的工具栏移到底部的小技巧

有些WordPress用户不喜欢这个工具栏,纷纷选择将它移除。话说这个工具栏还是有点用处的,你现在又多了一个选择,不喜欢它在顶部显示,那我们可以将这个工具栏移到页面底部,只需在当前主题的functions.php中加入以下php代码即可:

function fb_move_admin_bar() {
 echo '
 <style type="text/css">
 body {
  margin-top: -28px;
  padding-bottom: 28px;
 }
 body.admin-bar #wphead {
  padding-top: 0;
 }
 body.admin-bar #footer {
  padding-bottom: 28px;
 }
 #wpadminbar {
  top: auto !important;
  bottom: 0;
 }
 #wpadminba .quicklinks .menupop ul {
  bottom: 28px;
 }
 </style>';
}
// 后台工具栏
add_action( 'admin_head', 'fb_move_admin_bar' );
// 前台工具栏
add_action( 'wp_head', 'fb_move_admin_bar' );

对于Chrome用户来说,工具栏移到底部有个小小的问题,就是当页面还未加载完毕时,Chrome底部会显示状态信息,这会遮挡WordPress的工具栏。

PHP 相关文章推荐
PHP实现获取客户端IP并获取IP信息
Mar 17 PHP
基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码
Aug 25 PHP
php简单统计在线人数的方法
May 10 PHP
CodeIgniter记录错误日志的方法全面总结
May 17 PHP
使用Yii2实现主从数据库设置
Nov 20 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
Feb 08 PHP
thinkPHP5.0框架URL访问方法详解
Mar 18 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
Jun 15 PHP
浅谈PHP各环境下的伪静态配置
Mar 13 PHP
php7下的filesize函数
Sep 30 PHP
php装饰者模式简单应用案例分析
Oct 23 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
Feb 03 PHP
WordPress中获取所使用的模板的页面ID的简单方法
Dec 31 #PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
Dec 31 #PHP
详解Window7 下开发php扩展
Dec 31 #PHP
WordPress用户登录框密码的隐藏与部分显示技巧
Dec 31 #PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
Jul 21 #PHP
WordPress中限制非管理员用户在文章后只能评论一次
Dec 31 #PHP
php实现微信公众号主动推送消息
Dec 31 #PHP
You might like
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
关于PHP文件的自动运行方法分析
2016/05/13 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
tangram框架响应式加载图片方法
2013/11/21 Javascript
jquery实现弹出层完美居中效果
2014/03/03 Javascript
JavaScript中的继承之类继承
2016/05/01 Javascript
springMVC结合AjaxForm上传文件
2016/07/12 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
深入理解js中的加载事件
2017/02/08 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
2017/07/06 Javascript
详解vue移动端日期选择组件
2018/02/22 Javascript
解决vue-cli + webpack 新建项目出错的问题
2018/03/20 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
PyCharm MySQL可视化Database配置过程图解
2020/06/09 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
大码女装:Ulla Popken
2019/08/06 全球购物
应用心理学个人的求职信
2013/12/08 职场文书
技术总监管理岗位职责
2014/03/09 职场文书
教师党员一句话承诺
2014/03/28 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
三好学生评语大全
2014/12/29 职场文书
大学生创业事迹材料
2014/12/30 职场文书
教师工作表现自我评价
2015/03/05 职场文书
Pytorch 使用tensor特定条件判断索引
2021/04/08 Python
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB