Heim >Backend-Entwicklung >PHP-Tutorial >简单了解将WordPress中的工具栏移到底部的小技巧,wordpress小技巧_PHP教程

简单了解将WordPress中的工具栏移到底部的小技巧,wordpress小技巧_PHP教程

WBOY
WBOYOriginal
2016-07-12 09:01:51858Durchsuche

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

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

20151231153927105.png (474×259)

有些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的工具栏。

您可能感兴趣的文章:

  • WordPress中注册菜单与调用菜单的方法详解
  • 以JavaScript来实现WordPress中的二级导航菜单的方法
  • WordPress导航菜单的滚动和淡入淡出效果的实现要点
  • WordPress中制作导航菜单的PHP核心方法讲解

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1087274.htmlTechArticle简单了解将WordPress中的工具栏移到底部的小技巧,wordpress小技巧 从 WordPress 3.1 开始引入了工具栏的概念,当用户登录后在前台和后台的页面...
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn