ブログ記事にいいねボタンを設置できるWordPressプラグイン「WP ULike」

ブログ記事がSNSなどでシェアされたり、コメントされると嬉しいですよね。ただ、ユーザーにとってはコメントやシェアよりも「いいねボタン」の方が気軽で押しやすいです。

SNS等でも基本的にはコメントやシェアよりもいいねの方が多いと思います。そこで今回は、ブログ記事にも気軽にリアクションできる「いいねボタン」を設置するプラグイン「WP ULike」をご紹介いたします。

>> いいね機能が実装されているWordPressテーマ

「WP ULike」の機能概要

ブログ記事に「いいねボタン」を設置できるWordPressプラグインです。主な機能は下記の通りです。通常のSNSボタンと違ってログイン不要で気軽にいいねできるので、リアクションを得やすくなるかもしれません。

有効化するだけですぐに表示可
いいねボタンを4種類から選択可
いいねボタンに使うアイコンを選択可
もらったいいね数を統計的に確認できる
いいね数ランキングを設置できる

すぐに設定できて、記事ごとにいいねされた数も確認できます。

「WP ULike」のインストール

管理画面から「WP ULike」を検索してインストールするか、下のボタンからもダウンロード可能です。プラグインファイルを wp-content/pluginsディレクトリにアップした後、管理画面から有効化してください。

プラグインのイメージ

WP ULike

「WP ULike」の基本的な使い方

記事中にいいねボタンを表示するだけなら、プラグインを有効化するだけでOKです。デフォルトではすべての記事ページに下記のデザインと仕様で表示されます。

デフォルトのいいねボタンの表示サンプル

いいねボタンをクリックすると右下にメッセージが表示され、2回押すと取り消しメッセージも表示されます。記事のコメント部分にもデフォルトでは下記のように表示されます。

コメント欄のいいねボタンのサンプル

プラグインの設定で表示するアイコンや位置、仕様などを調整できるので以下で解説いたします。設定項目は豊富ですが、よく使うものをピックアップしましたのでご参考ください。

いいねボタンのアイコンを変更したい
ボタンクリック時に表示されるメッセージを変更したい
いいね数を統計的に確認したい
いいね数ランキングでユーザーにアピールしたい

いいねボタンのアイコンを変更したい

いいねボタンのアイコンは、左サイドメニューの「WP Ulike」内にある「Configuration」から変更できます。

いいねボタンのデザイン変更箇所

デフォルトで4種類用意されている他、任意のテキスト（LIKEやLOVEなど）を代わりに表示したり、オリジナルの画像をアップして設定することも可能です。ボタンの位置やいいね数表示の有無なども変更可能です。

一覧ページに表示したり、どの投稿タイプに表示するかも簡単に設定できます。コメント欄のいいねボタンについても同じように変更可能です。

ボタンクリック時に表示されるメッセージを変更したい

ボタンを押した時に表示されるメッセージ等は、「WP Ulike」内にある「Strings」から変更できます。

ボタンを押した際のメッセージの変更箇所

任意のものに変更できるようですが、メッセージ自体を表示させないことは不可のようです。それぞれを非表示にしたい場合は、下記のCSSを入れてあげればOKです。

/* いいねボタンを押した際のメッセージを消したい */
.wpulike-notification .wpulike-message.wpulike-success {
display:none;
}

/* いいねボタンを取り消した際のメッセージを消したい */
.wpulike-notification .wpulike-message{
display:none;
}

CSSの編集方法については下記記事が参考になります。