WP ULike:独自の「いいね!」ボタンを設置できる

2018年4月26日

独自の Facebook や Twitter のような「いいね!」ボタンを設置したい。
そのような時に便利な WordPress 用プラグインがあります。
それは「WP ULike」です。
その導入手順から日本語化・使い方と設定などを解説していきます。

WP ULike

WP ULike - WordPress.org

WP ULike は、独自の Facebook や Twitter のような「いいね!」ボタンを設置できます。
Google リッチスニペットをサポートしています。
各種ログや統計情報なども自動で収集してくれます。

下記のプラグインにも対応しています。

UltimateMember と BuddyPress のプロファイルにも対応。
bbPress のトピックと BuddyPress のアクティビティと通知にも対応。
myCRED にも対応。

記事を作成もしくは更新時点でのバージョン:4.0.1
マルチサイトでの利用:可

Gutenberg エディターでの動作

Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。

Gutenbergでのショートコードの挿入手順

このプラグインは、ショートコードを使用します。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。

Gutenberg でのショートコードの挿入手順 – WordPress活用術

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
WP ULike – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「WP ULike」と入力します。

WordPressプラグイン「WP ULike」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

WP ULike は、日本語化対応がされているので、有効化するだけで日本語化されます。
日本語化されない場合には、日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用テーブル

下記のテーブルを WP ULike 専用のテーブルとして作成し利用します。
テーブル作成時に $wpdb->prefix も使用しているので、マルチサイトにも対応。

wp-ulike.php.php から CREATE TABLE 文を抜粋(記事用に一部修正)。

CREATE TABLE IF NOT EXISTS `ulike` (
`id` bigint(20) NOT NULL AUTO_INCREMENT,
`post_id` bigint(20) NOT NULL,
`date_time` datetime NOT NULL,
`ip` varchar(100) NOT NULL,
`user_id` varchar(100) NOT NULL,
`status` varchar(30) NOT NULL,
PRIMARY KEY (`id`)
) AUTO_INCREMENT=1;
CREATE TABLE IF NOT EXISTS `ulike_comments` (
`id` bigint(20) NOT NULL AUTO_INCREMENT,
`comment_id` bigint(20) NOT NULL,
`date_time` datetime NOT NULL,
`ip` varchar(100) NOT NULL,
`user_id` varchar(100) NOT NULL,
`status` varchar(30) NOT NULL,
PRIMARY KEY (`id`)
) AUTO_INCREMENT=1;
CREATE TABLE IF NOT EXISTS `ulike_activities` (
`id` bigint(20) NOT NULL AUTO_INCREMENT,
`activity_id` bigint(20) NOT NULL,
`date_time` datetime NOT NULL,
`ip` varchar(100) NOT NULL,
`user_id` varchar(100) NOT NULL,
`status` varchar(30) NOT NULL,
PRIMARY KEY (`id`)
) AUTO_INCREMENT=1;

CREATE TABLE IF NOT EXISTS `ulike_forums}` (
`id` bigint(20) NOT NULL AUTO_INCREMENT,
`topic_id` bigint(20) NOT NULL,
`date_time` datetime NOT NULL,
`ip` varchar(100) NOT NULL,
`user_id` varchar(100) NOT NULL,
`status` varchar(30) NOT NULL,
PRIMARY KEY (`id`)
) AUTO_INCREMENT=1;" );

有効化すると

プラグインを有効化すると、下記のような画面が表示されます。

WordPressプラグイン「WP ULike」のスクリーンショット

「プラグインについて」のメニューの画面なので、特に気にする必要は無いですね。

専用メニュー

WordPressプラグイン「WP ULike」のスクリーンショット

ダッシュボードの「設定」メニューの下に追加されています。

使い方

設定メニューを開いて必要な設定を行いましょう。

設定

一般

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

ボタンのタイプ:
「いいね」ボタンのタイプを選択します。
画面では「よくないね」も設定できるように見えますが、
「良くないね」は、Pro 版のみの機能なので設定しても反映されないようです。

許可テキスト:
「悪いね」評価をする権限が無いことを通知する文言を入力します。

WordPressプラグイン「WP ULike」のスクリーンショット

ユーザーログインの種類:
投票する際のログインが必要かを選択します。
・警告ボックス→ログイン必要
・いいねボタン→ログイン不要

ユーザのログインテキスト:
投票するにはログインが必要であることを通知するメッセージをカスタマイズできます。

WordPressプラグイン「WP ULike」のスクリーンショット

プラグインファイルの無効化:
プラグインの Javascript と CSS ファイルを削除するページを選択します。

WordPressプラグイン「WP ULike」のスクリーンショット

番号形式
「いいね」の値が 1,000 を超えたら 1K 形式に変換するかどうか。

通知:
いいねの投票・取り消し時に画面の右下にメッセージを表示するかどうか。

IP を匿名化:
GDPR に基づいて IP アドレスを匿名化するかどうか。

WordPressプラグイン「WP ULike」のスクリーンショット

いいね通知メッセージ:
よくないね 通知メッセージ:
「通知」を有効にした際に表示するメッセージをカスタマイズします。

投稿

WordPressプラグイン「WP ULike」のスクリーンショット

投稿ページで表示するテーマを選択します。

WordPressプラグイン「WP ULike」のスクリーンショット

自動表示:
投稿ページで「いいね」フォームを自動表示するかどうか。
無効にすると、ショートコード[wp_ulike]を使用して表示させます。

自動表示位置:
表示位置を選択します。

自動表示フィルター:
「いいね」フォームを表示しないコンテンツを選択します。

WordPressプラグイン「WP ULike」のスクリーンショット

*Googleリッチスニペット:
schema.org 形式のリッチスニペットを追加するかどうか。

登録ユーザーのみ:
いいねをできるユーザーを登録ユーザー限定にするかどうか。

ログの形式:
ログの保存形式を選択します。

いいねした人欄を表示
「いいね」フォームにマウスオーバーすると「いいね」した人をポップアップ表示するかどうか。

いいねした人欄のポップオーバーを無効:
「いいね」したユーザーのアバターをポップアップではなくて、ボタン下部に表示するかどうか。

WordPressプラグイン「WP ULike」のスクリーンショット

Gravatars のサイズ:
Gravatars の画像サイズを指定します。(最大値 512)

ユーザー数:
「いいね」ボックスに表示するユーザーの数を指定します。

WordPressプラグイン「WP ULike」のスクリーンショット

いいねボックステンプレート:
「いいね」ボックスをカスタマイズできます。

WordPressプラグイン「WP ULike」のスクリーンショット

すべてのローカルのサムネイルおよびアイコンを削除します:
全ての「いいね」のログを削除することができます。

Delete Orphaned Rows:
関連するテーブルでデータが存在しないログテーブルの全ての行を削除できます。

コメント

WordPressプラグイン「WP ULike」のスクリーンショット

投稿欄で使用するテーマを選択します。

WordPressプラグイン「WP ULike」のスクリーンショット

自動表示:
投稿ページで「いいね」フォームを自動表示するかどうか。
無効にすると、ショートコード[wp_ulike]を使用して表示させます。

自動表示位置:
表示位置を選択します。

登録ユーザーのみ:
いいねをできるユーザーを登録ユーザー限定にするかどうか。

ログの形式:
ログの保存形式を選択します。

WordPressプラグイン「WP ULike」のスクリーンショット

いいねした人欄を表示
「いいね」フォームにマウスオーバーすると「いいね」した人をポップアップ表示するかどうか。

いいねした人欄のポップオーバーを無効:
「いいね」したユーザーのアバターをポップアップではなくて、ボタン下部に表示するかどうか。

Gravatars のサイズ:
Gravatars の画像サイズを指定します。(最大値 512)

ユーザー数:
「いいね」ボックスに表示するユーザーの数を指定します。

WordPressプラグイン「WP ULike」のスクリーンショット

いいねボックステンプレート:
「いいね」ボックスをカスタマイズできます。

WordPressプラグイン「WP ULike」のスクリーンショット

すべてのローカルのサムネイルおよびアイコンを削除します:
全ての「いいね」のログを削除することができます。

Delete Orphaned Rows:
関連するテーブルでデータが存在しないログテーブルの全ての行を削除できます。

カスタマイズ

WordPressプラグイン「WP ULike」のスクリーンショット

カスタムスタイル:
デザインをカスタムするかどうか。

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

統計

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

「すべてのログを表示」ボタンをクリックすると別タブでログが表示されます。

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

表示例

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

WordPressプラグイン「WP ULike」のスクリーンショット

実際に表示させると上のような感じで表示されます。

専用ウィジェット

WordPressプラグイン「WP ULike」のスクリーンショット

タイプ:

最も「いいね」された投稿を多い順に表示。
最も「いいね」されたコメントを多い順に表示。
最も「いいね」されたアクティビティを多い順に表示。
最も「いいね」されたトピックを多い順に表示。
ユーザーが「いいね」した最近の投稿を表示。

WordPressプラグイン「WP ULike」のスクリーンショット

すべての期間:
年・月・週・昨日・今日から選択可。

WordPressプラグイン「WP ULike」のスクリーンショット

プロフィール URL:
BuddyPress か UltimaMemberかを選択可。

WordPressプラグイン「WP ULike」のスクリーンショット

実際に表示させると上のような感じになります。

URL

WP ULike – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています