程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 簡單了解將WordPress中的工具欄移到底部的小技巧,wordpress小技巧

簡單了解將WordPress中的工具欄移到底部的小技巧,wordpress小技巧

編輯:關於PHP編程

簡單了解將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核心方法講解

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved