在WordPress插件中，如何在DOM头中输出HTML代码？

时间：2017-08-31 作者：Van Adrian Cabrera

HTML：

<header>
   <!-- I want to add html code here -->
</header>
功能：

 function add_html_to_header {
   <b> Hello World </b>
 }
 add_action(\'\',\'add_html_to_header\')
预期Html结果：

<header id="header">
    <b> Hello World </b>
</header>
EDIT: 是否可以不使用Javascript?

2 个回复
SO网友:Monkey Puzzle

您可以使用以下功能将html添加到站点标题：

// Add scripts to wp_head()
function add_head_html() { ?>
    <!-- html goes here -->
    <?php }
    add_action( \'wp_head\', \'add_head_html\' );
但是如果你说的是html元素<header> （从您的编辑中听起来像是这样）这听起来像是过于复杂，但您可能希望使用以下解决方案将jquery注入到正确的位置：https://stackoverflow.com/a/9866637/3387817

SO网友:bravokeyl

可以使用动作挂钩：

<header>
   <!-- I want to add html code here -->
   <?php do_action(\'wpse_myheader\'); ?>
</header>
然后您可以使用：

function add_html_to_header { ?>
   <b> Hello World </b>
<?php }
 add_action(\'wpse_myheader\',\'add_html_to_header\');

结束
标签： functions   headers   小码农  

相关推荐

加载CSS文件的子主题中的Functions.php中断网站

我创建了一个子主题并创建了一个函数。子主题目录中也具有所需样式的php文件。css文件和我要加载的单独自定义css文件。这是我使用的代码：<? php add_action(\'wp_head\', \'add_landing_css\'); function add_landing_css() { wp_enqueue_style(\'landing_css\', get_stylesheet_directory_uri().\'/landing.cs