私はウィジェットのサイドバーを持っていますが、私はそれらの間の仕切りをお願いします。私は退屈な境界線を使用してCSSでこれを達成することができますが、代わりに使用したいPNG画像があります。
各ウィジェット項目の後に区切り線を挿入する方法はありますか? (もちろん、最後のものとは別に)。私は非常に簡単にjQueryでこれを行うことができますが、可能であれば私はむしろテンプレートファイルでそれをしたいと思います
私はそれが関数ファイルのためのものか、あるいはサイドバーをどこに登録するのかと思いますか?
ありがとうございました
'after_widget' => '',
私の知る限り、それが最善の方法です
ウィジェット項目のcssを変更することで簡単にできます。 CSSでは通常の枠線よりも多くのことができます。
.widget{
background:url('../img/divider.png') no-repeat center bottom;
}
PhpやサポートされていないCSSは必要ありません。
CSS疑似クラスの後に:を使用することができます。 現在広くサポートされています 。これは画像コンテンツを受け入れます。
.widget:after{
content:url(img/divider.png);
}
しかし、ここで最後のウィジェットを異なる方法で扱うことはできません。そうでないと、最後のウィジェット以外のすべてのウィジェットに特定のクラスを追加する必要があります。