今日の人気記事

まだデータがありません。

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>
…

人気記事を表示するWPプラグイン「Wordpress Popular Posts」
表示されるウィジェットはこのようになります。

タグの変更方法

WordPressメニューから「外観」→「ウィジェット」をクリックし、「WordPress Popular Posts」ウィジェットを設置します。
人気記事を表示するWPプラグイン「Wordpress Popular Posts」00

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

WPプラグイン「WordPress Popular Posts」のをタグに変更する方法1
すると「Before / after Popular Posts」欄が表示されるので、<ul>→<ol>、</ul>→</ol>に変更し、もう一度「保存」をクリックします。

WPプラグイン「WordPress Popular Posts」のをタグに変更する方法2
<ul>を<ol>タグに変更すると下記のようになります。

利用したcssです。

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

関連記事(一部広告含む)