当ランキング表示用プラグインは、有料テーマのＰ7032に添付されているプラグインです。
無料でご提供しているテーマには添付されていませんので、ご注意ください。
プラグインのインストールと有効化
ダウンロードファイルを解凍したフォルダ内に、「coolweb-f01-ranking.zip」ファイルがありますので、管理画面の「プラグイン」−「新規追加」からプラグインをアップロードしてください。
アップロード後、「有効化」します。インストール・有効化については、「02-03：プラグインのインストール（ZIPファイルを読み込む）」 が参考になります。
プラグインをインストール・有効化すると、上図のように4つのウィジェット（ランキング用は3つのウィジェット）が表示されます。
その中で、「CoolWeb:ウィジェット間の改行」ウィジェットは、ウィジェット行とウィジェット行に間隔が必要な場合に使用すると便利です。
ランキングウィジェトの詳細
個々のランキングウィジェットにについての解説です。
Cool:横並びランキングの利用について
Cool:横並びランキングウィジェットの表示例
横並びランキングウィジェットを松竹梅の画像を利用して表示させている例です。
Cool:横並びランキングウィジェットの設定
管理画面のテーマカスタマイザーで「ウィジェット」−「トップページコンテンツ」に設定する場合の例です。
デフォルトでは､横に3個並ぶ仕様です。1位〜9位まで作成できますので、全て異なる色で作成する場合であっても、3種類のランキングを作成することができます。
同じ種類の色やランク画像を利用する場合は、ランキング数に制限はありません。
ランク画像（サンプルは松竹梅）は、王冠アイコン、松竹梅アイコン（1位から3位まで）、おすすめアイコン、独自に設定するアイコンが利用できます。
ウィジェットを投稿や固定ページで「Page Builder by SiteOrigin」プラグインを利用して「横並びランキングウィジェット」を設定する場合は、横並びの制御が「Page Builder by SiteOrigin」に依存しますので、「投稿や固定ページで利用する」にチェックして利用します。
Cool:横並びランキングウィジェットの色設定
横並びランキングは１位〜９位までの色設定ができます。
独自アイコンの設定（共通）
プラグインで用意されている以外のアイコンを利用する場合は、アイコンを登録して利用する必要があります。（下図サンプルは、48pxのアイコンです）
なお、独自アイコンは各ランキングウィジェットに共通になります。
松竹梅アイコンについては、１〜３位に割り当てていますので、４位以降を指定するとアイコンは表示されません。ただし、独自アイコンに割り当てると、この限りではありません。
Cool:縦並びランキングの利用について
Cool:縦並びランキングウィジェットの表示例
下図は縦並びランキングウィジェットで、オススメアイコンを利用して表示させた例です。
Cool:横並びランキングウィジェットの設定
管理画面のテーマカスタマイザーで「ウィジェット」−「トップページコンテンツ」に設定する場合の例です。
Cool:縦並びランキングウィジェットの色設定
管理画面のテーマカスタマイザーで「縦並びランキング指定」をクリックして、ウィジェットで利用する色を設定します。１位〜３位と４位以降の色を指定できます。
Cool:サイドバーランキングウィジェットの利用について
サイドバーランキングの設定
下図の様にサイドバーにランキング表示することができ、第１位〜第５位までランキング順を設定することができます。
Cool:サイドバーランキングウィジェットの色設定
管理画面のテーマカスタマイザーで「サイドバーランキング指」をクリックして、ウィジェットで利用する色を設定します。
