区切り線(hr)を挿入するウィジェットプラグイン作った。

サイドバーなどのウィジェットエリアに <hr /> を挿入するだけのウィジェットプラグインを作った。

WordPress › Horizontal Rule Widget « WordPress Plugins

CSSでやればいいのかもしれませんが、CSSを使えない顧客が圧倒的に多いので。

使い方はプラグインをインストール後に、ウィジェットの画面で”区切り線”っていうウィジェットをドラッグ&ドロップするだけです。

CSSでスタイルを適用したい場合は、テーマのCSS等で、以下のようにしてください。

/*
    hr にグラデーションをかける
*/
.widget_hrwidget hr
{
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

[CSS]hr要素をおしゃれにスタイリングする8つのテクニック | コリス

ところで、html5で <hr /> が生き残ってたのはちょっと意外だった。笑