快速提问:
假设这是我的内容 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>
格式有点混乱,但我正在尝试将内容添加到 ul 列表中,其 ID 为“featured-controllers”,位于上述内容 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 附加到 div 的末尾,其 id 为“services”,而不是顶部的“featured-controllers”的 ul id。
有什么办法可以粘贴一些自定义内容,最好是另一个 li 到“功能控制器”列表的 ul id 中?我发现无法通过管理面板执行此操作。
任何帮助是极大的赞赏。
谢谢!!