之前有人說這可能是重複的,我不想用css將工具欄移動到頁面的底部。我有一個正在被工具欄填滿的佈局。工具欄覆蓋了我的橫幅的頂部。我想將工具欄的代碼從HTML底部移到頂部,然後將位置改爲相對而不是固定的。通過這種方式,工具欄會將所有內容放入其中,而不是覆蓋內容。我怎樣才能做到這一點?如何將WordPress工具欄代碼移動到頁面頂部?
0
A
回答
0
首先,你需要添加到您的functions.php
文件,以便管理條上wp_footer
行動不再呈現:
remove_action('wp_footer', 'wp_admin_bar_render', 1000);
執行此操作後,只需在開始後在header.php
文件中加上此代碼<body>
標記:
<?php wp_admin_bar_render(); ?>
還在同一個文件中找到開頭<html>
標記並添加class="html_class"
。這將允許我們覆蓋WordPress添加到html元素的邊距。
然後編寫必要的CSS,使管理欄固定:
#wpadminbar {
position: relative !important;
}
html.html_class {
margin-top: 0 !important;
}
0
頂部酒吧似乎經常這樣做。爲什麼不擺脫它?這就是我通常所做的。
在functions.php中添加以下內容:
show_admin_bar(false);
相關問題
- 1. 頁面頂部的TinyMCE工具欄
- 2. 無論如何將Inspector圖標移動到Chrome Developer工具欄的頂部?
- 3. 如何將頁腳和欄移動到頁面底部
- 4. 當頁面向下滾動時,導航欄移動到頂部
- 5. 將Ajax工具包腳本移動到頁面底部
- 6. 將頂部菜單欄移到底部
- 7. 如何在頁面底部創建碼頭類型工具欄?
- 8. jqGrid頂部工具欄
- 9. 如何將div從頁面頂部延伸到頁面底部?
- 10. 如何在magento分類視圖頁面的頂部顯示工具欄/分頁器代替麪包屑?
- 11. 製作導航欄到頁面頂部
- 12. 如何將浮動工具欄放在頂部擴展頁面的動作通過網址
- 13. 將Woocommerce「我的賬戶導航」移動到頁面頂部
- 14. 滾動到頂部代碼
- 15. 使用PlatformConfiguration將工具欄移動到UWP的底部(Xamarin.Forms 2.3.3)
- 16. 底部工具欄不使用頂部工具欄和工具欄bootom成像這樣的面板顯示
- 17. 如何將分面標籤移動到圖形頂部?
- 18. 移動菜單切換按鈕將頁面移動到React的頂部
- 19. 將導航欄移動到頂部,同時向下滾動HTML
- 20. 如何將我的工具欄移動到下一個視圖
- 21. 如何將側邊欄移動到頁面的右側?
- 22. 如何將Magento頁面標題移動到側欄上
- 23. 頂部滑動面板將網頁內容向下移動
- 24. jQuery - 如何點擊時將錨點滾動到頁面頂部?
- 25. Bootstrap - 將行移動到頁面底部
- 26. 將部分頁面屬性移動到後面無代碼的視圖
- 27. 將按鈕添加到jqGrid頂部工具欄
- 28. 將按鈕添加到新的頂部工具欄?
- 29. 將jqGrid自定義導航添加到頂部工具欄
- 30. 。動畫jquery移動到頁面頂部(可篩選圖片庫)
這是工作,因爲它應該到目前爲止,但顯然WP增加了保證金的身體是那樣的adminbar的高度頂部。有什麼方法可以刪除它嗎? * html body {margin-top:32px!important; } – ShoeLace1291
@ ShoeLace1291 - 我更新了我的答案。基本上,解決方案是將一個自定義類添加到您的'html'標記中,並使用它來覆蓋WordPress添加的內聯CSS。實際上可能有另一種方法(內聯CSS只是不呈現),但我沒有考慮是否可行。 –