ランキングリスト

ショートコード

リスト表示したシンプルなランキングを表示するには「ランキングリスト」ショートコードを使います。

サイドバーなどのウィジェットでの使用を想定していますが、記事内で使うこともできます。1位は「イチオシ（テキスト変更可）」アイコンも表示できます。

グレー

グレー＋白

  1. 一番の商品イチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>一番の商品</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

グレー＋グレー

  1. 一番の商品おすすめ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="gray-gray" star="show" star_text="おすすめ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>一番の商品</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

グレー＋クリーム

  1. 一番の商品新発売
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="gray-cream" star="show" star_text="新発売"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>一番の商品</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

属性値

color=””
ボックスのカラーと同じ

title=””
ボックスに表示するランキングのタイトル。指定しない場合はタイトル無しの枠になります。
初期値：なし

star=””
ランキングリストの1位の項目の横に「イチオシ」マークを付けるかどうか設定

初期値：なし
show：「イチオシ」マークを表示
なし：「イチオシ」マークを表示しない

star_text=””
「イチオシ」マークに表示するテキスト
初期値：イチオシ

青

青＋白

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="blue" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

青＋グレー

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="blue-gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

青＋クリーム

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="blue-cream" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

青＋青

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="blue-blue" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

青2（水色）

青2＋白

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="blue2" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

青2＋グレー

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="blue2-gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

青2＋クリーム

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="blue2-cream" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

青2＋青

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="blue2-blue" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

ピンク

ピンク＋白

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="pink" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

ピンク＋グレー

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="pink-gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

ピンク＋クリーム

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="pink-cream" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

ピンク＋ピンク

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="pink-pink" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

ピンク2

ピンク2＋白

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="pink2" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

ピンク2＋グレー

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="pink2-gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

ピンク2＋クリーム

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="pink2-cream" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

ピンク2＋ピンク

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="pink2-pink" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

緑

緑＋白

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="green" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

緑＋グレー

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="green-gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

緑＋クリーム

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="green-cream" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

緑＋緑

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="green-green" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

緑2（黄緑）

緑2＋白

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="green2" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

緑2＋グレー

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="green2-gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

緑2＋クリーム

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="green2-cream" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

緑2＋緑

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="green2-green" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

黒

黒＋白

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="black" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

黒＋グレー

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="black-gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

黒＋クリーム

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="black-cream" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

黒2（やや薄め）

黒2＋白

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="black2" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

黒2＋グレー

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="black2-gray" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

黒2＋クリーム

  1. 一番の商品
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="black2-cream" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

薄いカラー

薄い青

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="lightblue" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

薄いピンク

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="lightpink" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

薄い緑

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="lightgreen" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

薄いベージュ

  1. 般若ビルダーイチオシ
  2. 二番の商品
  3. 三番の商品
  4. 四番の商品
  5. 五番の商品

コピペ用

[ranking_list title="" color="beige" star="show" star_text="イチオシ"]
<ol>
<li><a href=”https://hannya-builder.com/guide/”>般若ビルダー</a></li>
<li>二番の商品</li>
<li><a href=”https://hannya-builder.com/guide/”>三番の商品</a></li>
<li>四番の商品</li>
<li>五番の商品</li>
</ol>
[/ranking_list]

以上、「ランキングリスト」でした。

←般若ビルダー専用ショートコード一覧に戻る

ランキングリスト
この記事のタイトルとURLをコピーする

下のテキストボックスの内容がコピーされました。今すぐSNSなどに「貼り付け」してみてください。スマホは「ロングタップ（長押し）」すると貼り付けられます。

お使いの端末ではこの機能に対応していません。
下のテキストボックスからコピーしてください。

関連する記事

  1. 【ブロック対応完了】吹き出し
    ショートコード
  2. 【ブロック対応完了】アコーディオン
    ショートコード
  3. 【ブロック対応完了】通常ボタンの下で改変禁止ASP用ボタンを使う場合
    ショートコード
  4. 【ブロック対応完了】PCスマホ専用表示
    ショートコード