WP:WordPress(ワードプレス)

【WordPress】プラグイン「WP ULike」で「いいね」ボタンを設置

プラグイン「WP ULike」でいいねボタンを設置

以前、「WP-PostRatings」という「いいね」機能を追加するプラグインの紹介を行ったのですが、
今回は「WP ULike」というプラグインで「いいね」機能を追加する方法を紹介します。

まずは、プラグインのインストール画面から「WP ULike」を検索して、そのままインストールして下さい。
WP ULikeをインストール

インストール後、プラグインを有効化すると以下の画面に飛びます。
WP ULikeの「プラグインについて」ページ
こちらの画面では特に設定する項目が無いので、無視して下さい。

管理画面の左カラムに「WP ULike」というメニューが追加されるので、そちらをクリックして下さい。
「一般」「Content Types」「Integrations」「profiles」「翻訳」「Developer Tools」画面が存在していると思うので、
それぞれ説明していきます。

「一般」画面

WP ULikeの「一般」画面

この画面で注意するのは「Enable Notifications」の項目です。
ユーザーが「いいね」をクリックした際にメッセージを表示するかどうかの設定を行います。

デフォルトだと「ON」になっているので、メッセージが鬱陶しいという方は「OFF」にして下さい。

「Content Types」画面

WP ULikeの「Content Types」画面

表示する「いいね」ボタンのタイプなどを設定する画面ですが、
画面を見て貰えば各項目の意味は分かると思うので、細かい説明は行いません。

Select a Template」の項目では4つの「いいね」ボタンを選択できるので、
好みのボタンを選択して下さい。

「Integrations」画面

WP ULikeの「Integrations」画面

こちらの画面はデフォルトのままでOKです。

「翻訳」画面

WP ULikeの「翻訳」画面

「翻訳」画面では日本語のメッセージを設定します。
こだわりが無ければ、デフォルトのままでいいと思います。

「Developer Tools」画面

WP ULikeの「Developer Tools」画面

こちらの画面では、「いいね」ボタンのカスタマイズが可能です。
CSSを書ける方は利用してみて下さい。

 

いいねボタンを表示する

「Content Types」画面で「自動表示」をONにしておくと、「いいね」ボタンは自動でユーザー側に表示されます。

ただ、もし「いいね」ボタンの表示場所を指定したい場合には、
「自動表示」をOFFにして、ショートコード[ wp_ulike ]を使用します。

テーマに直接書き込みたい場合には、
「いいね」ボタンを表示させたい場所に以下のコードを記述して下さい。

<?php echo do_shortcode("[wp_ulike]"); ?>

問題なく設定できていれば、以下の様に表示されます。
WP ULikeの「いいね」ボタン

因みに、デフォルトの設定のままだと、
「いいね」したり、「いいね」を外したりすると、画面右下にメッセージが出ます。
WP ULikeの「いいね」時のメッセージ

メッセージが鬱陶しければ、
「一般」画面で「Enable Notifications」をOFFにして下さい。

 

「いいね」の統計

管理画面の左カラムの「WP ULike」の中に「統計」というメニューがあります。

そちらをクリックすると、「いいね」の統計情報を確認することが出来ます。

設置したばかりでほとんどデータが無いですが、このような画面です。
WP ULikeの「統計」画面

63+
この記事を書いている人
株式会社ディープ

名前ダッチ

メールアドレスadachi@deep-deep.jp

Twitterはこちら >>

  • コメント: 0

関連記事

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

【2,000円OFF キャンペーン実施中】↓

最近の記事

  1. WP:WordPress(ワードプレス)
  2. 色鉛筆
  3. WP:WordPress(ワードプレス)
  4. WP:WordPress(ワードプレス)
  5. WP:WordPress(ワードプレス)
  6. 文系と理系のメリットとデメリット
  7. 東京駅
  8. 残業
  9. プログラマーになるのに年齢は関係ある?
  10. 年収(収入)
【2,000円OFF キャンペーン実施中】↓

Twitter

ダッチ@職業ブロガー兼プログラマー
@gatsu0000

ConoHa WING 2周年キャンペーン中

アーカイブ

PAGE TOP