You are here
Home > WEB制作 > WordPress > プラグイン > 【WP】独自の「いいね!」機能を実装する「WP ULike Plugin」の使い方

【WP】独自の「いいね!」機能を実装する「WP ULike Plugin」の使い方

wp-ulike-banner

ワードプレスでプライグインを検索する旅の途中で、「これは!」と思うものを見つけたのでご紹介します。

それは・・・

WP ULike Plugin

このプラグインを利用すると、ワードプレス独自の機能としてFacebookの様な「いいね!」を実装できるようになります。

これは便利!

世の中にはFacebookを利用していない方もおられますもの。

SPONSERD LINK

WP ULike Pluginのインストール

WP ULike Plugin-banner

ダッシュボードから「プラグイン>新規追加」画面へ移動します。

検索窓から「WP ULike Plugin」と入力してプラグインを検索します。

WP-ULike-Plugin1

「今すぐインストール」をクリックし、「WP ULike Plugin」をインストールします。

お使いのバージョンのWordPressではテストされていませんと表示されていますが、人柱になるべく、インストールしてみます。
(ちなみにWPのバージョンは4.4.2)

WP-ULike-Plugin2

インストールが完了したら「WP ULike Plugin」プラグインの「有効化」をクリックします。

WP-ULike-Plugin3

WP ULike Pluginの設定

ダッシュボードから「WP ULike」または「WP ULike Settings」をクリックします。

WP-ULike-Plugin4

一般設定

Button Type:ボタンの表示タイプ設定

  • アイコン:ボタンに画像を使用する(ベストサイズ: 16x16px)

(以下は「アイコン」選択時のみ項目が追加表示されます)

Button Icon (Like):「いいね」ボタンの画像を選択

Button Icon (Unlike):「うーん」ボタンの画像を選択

  • テキスト:ボタンにテキストを表示する

(以下は「テキスト」選択時のみ項目が追加表示されます)
Button Icon (Like):「いいね」ボタンの表示テキストを入力

Button Icon (Unlike):「うーん」ボタンの表示テキストを入力

Permission Text:ロギング有効時に表示する文字の設定

※「⑨Logging Method」で「Do Not Log」以外に設定してある場合のみ有効です。

Users Login Type

  • Alert Box:
  • Like Button:

Users Login Text:権限がないユーザーへの表示文の設定

「⑧Only registered Users」を有効化している場合、権限がない訪問者へ設定した文字が表示されます。

Format Number:「有効化」をチェックすると?

投稿設定

テーマ:投稿ページで表示するボタンの選択

  • デフォルト:
add wp-ulike-remove
  • Heart:
wp-ulike-add-heart add-heart-hover

Auto Display Position:ボタンの表示位置を設定します。

  • Top of Content:記事の最初にボタンを設置
  • Bottom of Content:記事の最後にボタンを設置
  • Top and Bottom:記事の最初と最後にボタンを設置

Auto Display Filter:自動表示フィルタの設定(チェックを入れると非表示)

  • ホーム:チェックを入れると「ホーム」にボタンが表示されません。
  • Single Posts:チェックを入れると「記事」にボタンが表示されません。
  • 固定ページ:チェックを入れると「固定ページ」にボタンが表示されません。
  • アーカイブ:チェックを入れると「アーカイブページ」にボタンが表示されません。
  • カテゴリー:チェックを入れると「カテゴリーページ」にボタンが表示されません。
  • 検索結果:チェックを入れると「検索結果ページ」にボタンが表示されません。
  • タグ:チェックを入れると「タグページ」にボタンが表示されません。
  • Author Page:チェックを入れると「作者ページ」にボタンが表示されません。

Only registered Users:「有効化」で「いいね!」ボタンを登録済みユーザーのみ使用できるようにします。

  • 「有効化」にチェックを入れると登録ユーザーのみが投稿記事内で「いいね!」ボタンを操作できます。
    ※一般訪問者はボタン操作できず、「④Users Login Text」で設定してあるテキストが表示されます。
  • 「有効化」のチェックを外すと全ての訪問者が投稿記事内で「いいね!」ボタンを操作できます。

Logging Method:ログの保存方法

Do Not Log:ロギングを行いません。(多重投稿が可能)

Logging By Cookie:Cookieから判別し、二重投票を防止します。

※「いいね!」はできますが、取り消すことはできません。

Logging By IP:同一IPアドレスからの操作を記録し、二重投票を防止します。
※「いいね!」、「いいね!を取り消す」ことが可能なことを確認済。

Logging By Cookie&IP:IPアドレスとCookieから判別し、二重投票を防止します。
※「いいね!」、「いいね!を取り消す」ことが可能なことを確認済。

Logging Username:ユーザー名で判別し、二重投票を防止します。

※登録ユーザー「いいね!」、「いいね!を取り消す」ことが可能なことを確認済。
※一般訪問者には「④Users Login Text」に設定したテキストが表示されます。

Show Liked Users Box:どの登録ユーザーが「いいね!」をしたかが分かるボックスの表示・非表示

「有効化」にチェックを入れると「登録ユーザーの中で誰がいいね!したのか」を表示するボックスが表示されます。

※「有効化」した場合、以下の⑪~⑬の設定を確認しておきましょう。

Size of Gravatars:「⑩Show Liked Users Box」を有効にした場合の「ユーザーアイコン」の表示サイズ設定

ユーザーアイコンの表示サイズを設定できます。(最大は512px)

Number Of The Users:「⑩Show Liked Users Box」を有効にした場合の「表示ユーザー数」の設定

「⑩Show Liked Users Box」に表示する最大ユーザー数

Users Like Box Template:「⑩Show Liked Users Box」の表示テンプレート設定

HTMLが使えます。

以下はデフォルトになります。

Delete All Logs:すべてのログを削除します。

「Delete All Logs」ボタンを押すと、すべてのログを削除します。
一度削除すると、元には戻せません。

Delete All Data:すべてのデータを削除します。

「Delete All Data」ボタンを押すと、すべてのデータを削除します。
一度削除すると、元には戻せません。

※正式採用前のテスト結果を削除する場合などにだけご利用下さい。

コメント

コメントに対してボタンを設置するかどうかを設定できます。

使用しない場合は「⑰Automatic display」のチェックを外しておきましょう。

テーマ:①と同じ

Automatic display:コメントにボタンを設置するかどうか

「有効化」にチェックを入れるとコメント内にボタンを設置します。

「有効化」のチェックを外すとコメント内にボタンを設置しません。

Auto Display Position

  • Top of Content:記事の最初にボタンを設置
  • Bottom of Content:記事の最後にボタンを設置
  • Top and Bottom:記事の最初と最後にボタンを設置

Only registered Users:「有効化」で「いいね!」ボタンを登録済みユーザーのみ使用できるようにします。

  • 「有効化」にチェックを入れると登録ユーザーのみが投稿記事内で「いいね!」ボタンを操作できます。
    ※一般訪問者はボタン操作できず、「④Users Login Text」で設定してあるテキストが表示されます。
  • 「有効化」のチェックを外すと全ての訪問者が投稿記事内で「いいね!」ボタンを操作できます。

Logging Method:⑨と同じ

Show Liked Users Box:⑩と同じ

Size of Gravatars:⑪と同じ

Number Of The Users:⑫と同じ

Users Like Box Template:⑬と同じ

※ソースコードは若干異なるため、デフォルトを掲載しておきます。

Delete All Logs:⑭と同じ

Delete All Data:⑮と同じ

WP ULike Pluginのカスタマイズ

・・・を掲載しようと思っていましたが、あまりの設定項目の多さに少し疲れましたので、次回以降にしたいと思います。

しばらくお待ちください。

沢山の「いいね!」がもらえると、「日本語翻訳ファイル」なんかも作ろうかなーなんて言ってみたり。
(7/1追記:20いいねを頂きましたので現在翻訳ファイルを作成しております。しばらくお待ちください!)

WP ULike Plugin」の使い方に困ってる方のお役に立てれば幸いです。

113+
Pocket

SPONSERD LINK

One thought on “【WP】独自の「いいね!」機能を実装する「WP ULike Plugin」の使い方

コメントを残す

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Top