如何將WordPress工具欄代碼移動到頁面頂部？

之前有人說這可能是重複的，我不想用css將工具欄移動到頁面的底部。我有一個正在被工具欄填滿的佈局。工具欄覆蓋了我的橫幅的頂部。我想將工具欄的代碼從HTML底部移到頂部，然後將位置改爲相對而不是固定的。通過這種方式，工具欄會將所有內容放入其中，而不是覆蓋內容。我怎樣才能做到這一點？如何將WordPress工具欄代碼移動到頁面頂部？

來源

2016-02-12 ShoeLace1291

首先，你需要添加到您的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; 
}

來源

2016-02-13 16:04:10

這是工作，因爲它應該到目前爲止，但顯然WP增加了保證金的身體是那樣的adminbar的高度頂部。有什麼方法可以刪除它嗎？ * html body {margin-top：32px！important; } – ShoeLace1291

@ ShoeLace1291 - 我更新了我的答案。基本上，解決方案是將一個自定義類添加到您的'html'標記中，並使用它來覆蓋WordPress添加的內聯CSS。實際上可能有另一種方法（內聯CSS只是不呈現），但我沒有考慮是否可行。 –

頂部酒吧似乎經常這樣做。爲什麼不擺脫它？這就是我通常所做的。

在functions.php中添加以下內容：

show_admin_bar(false);

來源

2016-02-12 20:29:14 user1724434

如何將WordPress工具欄代碼移動到頁面頂部？

回答

相關問題