如何将PHP返回的输出插入HTML <div> ？ （我正在使用WordPress）

Question

我创建了一个快速的Wordpress简码，以便我的作者可以在帖子的可视化编辑器中轻松设置字幕的样式：

function subtitle( $atts, $content = null ) {
    return '<p class="subtitle">' . $content . '</p>';
}

我想将此输出移到文档中其他位置的指定内部，例如：

<div id="output_here_please"></div>

<?php the_content(); /* It is returned here wherever they place the shortcode */ ?>

做这个的最好方式是什么？ 是否可以使用PHP或WordPress函数，还是应该创建一个JavaScript来替换innerHTML（我尝试过此操作，但不知道在页面加载后如何将其插入）。

谢谢

Answer 1

如果您的函数像这样被称为字幕，那么他们可以使用以下命令插入它：

<div id="output_here_please">
  <?php subtitle("value", "This is some sample content"); ?>
</div>

Answer 2

快速而肮脏的方法是声明一个全局变量，例如$subtitle_content ，并使用它临时存储要显示在其他位置的html片段。

function subtitle( $atts, $content = null ) {
    $GLOBALS["subtitle_content"] = '<p class="subtitle">' . $content . '</p>';
    return "";
}

function the_content(){
    echo $GLOBALS["subtitle_content"];
    /* unset $GLOBALS["subtitle_content"]; */
}

如上面注释掉的代码中所写，您可能想要在不再需要该变量时取消定义它。

$GLOBAL上的文档供您参考。

注意：

• 您可能希望为函数使用更特定的名称，以避免名称与其他函数发生冲突（尽管PHP会突然告诉您这种情况是否发生）。
• 不要为此使用javascript，这完全是服务器端的菜式。