溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

如何將WordPress中的工具欄移到底部

發(fā)布時(shí)間:2021-09-22 09:47:59 來(lái)源:億速云 閱讀:131 作者:小新 欄目:開(kāi)發(fā)技術(shù)

這篇文章主要介紹如何將WordPress中的工具欄移到底部,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

從 WordPress 3.1 開(kāi)始引入了工具欄的概念,當(dāng)用戶(hù)登錄后在前臺(tái)和后臺(tái)的頁(yè)面頂部會(huì)顯示一個(gè)黑色的工具欄,通過(guò)工具欄可以快捷地新建文章、頁(yè)面、媒體、用戶(hù),以及查看文章和評(píng)論等功能,如下圖:

如何將WordPress中的工具欄移到底部

有些WordPress用戶(hù)不喜歡這個(gè)工具欄,紛紛選擇將它移除。話(huà)說(shuō)這個(gè)工具欄還是有點(diǎn)用處的,你現(xiàn)在又多了一個(gè)選擇,不喜歡它在頂部顯示,那我們可以將這個(gè)工具欄移到頁(yè)面底部,只需在當(dāng)前主題的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>';
}
// 后臺(tái)工具欄
add_action( 'admin_head', 'fb_move_admin_bar' );
// 前臺(tái)工具欄
add_action( 'wp_head', 'fb_move_admin_bar' );

對(duì)于Chrome用戶(hù)來(lái)說(shuō),工具欄移到底部有個(gè)小小的問(wèn)題,就是當(dāng)頁(yè)面還未加載完畢時(shí),Chrome底部會(huì)顯示狀態(tài)信息,這會(huì)遮擋WordPress的工具欄。

以上是“如何將WordPress中的工具欄移到底部”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI