简单了解将WordPress中的工具栏移到底部的小技巧
<p>从 WordPress 3.1 开始引入了工具栏的概念，当用户登录后在前台和后台的页面顶部会显示一个黑色的工具栏，通过工具栏可以快捷地新建文章、页面、媒体、用户，以及查看文章和评论等功能，如下图：</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="简单了解将WordPress中的工具栏移到底部的小技巧" alt="简单了解将WordPress中的工具栏移到底部的小技巧" src="https://zhuji.jb51.net/uploads/img/202305/1d773c070cac304b8f7bab2e7c896414.jpg"></p>
<p>
有些WordPress用户不喜欢这个工具栏，纷纷选择将它移除。话说这个工具栏还是有点用处的，你现在又多了一个选择，不喜欢它在顶部显示，那我们可以将这个工具栏移到页面底部，只需在当前主题的functions.php中加入以下php代码即可：</p>
<div>
<div>
<div id="highlighter_245479">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
<div>
3</div>
<div>
4</div>
<div>
5</div>
<div>
6</div>
<div>
7</div>
<div>
8</div>
<div>
9</div>
<div>
10</div>
<div>
11</div>
<div>
12</div>
<div>
13</div>
<div>
14</div>
<div>
15</div>
<div>
16</div>
<div>
17</div>
<div>
18</div>
<div>
19</div>
<div>
20</div>
<div>
21</div>
<div>
22</div>
<div>
23</div>
<div>
24</div>
<div>
25</div>
<div>
26</div>
</td>
<td>
<div>
<div>
<code>function</code> <code>fb_move_admin_bar() {</code>
</div>
<div>
<code> </code><code>echo</code> <code>'</code>
</div>
<div>
<code> </code><code><style type=</code><code>"text/css"</code><code>></code>
</div>
<div>
<code> </code><code>body {</code>
</div>
<div>
<code> </code><code>margin-top: -28px;</code>
</div>
<div>
<code> </code><code>padding-bottom: 28px;</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code>body.admin-bar #wphead {</code>
</div>
<div>
<code> </code><code>padding-top: 0;</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code>body.admin-bar #footer {</code>
</div>
<div>
<code> </code><code>padding-bottom: 28px;</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code>#wpadminbar {</code>
</div>
<div>
<code> </code><code>top: auto !important;</code>
</div>
<div>
<code> </code><code>bottom: 0;</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code>#wpadminba .quicklinks .menupop ul {</code>
</div>
<div>
<code> </code><code>bottom: 28px;</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code></style>';</code>
</div>
<div>
<code>}</code>
</div>
<div>
<code>// 后台工具栏</code>
</div>
<div>
<code>add_action( </code><code>'admin_head'</code><code>, </code><code>'fb_move_admin_bar'</code> <code>);</code>
</div>
<div>
<code>// 前台工具栏</code>
</div>
<div>
<code>add_action( </code><code>'wp_head'</code><code>, </code><code>'fb_move_admin_bar'</code> <code>);</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
<div id="codetool">
<div>
<textarea></textarea>
</div>
</div>
</div>
<p>
对于Chrome用户来说，工具栏移到底部有个小小的问题，就是当页面还未加载完毕时，Chrome底部会显示状态信息，这会遮挡WordPress的工具栏。</p>
頁:
[1]