如何将WordPress工具栏代码移动到页面顶部



在有人说这可能是重复之前,我不想用css将工具栏移动到页面底部。 我有一个被工具栏捏造的布局。 工具栏覆盖了我的横幅顶部。 我想将工具栏的代码从 HTML 的底部移动到顶部,然后将位置更改为相对而不是固定。 这样,工具栏将向下推送所有内容,而不是覆盖内容。 我该怎么做?

首先,您需要将其添加到functions.php文件中,以便管理栏不再在wp_footer操作上呈现:

remove_action( 'wp_footer', 'wp_admin_bar_render', 1000 );

完成此操作后,只需在开始<body>标记之后立即将其添加到header.php文件中:

<?php wp_admin_bar_render(); ?>

还要在同一文件中找到开始<html>标签并添加class="html_class" 。这将允许我们覆盖WordPress添加到html元素的边距顶部。

然后编写必要的 CSS 以使管理栏静止:

#wpadminbar {
    position: relative !important;
}
html.html_class {
    margin-top: 0 !important;
}

顶部栏似乎经常这样做。为什么不干脆摆脱它呢? 这就是我通常做的事情。

在函数中.php添加以下内容:

show_admin_bar(false); 

最新更新