WPプラグイン「WordPress Popular Posts」の ulを olタグに変更する方法

人気記事を表示するWPプラグイン「WordPress Popular Posts」の<ul>を<ol>タグに変更する方法を紹介します。

WPプラグイン「WordPress Popular Posts」

通常、WPプラグイン「WordPress Popular Posts」は下記コードのように<ul>タグで記事ランキングを表示します。

<li id="wpp-3" class="widget popular-posts">
<h2 class="widgettitle">人気記事</h2><!-- WordPress Popular Posts Plugin v2.3.2 [Widget] [all] [regular] -->
<ul>
<li><a href="#" title="おすすめのレンタルサーバーランキング" class="wpp-post-title">おすすめのレンタルサーバーランキング</a> <span class="post-stats"></span></li>
…

表示されるウィジェットはこのようになります。

タグの変更方法

WordPressメニューから「外観」→「ウィジェット」をクリックし、「WordPress Popular Posts」ウィジェットを設置します。

設置した「WordPress Popular Posts」ウィジェットの下の方にある「HTML Markup settings」項目の「Use custom HTML Markup」にチェックを入れ、「保存」をクリックします。

すると「Before / after Popular Posts」欄が表示されるので、<ul>→<ol>、</ul>→</ol>に変更し、もう一度「保存」をクリックします。

<ul>を<ol>タグに変更すると下記のようになります。

利用したcssです。

.widget ol li {
list-style-type:decimal;
}