【问题标题】:How to add div at the end of header in wordpress with php code如何使用php代码在wordpress的标题末尾添加div
【发布时间】:2022-10-08 20:11:54
【问题描述】:

我正在创建一个插件,我想在标题的底部创建一个全角 div。我尝试了 wp_head 操作,但它在标题顶部添加了 div。 问题是如何使用 php 代码在标题的底部/末尾添加一个 div?有没有我可以使用的 wordpress 钩子或过滤器?提前致谢。

目前,它看起来像这样。

但我想将中断部分移到标题下方。

【问题讨论】:

  • 您能否添加您的代码,以便我们更好地帮助您。这将有助于查看您的挂钩代码。
  • 我试过 wp_head 和 wp_body_open 钩子。 add_action('wp_body_open', 'ttbn_add_breaking_news_to_header');

标签: wordpress wordpress-plugin-creation


【解决方案1】:

wp_body_open 在开始的正文标记之后触发,但标题在标记之后。在get_header 之后触发的动作钩子将是loop_start,除非主题之间添加了一个钩子。还要确保设置优先级,以便首先加载挂钩。

风格

#banner {
    width: 100%;
    padding: 1rem;
    text-align: center;
    background-color: navy;
    color: white;
}

函数和钩子

function namespace_my_function() {
?>
<div id="banner">
    <p>
        Breaking News! This is the banner for the news part of the header!
    </p>
</div>
<?php
}
add_action( 'loop_start', 'namespace_my_function', 1 );

【讨论】:

  • loop_start 仍然在网站标题模板之前打印输出。
【解决方案2】:

实际上,没有可用的 WordPress 钩子可以在 WordPress header.php 加载后立即运行。

我通过使用 javascript 在标题下方附加 HTML 代码来实现这一点。

你可以在这里找到代码。 https://github.com/AwaisTheDev/wordpress_breaking_news_plugin/blob/main/includes/load-widget-frontend.php#L82

【讨论】:

    猜你喜欢
    • 2015-07-12
    • 2013-02-11
    • 2021-07-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多