如何将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工具栏代码移动到页面顶部？

回答

相关问题