ブログをここに移転してからそういうの付けてなかったんですけど、リニューアルしたじゃにうぇぶでも♡LIKE!押せるようになったことだし付けてみようかと。
……と思ったらなんか試行錯誤することになってしまったというメモ。
このブログはわたしが個人で借りているサーバーで稼働していて、ランキングもないしSNS等でシェアしてくれとかもないです。
♡押してもらえるとわたしがうれしいというだけです。（言い切った）（でも事実）
まず使ってみたのは「WP-PostRatings」というプラグイン。
- インストール＆有効化
- 「評価オプション」でボタンを設定
・ボタンのタイプ（今のは(heart)）
・Googleリッチスニペットはなんとなくいいえにした……
・「評価のテキスト」はhover時に出る文言（たぶん）
・「読み込み中画像とテキストを表示する」もいいえにした。なんとなく - 「評価テンプレート」で表示を変更
・評価テキスト：%RATINGS_IMAGES_VOTE%
・評価済の場合：%RATINGS_IMAGES%
・評価権限がない場合：%RATINGS_IMAGES% (<em>この投稿を評価するには、ユーザー登録が必要です。</em>)
・評価がまだない場合：%RATINGS_IMAGES_VOTE%
・高い評価・たくさんの評価：何もなし - 記事の下に挿入（テーマ編集）
・外観＞テーマエディターでcontent.phpを編集
・<?php
the_content(sprintf(
/* translators: %s: Post title. */
__( ‘Continue reading %s’, ‘twentyfifteen’ ),
the_title( ‘<span class=”screen-reader-text”>’, ‘</span>’, false )
)
);
の後（wp_link_pages(の前）に
if(function_exists(‘the_ratings’)) { the_ratings(); }
を追加 - 固定ページの下にも挿入（テーマ編集）
・外観＞テーマエディターでcontent-page.phpを編集
・<?php the_content(); ?>の後（<?php wp_link_pages(の前）に
<?php if(function_exists(‘the_ratings’)) { the_ratings(); } ?>
を追加
解決できなかったこと
- ♡押した後はhoverすると押された数だけでなく平均値とかも出る（押された数だけでいい……）
- もう1回押したら押してない状態に戻ってほしい（このプラグインでは無理っぽい（二度押しできない））
ちなみに使われてる画像を入れ替えれば（同じファイル名にしてフォルダに突っ込む（要は上書き）という力技）画像変えられるけど、さすがにそれはあかん気がする…ぱっと見ダメとは書いてないけど（想定されてない気がする）（っていうかwidth・heightがプラグインの画像のままだな…cssかどっかいじらないとダメだな…）（つかやっぱこのやり口はダメだ）…。。
その後「WP ULike」でも試行錯誤してみた。
（このプラグインは「自動設置」ONだけで置ける（php編集不要））
外観＞カスタマイズからアイコンをupload、Image Dimensions（とButton Dimensionsも？）のサイズをアイコンに合わせる、でボタン画像を変更できるっぽい。
が、♡押した後の画像が表示されない……というか押した後の画像をuploadする口がないの気のせいか。
うーーーん。
あとは「rng-ajaxlike」がどシンプルでこれはこれでいいかなと思ったんだけど、
記事の上に謎の文言が出てしまったので諦めた……（あとなんか管理画面でエラー警告っぽいものも出た）（エラー内容を撮ってないのでうろ覚え）
2年くらい更新されてないみたいなのでそれでか…？
4つ目（…）、「Thank You Counter Button」
大分更新されてないのが気になるけど、
画像を自分で設定できる（通常とhoverの2つだけ）（押す前と押した後は同じ画像）、
表示がシンプル。
機能もシンプルだけどいっそそれでいいんじゃないかみたいな気もしてきた（疲れか？）。
- Displayでは
Display button at Pages：表示（ON）
Display button at Home page, Categories/Tags archive pages：ホーム・カテゴリ・タグのページに表示（ON）
Do not show button for selected categories ：選択したカテゴリには表示しない - Position in the Post textでは「After」にチェック
Manualにチェックするとphpに書けるってネットで読んだけど、これは好きな位置に入れられるってことだね…？（DisplayをONにすればPosition in the Post textの設定通りに表示されるっぽい） - Button Captionに「LIKE!」って入れたけど画像使うなら意味ないな
- Custom button image URLにはボタン画像、Hover stateの方はhover時の画像
画像にするとクリックされた回数は表示されないっぽい？ - Check IP-addressには同じIPからのクリックを制限する秒数を設定
- thankyou.phpを編集して、hover時のメッセージの「Thanks」を「LIKE!」に
とりあえず今はこれを置いてみてます。
画像ボタンはPCだとちょっと押しづらいかな…わたしが設定した画像が小さすぎなのかも。（♡画像はweb*citron様のものをお借りしています）
あとは自作しかないかなーと思いつつそれはまた結構な試行錯誤になりそうなのでまたの機会にかな…。
自作するとしたら参考はこことかこことかか。
