プラグイン

wordpressで星マークの評価を表示させるプラグイン

今回はwordpressで簡単に各種評価のレーティングを星マークで表示させられるプラグイン「Universal Star Rating」の簡単な使い方について紹介していきたいと思います。

Universal Star Ratingのインストール方法

Universal Star Ratingをインストールするには、まずwordpress画面左側にある「プラグイン」>「新規追加」からプラグインの検索窓に「Universal Star Rating」と打ち込みます。

するとUniversal Star Ratingが見つかるので、インストールして有効化させておきましょう。

Universal Star Ratingの使い方

星マークだけを表示させるなら、[]の中に下記のコード入力をするだけで、普通に表示させられます。
usr 3.5

3.5 out of 5 stars (3.5 / 5)

このように「星の数(評価/最高評価)」で表示させられます。
その他ショートコードの書き方次第で、下記のように表示結果を変えられます。

ショートコード
([]の中に入れるコード)
結果
usr 3.5 text=”false”  3.5 out of 5 stars
usr 3.5 size=20 3.5 out of 5 stars (3.5 / 5)
usr 3.5 img=”02.png”  3.5 out of 5 stars (3.5 / 5)
usr 3.5 img=”02.png”  3.5 out of 5 stars (3.5 / 5)

このように数字のテキストを非表示にさせたり、サイズを指定したり、画像を変更させて星マーク以外でレーティングを表示させたりすることができます。

その他星の数の最大値などを、プラグイン設定画面の「settings」タブにて変更可能です。

注意!星の色や背景色まではカスタマイズできない模様

Universal Star Ratingは、Shortcode Star Ratingに変わる星マーク評価を表示させるのに便利なプラグインですが、Shortcode Star Ratingのように星の色などを変えることができません。

Universal Star Ratingは星の色を変えられない

このように画像を変えることで、デフォルト以外の色や星マーク以外のレーティングを表示させることはできますが、その色などをこちらで自由に指定することはできないようです。

amazon評価と同じように星マークの背景を黒ではなく白くするのはできないようなんですね

 

使い方は簡単で良いのですが、いかんせんこの辺りのカスタマイズが自由にできないのがネックなので、時間があればまた新たに星評価マークを簡単に表示させられるプラグインを探そうかと思います。

星評価プラグイン「Shortcode Star Rating」がなくなった?

wordpressで簡単に各種評価のレーティングを星マークで表示させられるプラグインと言えば、「Shortcode Star Rating」が有名ですよね?

しかしこのプラグイン、なぜか公開が2020年4/6以降永久に停止され、ダウンロードすることができなくなりました。

Shortcode Star Rating永久に停止

非常に簡単に星マークで評価が付けられるので大変便利だったわけですが、公式ではこのように永久的に停止されることが決まったようです。

そしてこれに変わるようなプラグインを探すのですが、なかなか見つかりません。

サイトの評価?を星マークで表示させるというようなプラグインならあるのですが、Shortcode Star Ratingのように商品レビュー際に簡単に表示されられるプラグインというものがないんですね。

 

そんなこんなで地道に探した結果、Shortcode Star Ratingのように、ショートコード一つで簡単に評価を星マークで表示させられるような「Universal Star Rating」というプラグインを見つけたという次第です。

まとめ

今回紹介したプラグイン「Universal Star Rating」では、星の色などを変えることはできませんが、Shortcode Star Rating同様お手軽に評価のレーティングを星マークで表示させられます。

星マークをショートコードで簡単に表示させたいけれども、「Shortcode Star Rating」がなくなって困っているという場合、色がカスタマイズできなくても問題なければ、このプラグインを使ってみると良いのではないでしょうか?

お問い合わせフォームの簡単な作り方(ワードプレス)

お問い合わせフォームの簡単な作り方(ワードプレス)

amazonアソシエイト(アフィリエイト)の審査に通るためにも必要となる「お問い合わせフォーム」。

今回はワードプレスにおいてプラグインを使った簡単なお問い合わせフォームの作り方についてご紹介します。

お問い合わせフォームの簡単な作り方。ワードプレスでのプラグインを使った簡単な方法は?

まずはプラグイン「Contact Form 7」をインストール

Contact Form 7というプラグインをインストールすれば、非常に簡単にワードプレスサイトでお問い合わせフォームを作ることができます。

Contact Form 7をインストールするには、左側にあるメニューから「プラグイン」>「新規追加」をクリックし、プラグイン追加画面の検索窓に「Contact Form 7」と打ち込んでインストールし、有効化することで使えるようになります。

公式プラグインなので、別途どこかのサイトに移行してそこでダウンロードしてからインストールするといった手間もありません。

プラグイン「Contact Form 7」の設定

Contact Form 7をインストールして有効か出来たら、早速設定していきましょう。

お問い合わせフォームの作り方 Contact form 7の設定方法

設定するにはまずワードプレスの画面左側にあるメニューから「お問い合わせ」をクリックします。
お問い合わせがない場合は、「プラグイン」>「インストール済みプラグイン」からContact Form 7を編集します。

お問い合わせフォームの作り方 Contact form 7の設定方法②

デフォルトの設定では「お名前」「メールアドレス」「題名」「メッセージ本文」の4項目+送信ボタンが表示されるようになっていますが、フォームタブの赤枠で囲われた部分から好きなタグを追加して編集することができます。

必要であればタグを追加して編集しするか、デフォルトのままでよければそのまま下の「保存」ボタンをクリックします。

保存出来たらコンタクトフォームのタイトルの横にあるショートコードをコピーして、これを新規作成した固定ページに貼り付けます。

お問い合わせフォームの作り方 Contact form 7の設定方法④

固定ページを新たに作成するため、左側のメニューから「固定ページ」>「新規追加」をクリック。

お問い合わせフォームの作り方 Contact form 7の設定方法⑤

タイトルを「お問い合わせ」などとし、プラグイン「Contact Form 7」でコピーしたショートコードを貼り付けます。

お問い合わせフォームの作り方 Contact form 7の設定方法⑥

ワードプレス左側のメニューにある「外観」>「メニュー」からメニュー画面を開き、固定ページの画面で「お問い合わせ」にチェックを入れて「メニューに追加」をクリックします。

すると右側の「メニュー構造」で、「お問い合わせ」が追加されているのを確認して、「メニューを保存」をクリックすれば、メニュー欄にお問い合わせフォームが表示されるようになります。

まとめ

amazonアソシエイト(アフィリエイト)で審査に通らなかった場合でも、お問い合わせフォームを追加することで、審査に通るようになったりしますし、訪問者の意見が聞けたり、アレンジ次第でアンケートなども取れるようになったりします。

なので訪問者の声が聞きたい方や、amazonアソシエイトの審査に受かりたい方などは是非お問い合わせフォームを作っておくと良いのでしょう。