ランキング記事に便利!WordPressで星の5段階評価をする一番簡単な方法

目安時間:約 6分

 

WordPressでブログ運営をしていると、

色々なお店や商品などの、
オススメ記事を書くことも多いと思います。

 

そんなとき、⇩こんな感じの。

☆評価:使いやすさ

星評価を付けられれば、
記事をより分かりやすくすることが
出来ますよね。

 

 

でも、どうやって表示したら良いのか?
分からない人のために。

 

今回は、WordPressで星評価をするために便利なプラグイン、
Shortcode Star Ratingのインストール方法や使い方

お話ししたいと思います。

 

 

プラグイン『Shortcode Star Rating』をインストール

 

 

今までも、いろいろな星評価方法を試してきましたが、
このプラグイン「Shortcode Star Rating」を使う方法が
一番簡単で便利
でした。

 

まずは、WordPressの管理画面で、
プラグインの新規追加をクリックします。

 

次に、右上の「プラグインの検索」のところに、
「Shortcode Star Rating」と打ち込んで、
PCのキーボードにある「enter」ボタンをクリックして下さい。

 

そうすると、該当するプラグインが色々と出てきます。

間違えることなく「Shortcode Star Rating」の
「いますぐインストール」をクリックしましょう。

 

「本当にこのプラグインをインストールしてもいいですか?」
と表示されるので、迷わず「OK」をクリックして下さい。

 

次の画面で、「プラグインを有効化」をクリックすれば、
インストールの完了です。

 

 

プラグイン一覧を確認すると、
ちゃんと「Shortcode Star Rating」がインストールされています。

 

※FTPソフトからインストールしたい方は、
こちらのサイトからダウンロードして下さい。

⇒ https://wordpress.org/plugins/shortcode-star-rating/

 

 

Shortcode Star Rating の使い方

 

 

さて次は、「Shortcode Star Rating」の使い方を
説明しましょう。

 

 

まずは設定から。

 

WordPress管理画面の左下に、
「設定」の項目があります。

こちらにマウスのカーソルを持っていくと、
設定項目の中に、「Shortcode Star Rating」が
表示されます。

コチラをクリックして下さい。

 

そうすると、「Shortcode Star Rating」の設定画面が出てきます。

 

特に変更する必要はありません。

 

もし星の色を変更したい場合は、
16進数のカラーコードで色変更をしてみて下さい。

色見本のカラーコード一覧は、こちらを参考にしてみて下さい。

 

「星のサイズ調整」の部分は、
星が表示される大きさを調整することが出来ます。

通常は変更しなくてもOKですが、
もしも星評価を大きく強調したい場合は、
チェックを入れて下さい。

 

 

次は使い方の説明。

 

星を表示させるには、記事作成のときに、
表示させたい箇所にコードを打ち込むだけ。

と打ち込めば、
星評価は3.5個になります。

 

試しに「Shortcode Star Rating」の使いやすさの評価を、
星3.5個で記事を書いてみました。

 

こちらが記事の表示になります。

 

WordPressの記事デフォルトのままなのは、
気にしないで下さいね ^^;

 

 

Shortcode Star Rating の応用編

 

 

Shortcode Star Rating は、星の数を変更したり、
パーセント表示にしたりすることも出来ます。

 

コードの書き方はこちら。

  • rating ⇒ 星の数(評価数)
  • max ⇒ 最大の星の数
  • type ⇒ percentと書くことで、パーセントで星評価が出来る
  • numeric ⇒ 星評価の後ろに%表示を出すことが出来る

 

さきほどの記事だと、このように書きます ⇩

 

オプションを利用すれば、
記事に合った表示方法をすることが出来ます。

いろいろとコードを組み替えて、
利用してみて下さいね。

 

 

この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
サイト運営者:草薙悠
ブラック企業ばかりと言われるアパレル系の会社で働きつつ、副業のネットビジネスでゆったり悠々自適に生活しています。


⇒ プロフィール


⇒ お問い合わせ先
高額塾リアル実践記
最近の投稿
カテゴリー