Release: 2019/02/02 Update: 2019/02/02
添付のランキングプラグイン(簡易版)を利用する
WP1650-Child08」のサンプルサイトで「ランキング表示」を提供しているウィジェット追加プラグインです。
FP7032テーマで提供しているプラグインウィジェットから抜粋して「クールでかっこいいWPテーマ Ver.16」用に提供しています。
ランキングプラグインのインストールと有効化
管理画面の「
プラグイン」ー「
新規追加」で、「
プラグインのアップロード」をクリックします。
パソコンに保存している「coolweb-ranking-v16.zip」を選択して、インストールそして有効化してください。
ランキングウィジェットの色設定
プラグインをインストール・有効化すると、カスタマイザーに、「
横並びランキング設定」「
縦並びランキング設定」及び「
ランキング用アイコン設定」のメニューが追加されます。
「
横並びランキング設定」「
縦並びランキング設定」が、ランキングウィジェットの色設定になります。
ランキング用アイコン設定
ランキング用の画像(アイコン)は、「
王冠数字アイコン」「
オススメアイコン」「
松竹梅アイコン」「
独自アイコン」から選択できます。
上図のように、「
独自アイコン」を選択した場合は、カスタマイザーの「
ランキング用アイコン設定」で設定したアイコンが利用されます。
ランキングウジェットの設定
「
クールでかっこいいWPテーマ Ver.16」で提供しているランキングウィジェットは「
横並び」及び「
縦並び」ランキングの2種類です。
(「ランキングウィジェットの色設定」の項の画像を参照)
ウィジェット設定はカスタマイザーの「ウィジェット」、もしくは「外観」ー「ウィジェット」で設定します。
下図は「カスタマイザー」での、「
横並びランキング」ウィジェット設定の例です。
サンプルは、正月を意識した商品(又はサービス)ですので、「松竹梅アイコン」を使用しています。
下図は、「
縦並びランキング」ウィジェットの例です。
]]>
関連コンテンツ
囲み枠付きテキスト <div class="framed-text blue"> 〜 </div> のように色とともに指定することで表示します。 テキストを枠付き…
クールでかっこいいWordPressテーマ Ver.15特別版」では、ショートコードで簡単に吹き出しによる会話形式の記事を作成できます。 こんな感じの吹き出しになります!! ↓ ↓ ↓ …
見出し文字 サンプル文字 <h2 class="idx01 red"> 〜 </h2> サンプル文字 <h3 class="idx02 blue"> 〜 </…
何せ、非常に使いにくいので「Classic Editor」プラグインをインストールして以前のエディターを利用しています。 以下、以前のエディタを基に解説します。 投稿(記事…
※下部説明の class="〜" で " " が全角変換されていますので、利用時は半角に変更してご利用下さい。 ドアのようなアニメーションボタン01 Button Sample Butt…
AMP for WP - Accelerated Mobile Pages for WordPress」プラグインを利用して、すごく簡単にAMP対応ができます。 当サンプルサイトも、同プ…