简单了解将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和XSS跨站攻击的防范
Apr 17 PHP
PHP 中的批处理的实现
Jun 14 PHP
浅析SVN常见问题及解决方法
Jun 21 PHP
php获取参数的几种方法总结
Feb 18 PHP
php中的curl_multi系列函数使用例子
Jul 29 PHP
PHP+APACHE实现网址伪静态
Feb 22 PHP
Yii2超好用的日期和时间组件(值得收藏)
May 05 PHP
thinkphp修改配置进入默认首页的方法
Feb 07 PHP
php获取今日开始时间和结束时间的方法
Feb 27 PHP
php显示页码分页类的封装
Jun 08 PHP
PHP实现基于状态的责任链审批模式详解
May 31 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
Oct 10 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
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
phpexcel导出excel的颜色和网页中的颜色显示不一致
2012/12/11 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
javascript学习笔记(十一) 正则表达式介绍
2012/06/20 Javascript
web基于浏览器的本地存储方法应用
2012/11/27 Javascript
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
jquery获取选中的文本和值的方法
2014/07/08 Javascript
JavaScript中的全局对象介绍
2015/01/01 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
javascript中if和switch,==和===详解
2015/07/30 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
JavaScript使用atan2来绘制箭头和曲线的实例
2017/09/14 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
2017/10/25 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
解决vue项目使用font-awesome,build后路径的问题
2018/09/01 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
python的id()函数解密过程
2012/12/25 Python
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
django 使用全局搜索功能的实例详解
2019/07/18 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
Python 下载及安装详细步骤
2019/11/04 Python
Python模块future用法原理详解
2020/01/20 Python
戴尔英国官网:Dell英国
2017/05/27 全球购物
美国批发供应商:Kole Imports
2019/04/10 全球购物
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
.NET里面如何取得当前的屏幕分辨率
2012/12/06 面试题
2014学年自我鉴定
2014/02/23 职场文书
葬礼司仪主持词
2014/03/31 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
外贸会计专业自荐信
2014/06/22 职场文书
水浒传读书笔记
2015/06/25 职场文书
python scipy 稀疏矩阵的使用说明
2021/05/26 Python