Plug-in “WP ULike” that can add a vote (“Like”) function to the site with Wordpress

投稿に独自の投票(「いいね」)機能を追加できるプラグイン「WP ULike」

公開日:2016年10月8日 アクセスアップ/PV数改善 コンテンツ追加
Knowledge Base Wordpress ディスカッション


Wordpressに限らずサイトやブログを作っていて何か反応が欲しいと思うことはありませんか?

アクセス解析などで閲覧履歴を見ても何だか味気ないし、SNSでの共有は利用者に限られていてなかなか反応がないし、コメントはスパム対策でメールアドレスを入力したり認証を設けたりするので敷居が高いし・・・、何とか閲覧者の反応は見れないものか?を可能にするのが「WP ULike」です。

「WP ULike」はどこへ登録することもなく、どこかへデータが共有される訳でもなく、サイト内のみでデータが利用されるので、前述した評価方法と比べればかなり敷居を低くできる評価プラグインです。

【WP ULike】プラグインの用途や機能

  1. 投稿・固定ページ・カスタム投稿タイプなどへ投票用のボタンを設置
  2. 投票は取り消すことができる(Unlike機能)
  3. 投票された結果はウィジェットでランキング表示できる
  4. 投票された内容の統計を管理画面で見ることができる

「いいね」機能を持つプラグインの中でなかなか実装されていないのが2~4の機能。「Wordpress Popular Posts」などを使って閲覧数順で表示するよりもより精度の高い人気情報を表示できます。また、どこから閲覧した人が「いいね」したのか、何件あったのかなどの情報が見れるのも秀逸なところだと思います。

ただし、テスト上では「いいね」したものを取り消すことはできても、「よくないね」だけを投票することはできないようです。
※「いいね」した記事を同一IPもしくは同一ユーザーから再度クリックされたとき「よくないね」(つまり「いいね」の取り消し)として動作するようです。
が、自身で書いた記事に対してネガティブなものばかり目立ってしまった場合には相当凹むかも・・なので、ポジティブなものだけが表示される点について、個人的には大賛成です。

「はてなapi」に頼らずにブログカード形式のリンクを作成するプラグイン「PZ-LinkCard」

スタッフや会員などの一覧を作成・表示するプラグイン「AMO Team Showcase」

投稿に対するツイートをコメントと共に一覧へ表示するプラグイン「Twitter Mentions as Comments」


この紹介記事を最後に編集したときの環境・バージョンなど

プラグインは製作者によって日々更新されていくため、この紹介記事が最新バージョンのものであるとは限りません。参考までにこの記事の最終更新日時点におけるテスト環境、プラグインバージョン、プラグイン導入時の留意点などを記載しておきます。

プラグインを使用(試用)したテスト環境

  • テストサーバー:カラフルボックス投稿に独自の投票(「いいね」)機能を追加できるプラグイン「WP ULike」
  • WordPressのバージョン:5.3.1
  • PHPのバージョン:7.3.11
  • テーマ:ha-Basic(オリジナルテーマ)
  • プラグインのバージョン:記事更新時のバージョン 4.0.2/最新バージョン 4.1.9

より最新の情報をお届けするため、↑の記事更新時のバージョンと最新のバージョンが大きく異なる場合には↓↓↓のボタンのクリックにご協力ください(クリックするだけで管理人へ通知が届くようになっています)

Wordpressサイトへこの情報を参考にプラグインの導入をする方へ

Wordpressは古くから無料で配布されているサイト作成ツール(CMS)で、随時改良が加えられており、さまざまなバージョンが存在します。さらにWordpressを動かすためのプログラムであるPHP、サイトのデータを保存しておくためのデータベースについても様々なバージョンがあります。そしてWordpress本体同様にプラグインについてもさまざまなバージョンが存在します。本記事を参考にプラグインの導入をお考えの方は、以下に留意の上でインストールするようにしてください。
  • 前述したテスト環境での動作に基づいた紹介記事ですので、すべての環境で正常に動作するかどうかは不明です
  • プラグインに無料版と有料版(Pro版)がある場合、特に記載がなければ無料版の情報のみを紹介しています
  • このページでプラグインを使用する際に必要なショートコードやコードなどは、コピーして使用することができますが、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。
  • プラグイン本体の動作不具合や質問などは公式サイトのフォーラムなどで行ってください(ここでは質問にお答えすることはできません)

【WP ULike】プラグインの設定画面や表示の日本語化と翻訳

【WP ULike】プラグインは有効化すると日本語で使用できるようになっていますので、英語が分からない方でも安心して使えます

【WP ULike】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

を参照ください

基本的な設定方法や使い方

日本語で使えるので問題はないと思いますが設定方法のツボ処だけ紹介しておきます。

管理画面のタブは

  • 「全般」・・・プラグイン全体の設定
  • 「投稿」・・・投稿・固定ページ・カスタム投稿タイプに対する動作設定
  • 「コメント」・・・コメント欄に対する動作設定
  • 「カスタマイズ」・・・ボタン色の変更、カスタムCSSの追加

の4つがあります。

分かりにくい点は「投稿」タブの「フィルター」という欄。これはチェックを入れた箇所に対していいねコンテンツを表示しないというものですので、サイト全体に表示させたい場合にはノーチェックでOKです。

また、「投稿」「コメント」のログ記録については選択肢の翻訳が分かりにくいので、上から

  1. ログを記録しない
  2. Cookie(ブラウザの一時保存機能)による
  3. IPアドレスによる
  4. ログインユーザー名

と読み替えれば分かるかと思います。
※ヨーロッパ圏からも評価可能なサイトにする場合にはGDPR(個人情報保護方針)が日本と比べて厳しいですので、これに関する記述をすること(IPアドレスで情報取得してまっせ!など)をプライバシーポリシーへ記載することと、もしも開示を求められた場合の開示方法なども明記・対応する必要があると思います(まだ日本ではそれほど厳しくありませんが、対策はしておいた方が無難かと思います)。

ボタンの画像は一応16×16ピクセルが望ましいと書いてありますが、意地悪でビッグな画像を選択してもきちんとリサイズされて表示されました(画像が小さくて何が何だか分からないのでオリジナルのままでいいのでは?と思います)。

最後に、ウィジェットへ「いいね」されたコンテンツのランキングを表示できます。通常のウィジェット設定に新しく項目が追加されますので、表示したい場所へ挿入します。設定項目については見ればわかると思います。サムネイルを表示できるのがいいところだと思います。

プラグイン公式ページにあるスクリーンショットを以下に挿入しておきます

【WP ULike】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

任意の場所へボタンを挿入する方法2つ

このプラグインにはショートコードを使ってボタン表示ができるようになっていますので、特定の記事などだけに表示させたい場合には、自動表示をオフにして表示したいものにだけ

[wp_ulike]

を挿入すればそのコンテンツだけ評価を得ることができるようになります。

また、single.phpなどへ

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

を挿入することで、特定の場所へボタンを表示できるようになります。

このプラグインの脆弱性に関する情報

プラグインはWordpressで作ったサイトを簡単に充実させることができる魔法の追加機能ですが、それを狙って悪意のあるコードを挿入したり、情報を盗み取ったり、最悪の場合はサイトを壊す、乗っ取るといった行為を行う入り口になってしまう可能性があります(これを脆弱性といいます)。

ここではこのプラグインに関して【WPScan脆弱性データベース】で脆弱性が確認されている情報を紹介します。お使いのプラグインのバージョンに該当する情報がある場合には、対策済みのバージョンへ更新する対策が取られていないようであれば別のプラグインの利用を検討するなどの対応をおすすめします。

脆弱性情報一覧

英語サイトからの取得データのため、一覧は英語表示、リンク先も英語ページとなりますので、英語が苦手という方は、同時翻訳が可能なブラウザを使用して閲覧してください

よく出てくる脆弱性警告と簡単な解説・参考サイト
※個人的な理解や解釈ですので、より詳しい内容についてはご自身でお調べください

Cross-Site Scripting (XSS)

フロントエンドから入力などを行うことができるサイトで、フォームに悪質なコードを仕込み、さまざまな方法でログイン情報などを盗み取る行為。より詳しい情報は以下のサイトを見てください(英語サイトです)

SQL Injection

何かを入力して条件などを設定する機能に対して悪意を持って条件を入力することで改ざんを行ったり、情報を盗み取ったりされる可能性を示す警告のことです。


※※ ここにリンク一覧がない場合、現在このプラグインの脆弱性情報はありません ※※

現在情報はありません

WPScan脆弱性データベースの概要

以下WPScanに掲載されている概要の引用文です。WPScanの詳細はこちらを参照ください。

WPScanは、非営利目的の無料のブラックボックスWordPress脆弱性スキャナーであり、セキュリティの専門家やブログの管理者がサイトのセキュリティをテストするために作成されています。

WPScan脆弱性データベースを使ったセキュリティスキャンプラグイン

WPScanへの登録(無料)が必要ですが、現在サイトにインストールされているプラグインやテーマに関して他者から攻撃を受ける可能性があるか(安全なものかどうか)を管理画面からチェックできます。



Wordpress関連の本

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バックアップなどの運用面も丁寧に解説。
できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 できるシリーズ
インプレス
WordPressは無料かつ高機能で、シェア率No.1のCMS(コンテンツ管理システム)です。その拡張性の高さから企業のホームページ制作にも利用されているほどで、ホームページで情報発信をするに当たって、個人でも本気度の高い方はWordPressを利用していることが多いです。本書はそんなWordPressの初期設定から制作、カスタマイズ、運用のノウハウまで幅広く学べる1冊です。

Knowledge Base Wordpress ha-Basic テーマ
  • 記事の作者: ひまあーと(管理人)

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。


いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報