創作系個人サイトにいいねボタンをつけてみた話

個人サイトにプラグインを導入して「いいね♡」ボタンをつけてみた話をします。

導入したボタンはWordPressのプラグインを使用しております。
WordPressを使用していない方にはつけ方の参考になりませんのでご注意ください。

WordPressプラグインでいいねボタン設置

私は個人サイトをWordPressを使用して構築しています。
せっかくならば互換性があるものを利用しようということで、色々ツールはありますがWordPressのプラグインでいいねボタン設置を試みました。
(当時のスクショも何もないので文章ベースで失礼をば……。)

プラグインをインストール

いいねボタンの設置に、今回は「WP-PostRatings」を用いました。
理由はシンプルなボタンがつけられる(主張が激しくない)ことと、他のプラグインがなんか設定保存できなくて発狂したためです。

インストール方法は簡単で
1.管理画面ダッシュボードの左ペインから「プラグイン」>「新規プラグインを追加」を選択
2.「WP-PostRatings」を検索
3.「今すぐインストール」ボタンをクリック
の3手順を踏むだけ……! とっても優しくて何も考えたくない脳に助かる!

そのあとはインストール中のぐるぐるが消えるのを待ちましょう。

プラグインの有効化

有効化の手順は1個だけで、「WP-PostRatings」のカード右上にある「有効化」ボタンをクリックするだけ。
そうすると自動的にダッシュボード左ペインに「WP-PostRatings」の設定が湧いて出てきます。このあとはこのペインから設定をしていくことになります。

WP-PostRatingsの設定

まずは「WP-PostRatings」の「評価オプション」設定を開きます。するといっぱいのラジオボタンやら入力欄やら出てくるのでそこで設定します。

ボタンの設定

「評価の画像」からいいねボタンの外観を選びます。
色々ボタンが存在していますが、いいねボタンにしたいので、私は♡(heart)となっているものを選びました。

いいねボタンにできそうだった評価の画像

  • heart
  • heart_crystal
  • stars
  • stars_crystal

次に「最高評価の値」を1にして、評価を入れるだけの仕様に変更します。(ハート型を選んだ場合は1で固定みたいです。)

これでボタンの最低限の設定は完了しました。

表示文言のカスタマイズ

「評価テンプレート」からボタンの横に表示される文言のカスタマイズを行います。
今回カスタマイズをしたのはこの3つのパラメータ。

  • 評価テキスト
  • 評価済みの場合
  • 評価がまだない場合

一言で言うと下記のパラメータを突っ込みました。

%RATINGS_IMAGES_VOTE% %RATINGS_SCORE%

いいねボタンを作品ページに表示

ショートコード作成

完成したらPHPファイルの中にコードを埋め込めば、いよいよ設置完了! なのですが問題があります。

別に全投稿ページに入れたいわけじゃないのに全ページに反映されてしまう

これには少し頭を悩ませましたが、WordPressには「ショートコード」という良い機能がありました。

ショートコードとは
WordPressで使える任意のコード呼び出し機能。めちゃごっつ便利です。

気になる人はGoogle検索してみてね。

ショートコードを作成するために、使用させていただいているテーマの子テーマを「テーマファイルエディタ」から開きます。
そして「functions.php」に以下を貼り付けて保存して出来上がり! 簡単!

function add_iine() {
ob_start();
if(function_exists('the_ratings')) { the_ratings(); }
return ob_get_clean();
}
add_shortcode( 'iine', 'add_iine' );

投稿に貼り付け

いいねボタンを投稿につける準備が整いました。
ショートコードで登録した名前(私の場合はiine)を投稿本文の最後につけて、「更新」を押します。すると……

画面左下にちゃんとついてる……!(※中央揃えにすれば中央に、右揃えなら右に置けます)

矢車
矢車

ちゃんと表示されて嬉しい。とっても達成感。

どこの誰が見てんねんという個人サイトですが、古のWeb拍手というかX(Twitter)というか、そういう“サイト”という雰囲気を構築できたので大変満足でした。

(後日談)数日運用してみて

WP-postratingsには「評価の管理」という項目があるのですが、数日経って見てみたところいいねの欄に変化がありました。

なんか増えとる…!
どなたかがサイトを見てポチッとしてくれたみたいです。
元々自己満足のために(あとSNSがなくなっても使える壁打ち場所として)作ったサイトでしたが、こういうものを見ると、「誰かと好きの共有ができた!」と非常に胸が躍りますね。

いいねボタンは思ったよりも作者側にとって効果が絶大でした。
今しばらくはこのついたいいねを糧にエンジンが回り続けることでしょう。半年は良き創作ライフが送れそうです。

私はいいねが0でも落ち込まないタイプ(そもそも見てくれる方がいるのは稀有だろうと思っているタイプ)なのでポジティブな効果だけでしたが、毒にも薬にもなるので気をつけていきたいですね。

コメント

タイトルとURLをコピーしました