WordPress小工具/侧栏分隔符?

时间:2012-10-20 作者:Phill

我有一个小部件侧边栏,但我希望它们之间有分隔符。我可以在CSS中使用无聊的边框来实现这一点,但我宁愿使用png图像来代替。

有没有办法在每个小部件项后插入分隔符?(当然除了最后一个)。我可以在jQuery中很容易地做到这一点,但如果可能的话,我宁愿在模板文件中做到这一点

我猜是函数文件还是侧边栏的注册位置?

非常感谢。

3 个回复
最合适的回答,由SO网友:Androliyah 整理而成

\'after_widget\' => \'\',
据我所知,这是最好的方法

SO网友:Fabien Quatravaux

您可以使用:after-CSS伪类widely supported now 它接受图像内容。

.widget:after{
    content:url(img/divider.png);
}
但是我担心您不能在这里对最后一个小部件进行不同的处理,否则您将不得不为所有小部件添加一个特定的类,但最后一个除外。

SO网友:Pieter

您可以通过修改小部件项的css轻松完成此操作。与常规边框相比,您可以在CSS中执行更多操作:

.widget{
background:url(\'../img/divider.png\') no-repeat center bottom;
}
不需要php或不受支持的CSS。

结束

相关推荐

在header.php的<Body>后面插入IFRAME

我有一个iframe跟踪脚本,需要在body标记之后添加。在网上四处查看后,我发现body标签位于标题中。php和我应该在函数中添加一个函数。php,然后将html添加到标题。php。不确定这是否正确,但。。。我去了函数。php并添加了以下内容:function after_body(){ do_action(\'after_body\'); } 然后我回到了标题。php,查找body标记的位置并添加以下内容:<body><?php after_body