如何用div包装小部件内容或在外部获取小部件标题?

时间:2012-04-01 作者:Pierre

有没有一种方法可以像这样在小部件区域之外获取小部件标题:

<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>
提前谢谢你。

2 个回复
最合适的回答,由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>

SO网友:Jamie

您应该能够使用小部件的代码来完成您想要完成的事情。阅读此页widgets api

此页面将显示如何编写小部件,以及如何使用before\\u小部件和after\\u小部件在小部件之前或之后放置所需的任何内容

结束