ランキングマニュアル

まず、投稿ページ下のWP Ranking Proランキング作成タブを開くか、WP Rankinger Proのプラグインページにアクセスし、ランキング作成ページを開いて下さい。

ランキングオプションの設定

1、ランキングオプションで、最初にランキングの作成数を選択します。
ランキングの順位は1位~3位まで作成することができ、設定を変更すると即座にライブプレビューに反映されます。

 

2、次に、順位横に表示される画像のデザインを変更します。
デザインは、

  • 通常の王冠
  • 白抜きの王冠
  • 小さめの王冠
  • メダル
  • バッヂ

の5種類ありますので、この中から好みの物を1つ選択して下さい。

 

3,次は、バナー広告の説明文下の設定です。

  • シンプルなテキスト広告リンク
  • 横長のCVボタン1つ
  • 横並びのCVボタン2つ

の中から選択できます。
ここで、テキストリンクを選択した方は7番に飛んでください。CVボタンを選択した場合は、色やアニメーションの設定がありますのでこのまま読み進めてください。

 

4、CVボタンの種類の種類を選択し、見た目の変更をします。
ライブプレビューを見ながら好みのデザインを選択してください。

5種類の中から選択することができます。

 

5、次は、CVボタンの色の調整です。

CVボタンが二つの場合は、個別に色を変更することができます。

  • オレンジ

の4種類の色は、ボタンを押すだけで簡単に設定することが可能です。

好みの色がない時は「カラーピッカーを使う」にチェックを入れ、上の枠をクリックしてカラーピッカーをご利用ください。
また、カラーコードがわかっている場合は直接枠内に入力して色を設定することも可能です。

 

6、続いて、CVボタン内の文字色を設定します。

黒、または白を選択することが可能です。

 

7、アニメーションの有無や、パーツごとにアニメーションを分けるかの設定をします。

「全体」では全てのパーツが同じアニメーションで動作し、「それぞれ」を選択するとそれぞれのパーツに対してアニメーションを設定できるようになります。
「なし」を選択した場合、アニメーション効果をなくすことができます。

 

9、上の設定によって選択するアニメーションの数が変わりますのでご注意ください。
アニメーションは、

  • フェードイン
  • フェードイン(右)
  • フェードイン(左)
  • バウンスイン
  • バウンスイン(右)
  • バウンスイン(左)
  • スウィング
  • 無し

の8種類の中から選択することが可能です。
選択直後にライブプレビューでアニメーションを確認することができます。

全体の動きを再確認したいときは、下の緑色のボタンを「ランキングを非表示」→「アニメーションを再生」の順に押すと、記事に貼り付けたときの動きがその場で確認できて便利です。

 

10、ランキングを設置する場所を、本文かサイドバーの片方を選んでランキングオプションの設定を完了させてください。

ランキングに必要な情報を入力

ランキングオプションの設定が完了したら、ランキングに必要な情報を入力します。

 

1、まず、ランキングのタイトルラベルを設定します。

デフォルトは「ランキング〇位」です。デフォルトのままで良ければ次のステップに進んでください。

 

2、次に、バナー広告のリンクを枠内に貼り付けます。

正常に貼り付けられた場合、ライブプレビューでNO Imageとなっていた箇所がバナー広告に変化しますのでご確認ください。

 

3、続いて、バナー広告の説明を入力します。

通常の投稿画面のように編集ができますので、ビジュアルエディタ又はテキストエディタを選択して、使い慣れている方法で記述してください。

 

4、最後に、下の小枠内にボタンやテキストのアフィリエイトリンクを挿入します。

 

5、これで、ランキングの作成に必要な情報を入力できました。項目が複数ある場合は、1番に戻って手順を繰り返してください。

ランキングコードを生成する

上の手順が全て完了したら、HTMLコードを生成して本文に貼り付けます。

 

1、緑のコード生成ボタンをクリックしてHTMLコードを生成したら、枠下の「ランキングコードをコピーする」というボタンをクリックします。

 

2、次に、記事の編集画面へ移ってください。
テキストエディタの場合は、そのままコード貼り付けるだけで設置完了です。

ビジュアルエディタをお使いの方は「HTMLを挿入」というボタンをクリックしてそこに貼り付けてから設置します。

 

3、これで一連の流れは完了です。投稿前に記事のプレビューを行い、動作を確認してください。

 

投稿日:

Copyright© Fwwwラボ , 2018 All Rights Reserved.