簡単な質問:
これが私のコンテンツ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>
フォーマットは少し混乱していますが、上記のコンテンツdiv内のコンテンツdiv要素の一番上にある「featured-controllers」のIDでコンテンツをulリストに追加しようとしています。コンテンツを追加しようとしています。
ここにサイトがあります: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は、上部の「featured-controllers」のul idではなく、「services」のidを使用してdivの最後に追加されます。
カスタムコンテンツ、できれば別のliを「featured-controllers」リストのul idに貼り付ける方法はありますか?管理パネルからこれを行う方法が見つかりませんでした。
どんな助けでも大歓迎です。
ありがとう!!