wordpress 将 html 添加到页面的最顶部

Question

我正在寻找解决以下问题的方法：

通过插件，我想在每个页面的最顶部添加一个黑条（类似于在 wp-admin 登录时可以看到的 wordpress 管理栏）。

我正在研究的一个解决方案是通过 javascript 文件添加代码并将 html 附加到标题。 然而，这听起来不像是正确的方法。 不幸的是，我还没有在谷歌上找到任何关于如何以正确的方式有效地做到这一点的参考资料。

我正在研究 register_my_menus() 函数，但函数描述并没有承诺所需的努力。

任何人都可以指出我正确的方向吗？

谢谢！

Answer 1

我认为 javascript 会更好地为管理栏附加 html。 如果这些用户不隶属于 wp 后端，则您不需要任何 wp 功能来显示所需的链接。

Answer 2

另一种选择（我会说比附加 JS 更好）是挂入 wp_footer 钩子并创建您需要的 HTML 并使用 CSS position:fixed; 或位置：绝对； 顶部：0；

例子：

// Enqueue styles for top-bar
add_action( 'wp_enqueue_scripts', function(){
    wp_enqueue_style( 'style1', plugin_dir_url( __FILE__ ) . 'css/top-bar.css' );
});

// Add HTML for top-bar
add_action( 'wp_footer', function(){
    echo '<div class="top-bar">Some content</div>';
});

Answer 3

最好的方法是在你的主题的functions.php 文件中添加一个函数

 function header_notification() { echo '<div><strong>Any html goes here</strong></div>'; } add_action('wp_head', 'header_notification');