THE THOR(ザ・トール):ランキング機能を設定してみた

最初にランキングページとはどんなものかをイメージしたい方は、この「Happy Labo 幸せ研究所」で、ステイホーム中に気になったラーメンのカロリーを自分が好きな銘柄順にランキング形式で投稿したので、見てみてください。

関連記事

コロナ禍のなか、ステイホームも1年以上となりました。 テレワークもすすみ、通勤がなくなったため運動不足は体重への影響大! でも大好きなラーメンはやめられない。 ラーメン食べると幸せな気持ちになりますよね。 このサイ[…]

ラーメン

それでは、このランキングの作り方です。

とても簡単に作れます!

ランキングの対象となる商品やサービスを登録する

まず、タグの登録をWordPressメニュー画面の「タグ管理」-「新規追加」から行います。

 

①に商品やサービスの名前を入力

②表示スタイルは、「利用する(全項目表示)」でOK

③おすすめ度(スター)は、その商品のおすすめ度をチェック

1~5個の指定で、上のイメージの黄色い星の数になります。

④「数値」にはもっと細かく3.5などを入力できます。

⑤バナー広告には、アフィリエイトのタグを入力

⑥バナー横テキストは、商品・サービスの説明

⑦詳細ページボタン[リンク先ID]は、その商品の詳細な説明の投稿があれば、そちらへ「リンク先ID」とその「リンクボタンに表示する名称」を設定

⑨AFページボタン[リンク先URL]は、「アフィリエイトリンク」及びその「リンクボタンに表示する名称」を設定

最後に「更新」を忘れずに。

この手順でランキングの対象となる商品全てを登録します。

タグランキングを作成する

次に、作成したタグを使ってランキング順位を作成します。

WordPressメニュー画面の「タグランキング」-「新規追加」から行います。

 

①にランキングの名称を記入

②表示スタイルは「利用する(全項目表示)」に設定

③ランクマークは、ランキングのマークの画像を選択。
下図左から画像1~5。

ランキングマークの画像

④タグを指定のプルダウンに、先ほど登録した商品が出てくるので、順位を指定。

右の↑↓で商品の順位を変更することもできます。

登録したら「更新」ボタンを忘れずに。

右側に「ショートコード(afRanking id=○○○)」があるので、これを投稿画面に貼り付けます。

 

こんな手順で、簡単にランキングサイトが作成できます!