简单了解将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加速 eAccelerator配置和使用指南
Jun 05 PHP
PHP 一个比较完善的简单文件上传
Mar 25 PHP
php中检查文件或目录是否存在的代码小结
Oct 22 PHP
Codeigniter操作数据库表的优化写法总结
Jun 12 PHP
php+MySQL判断update语句是否执行成功的方法
Aug 28 PHP
PHP简单获取视频预览图的方法
Mar 12 PHP
PHP使用pear自带的mail类库发邮件的方法
Jul 08 PHP
php常量详细解析
Oct 27 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
Mar 01 PHP
深入理解PHP原理之执行周期分析
Jun 01 PHP
一个简单安全的PHP验证码类、PHP验证码
Sep 24 PHP
php+js实现点赞功能的示例详解
Aug 07 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
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
js模拟弹出效果代码修正版
2008/08/07 Javascript
Prototype Date对象 学习
2009/07/12 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
基于jquery的3d效果实现代码
2011/03/23 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
javascript实现的右下角弹窗实例
2015/04/24 Javascript
JavaScript中闭包的写法和作用详解
2016/06/29 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
2016/12/14 Javascript
NodeJs使用Mysql模块实现事务处理实例
2017/05/31 NodeJs
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
2020/09/16 Javascript
[02:57]DOTA2亚洲邀请赛 SECRET战队出场宣传片
2015/02/07 DOTA
Python爬取读者并制作成PDF
2015/03/10 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
详解分布式任务队列Celery使用说明
2018/11/29 Python
详解python做UI界面的方法
2019/02/27 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
应届生学校辅导员求职信
2013/11/07 职场文书
校园达人秀策划书
2014/01/12 职场文书
护士见习期自我鉴定
2014/02/08 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
领导干部“四风”问题批评与自我批评材料
2014/09/24 职场文书
教师批评与自我批评发言稿
2014/10/15 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
2016新年慰问信范文
2015/03/25 职场文书
离职证明范本
2015/06/12 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript