有没有一种方法可以像这样在小部件区域之外获取小部件标题:
<ul>
<li>
<h2 class="widgettitle">The title here</h2>
<div class=""widget>
<!-- any markup here -->
</div>
</li>
</ul>
而不是这样:
<ul>
<li>
<div class=""widget>
<h2 class="widgettitle">The title here</h2>
<!-- any markup here -->
</div>
</li>
</ul>
唯一的原因是我想把标题放在小部件的顶部,并且我想为所有的小部件应用一个填充。widget元素,我尝试用样式来解决它,但它需要标题上的一些负边距,所以我想知道我们是否可以创建一个带有标记的提要栏,如第一个示例?
如果我们做不到这一点,有没有办法用div来包装没有标题的内容?像这样
<ul>
<li>
<div class=""widget>
<h2 class="widgettitle">The title here</h2>
<div class="widgetcontent">
<!-- any markup here -->
</div>
</div>
</li>
</ul>
提前谢谢你。
最合适的回答,由SO网友:Pierre 整理而成
这是将内容包装在标题后的解决方案,如下所示
\'before_widget\' => \'<li>\',
\'after_widget\' => \'</div></li>\',
\'before_title\' => \'<h2 class="widgettitle">\',
\'after_title\' => \'</h2><div class="widgetcontent">\' ); ?>
重要的标记是
<div class="widgetcontent>"
在after\\u标题和结束语中
</div>
在after\\u小部件中,这将生成以下html标记:
<ul>
<li>
<h2 class="widgettitle">Title</h2>
<div class="widgetcontent">
<!-- widget stuff-->
</div>
</li>
</ul>