ホームページ制作をご検討の方向け『オンライン無料個別相談』のご予約はこちら

【WordPress】プラグインWP ULikeでブログにいいねボタンを設置する方法

フリーランスママデザイナーのEmikaです。
中小企業・小規模事業者のWeb担当者向けにホームページ制作やホームページリニューアルに役立つ情報を発信しています。

SNSでは「いいねボタン」がついているのが当たり前ですが、自分のブログやサイトにはもともとついていないですよね?

自分のブログにもいいね機能がほしい!

今回は、WordPressで作った自分のブログやサイトなどにいいねボタンをつけたい方に向けて、「WP ULike」というプラグインでブログにいいねボタンを設置する方法を説明します。

プラグインを使うと簡単に自分のブログやサイトにいいねボタンを設置することができます。

アニメーションがかわいい!いいねボタンのイメージ

いいねボタンをコンテンツの下部に設置し、押した時のアニメーションのイメージです。

 

今回、いいねボタン設置のために使うプラグインは「WP ULike」というプラグインです。

設置する前に知っておきたいWP ULikeのメリットとデメリット

WP ULikeのメリット

  • いいねを押してもらえるといいね数ランキングなどの統計が見れる
  • いいねを教えてもらえるとブログ更新のモチベーションアップにつながる

WP ULikeのデメリット

  • プラグインを入れることでサイトが重くなる可能性がある
  • いいねを押してもらえないと逆にブログ更新のモチベーションがさがる

プラグインを入れすぎると、サイトが重くなる原因になります。
プラグインを入れる時には本当に必要なものなのかしっかり吟味して、厳選したものを入れるように心がけてみてくださいね!

ブログにいいねボタンを設置する手順

  • Step1
    プラグインをインストール
  • Step2
    ボタンの設定

 

まさかの2ステップ!
本当に簡単でした!

プラグイン「WP ULike」をインストールする

ダッシュボードメニューのプラグインを開きます。

 

「新規追加」をクリックします。

 

画面右上にある検索窓で「WP ULike」を検索します。

「今すぐインストール」ボタンをクリックします。

 

「有効化」ボタンをクリックします。

いいねボタンの設定をする

プラグインのインストールが完了すると、メニューに「WP ULike」が追加されているので開きます。

 

「一般」の設定を進めます。

Enable NotificationsをONにしてボタンを表示させます。

 

次に、Content Typesを開きます。

Select a Templateでボタンの種類を選ぶことができます。

自動表示がONになっていることを確認します。

Button Positionでいいねボタンをどこに表示するか決めることができます。
コンテンツの下部がおすすめです。

 

設置したイメージです。

サンプルで入れている文章がコンテンツの最下部です。

その下にいいねボタンが入っていることがわかります。
最初はグレーのハートで「0」になっています。

 

ハートをクリックすると、アニメーションつきでハートが赤色に変わり、横の数字も「+1」となります。

 

いいねを押した時は緑のコメントが、いいねをもう一度押して取り消した場合には青のコメントが、画面の右下に表示されます。

このコメントの文章はWP ULikeの設定の「翻訳」のところから変更することができます。

 

ちなみに、WP ULikeはいいねの統計をグラフなどで見ることができます。

いいね数が多い記事ランキングなども確認できます。

まとめ

今回は、プラグインWP ULikeを使って、WordPressのブログ記事にいいねボタンを設置する方法をご紹介しました。

とても簡単に設置することができるので、初心者の方でも簡単にいいねボタンを実装できるのがおすすめポイントです!

最後まで読んでいただき、ありがとうございます。

ホームページ制作のお問い合わせはこちら

ホームページ制作に関するご相談、ご質問、お見積もりなどを承っております。
お気軽にお問い合わせください。

お問い合わせをする
この記事を書いた人
Emika

独学でデザインとコーディングを学んで起業。
フリーランスママデザイナーとして仕事と育児と家事に奮闘中。
デザインオフィスEmika Designでは小規模事業・個人事業主向け 事業拡大のためのホームページ制作を中心に、Webデザインとグラフィックデザインの制作をおこなっております。

Follow Emika
ホームページ制作
Share this article
Follow Emika
ホームページ制作・運用に役立つブログ|Emika Design Blog
タイトルとURLをコピーしました