简单了解将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 相关文章推荐
phpMyAdmin链接MySql错误 个人解决方案
Dec 28 PHP
MySQL的FIND_IN_SET函数使用方法分享
Mar 27 PHP
php shell超强免杀、减少体积工具实现代码
Oct 16 PHP
php阻止页面后退的方法分享
Feb 17 PHP
PHP常用的缓存技术汇总
May 05 PHP
php函数与传递参数实例分析
Nov 15 PHP
Win7下手动安装apache2.2、php5.4笔记
Apr 03 PHP
Docker 如何布置PHP开发环境
Jun 21 PHP
使用正则去除php代码中的注释方法
Nov 03 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
Jun 21 PHP
PHP中Static(静态)关键字功能与用法实例分析
Apr 05 PHP
数据结构之利用PHP实现二分搜索树
Oct 25 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中如何判断exec函数执行成功?
2016/08/04 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
Javascript 去除数组的重复元素
2010/05/04 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
jquery ajax post提交数据乱码
2013/11/05 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
AngularJS 中的事件详解
2016/07/28 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
python执行子进程实现进程间通信的方法
2015/06/02 Python
Python判断telnet通不通的实例
2019/01/26 Python
django将数组传递给前台模板的方法
2019/08/06 Python
python操作excel让工作自动化
2019/08/09 Python
python实现IOU计算案例
2020/04/12 Python
HTML5 拖放(Drag 和 Drop)详解与实例代码
2017/09/14 HTML / CSS
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
Crocs波兰官方商店:女鞋、男鞋、童鞋、洞洞鞋
2019/10/08 全球购物
金士达面试非笔试
2012/03/14 面试题
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
销售员自我评价怎么写
2013/09/19 职场文书
高级方案规划工程师岗位职责
2013/11/29 职场文书
课程设计的心得体会
2014/09/03 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
教师群众路线学习心得体会
2014/11/04 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL
浅谈MySQL函数
2021/10/05 MySQL