如何使用钩子将内容添加到 Wordpress 中的 the_content()

Question

快速提问：

让我们说这是我的内容 div：

<div id="content">
    <ul id="featured-controllers" class="clearfix">
       <li class="first" style="min-height: 182.167px;">
          <div class="et_slide_hover" style="opacity: 0; display: block;"></div>
          <div class="controller">
             <h2>Volunteers have more fun</h2>
          </div>
          <div class="et_animated_bar" style="display: block; width: 238.055px; left: 0.488656px; overflow: hidden;"></div>
      </li>
      <li style="min-height: 182.167px;" class="">
          <div class="et_slide_hover" style="display: block; opacity: 0;"></div>
          <div class="controller">
              <h2>Mark your calendar</h2>
              Check out our schedule of upcoming events...</p>
          </div>
         <div class="et_animated_bar" style="display: none; width: 239px; left: 0px;"> </div>
     </li>
  </ul>
  <div id="services" class="clearfix">
       <div class="service">
           <h3>Sample Page</h3>
             <p>
             <a href="http://collaborativecommunityprogram.org/wp-content/uploads/sample.png">
            <img class="alignnone size-medium wp-image-12" width="300" height="84" src="http://collaborativecommunityprogram.org/wp-content/uploads/sample-300x84.png" alt="sample">
            </a>
            </p>
      </div>
  </div>
  <div id="footer">
       <div id="footer-widgets" class="clearfix">
           <div class="footer-widget" style="min-height: 58px;">
               <div id="text-2" class="f_widget widget_text">
                   <h4 class="widgettitle"> </h4>
                <div class="textwidget">
           <img src="http://collaborativecommunityprogram.org/wp-content/uploads/footer-social.png">
               </div>
         </div>
     </div>
</div>

格式有点乱，但我正在尝试将内容添加到 带有“featured-controllers” id 的 ul 列表位于内容 div 的顶部 上述内容 div 中的元素。我正在尝试向其附加内容。

这里是网站：http://collaborativecommunityprogram.org/

现在，我尝试过这样做：

function pc_custom_content($content) {
  return $content."<div><p>This is a test</p></div>";
}
add_filter( 'the_content', 'pc_custom_content');

但它会将这个 div 附加到 id 为“services”的 div 的末尾 而不是顶部的“featured-controllers”的ul id。

有什么方法可以将一些自定义内容，最好是另一个 li 粘贴到“featured-controllers”列表的 ul id 中？我发现无法通过管理面板执行此操作。

非常感谢任何帮助。

谢谢！！

Answer 1

您可以从管理面板向您的内容添加简码。然后从您的functions.php 或插件中调用您的php 代码。

修改自Wordpress Codex

//you can pass arguments to shortcodes and they are stored in the $atts array
function function_name( $atts ){  
    return "dynamic content to replace shortcode with";
}
add_shortcode( 'shortcode_name', 'function_name' );

然后将其添加到您希望动态内容出现在 WP Admin 中的主页内容中：

[shortcode_name]