人気記事ランキング（手動）

人気記事ランキングを自動ではなくて「あえて」手動で配置するには、「人気記事ランキング」ショートコードを使います。

基本（カラー指定なし）

[[popular title="人気記事ランキング（省略可）" color=""][f_list title="人気記事ランキング1位の記事タイトル" url="https://hannya-builder.com/guide/plugin/" rank="1" color="orange"]
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[f_list title="人気記事ランキング2位の記事タイトル" url="https://hannya-builder.com/guide/favicon/" rank="2" color="orange"]
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[f_list title="人気記事ランキング3位の記事タイトル" url="https://hannya-builder.com/guide/menu/" rank="3" color="orange"]
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[f_list title="人気記事ランキング4位の記事タイトル" url="https://hannya-builder.com/guide/category-label/" rank="4" color="orange"]
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[f_list title="人気記事ランキング5位の記事タイトル" url="https://hannya-builder.com/guide/widget/" rank="5" color="orange"]
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[/popular]]

画像を変える

テキスト本文の上に、記事編集画面から画像を挿入してください。

[[popular title="人気記事ランキング（省略可）" color="orange"][f_list title="人気記事ランキング1位の記事タイトル" url="https://hannya-builder.com/guide/plugin/" rank="1" color="orange"]
<img class="aligncenter size-full wp-image-8873" src="https://hannya-builder.com/guide/wp-content/uploads/2019/02/h1.jpg" alt="" width="500" height="500" />
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[f_list title="人気記事ランキング2位の記事タイトル" url="https://hannya-builder.com/guide/favicon/" rank="2" color="orange"]
<img class="aligncenter size-full wp-image-8875" src="https://hannya-builder.com/guide/wp-content/uploads/2019/02/h2.jpg" alt="" width="500" height="500" />
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[f_list title="人気記事ランキング3位の記事タイトル" url="https://hannya-builder.com/guide/menu/" rank="3" color="orange"]
<img class="aligncenter size-full wp-image-8876" src="https://hannya-builder.com/guide/wp-content/uploads/2019/02/h3.jpg" alt="" width="500" height="500" />
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[f_list title="人気記事ランキング4位の記事タイトル" url="https://hannya-builder.com/guide/category-label/" rank="4" color="orange"]
<img class="aligncenter size-full wp-image-8877" src="https://hannya-builder.com/guide/wp-content/uploads/2019/02/h4.jpg" alt="" width="500" height="500" />
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[f_list title="人気記事ランキング5位の記事タイトル" url="https://hannya-builder.com/guide/widget/" rank="5" color="orange"]
<img class="aligncenter size-full wp-image-8878" src="https://hannya-builder.com/guide/wp-content/uploads/2019/02/h5.jpg" alt="" width="500" height="500" />
説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文説明テキスト本文
[/f_list]
[/popular]]

属性値の意味

［popular］の属性値

title=””
上部に表示するタイトル

color=””
外枠の色。カラバリはボックスショートコードと同じです。
初期値：pink

［f_list］の属性値

title=””
ランキングの各項目のタイトル

url=””
詳細ページのURL

color=””
ボタンの色。カラバリはボタンショートコードと同じです。
初期値：orange

以上、「人気記事ランキング（手動）」でした。

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