WP ULikeプラグインを使ってWordPressの記事や一覧にいいねボタンを追加＆カスタマイズする方法【2022年3月時点】
このブログにいいねボタンを追加したいなと思い、「WP ULike」というプラグインを入れてみたところすぐに記事ページ（single.php）には追加することができました。
ただ一覧表示（archive.php）には追加されなかったので、ショートコードを利用した追加方法と、数字横の「＋」を取るカスタマイズについてまとめました。
ショートコードを利用して追加する
一覧や任意の記事取得時にショートコードで記事IDを指定することで表示可能です。
echo do_shortcode('[wp_ulike for="post" id="記事IDをここに入れる"]');
以下は無償版の各パラメータの説明です。すべて任意の項目です。記述がない場合でも動きますが想定通りに動かないことがあります。
ちなみに有料版だと指定できる項目が増えるっぽいです。
| パラメータ | 説明 |
|---|---|
| for (string) | コンテンツタイプを指定 (post, comment, activity, topic) プラグイン設定内を開き、Configuration内のContent Typesでタイプごとに設定を変えられます。 |
| id (integer) | 投稿記事のIDを指定 |
| button_type (string) | ボタンのタイプを指定 (image, text) |
| style (string) | ボタンテンプレートを指定 （無償版は4種類しかない wpulike-default, wpulike-heart, wpulike-robeen, wpulike-animated-heart） |
| wrapper_class (string) | ラッパータグにクラスを追加する |
数字横の＋を取り除く
こちらはGitHubに載ってました。
functions.phpに以下を追加すればOKです！
add_filter('wp_ulike_format_number', 'wp_ulike_new_format_number', 10, 3);
function wp_ulike_new_format_number($value, $num, $plus)
{
if ($num >= 1000 && get_option('wp_ulike_format_number') == '1') {
$value = round($num / 1000, 2) . 'K';
} else {
$value = $num;
}
return $value;
}
まとめ
最初「WP ULike カスタマイズ」でググってみたものの、「一覧で表示するならfunctions.phpにこの関数を追加しないとダメ！」って書いてあって、試しに入れてみたものの動かなかったんですよね…。
結構その記述が検索上位に出てきてたので、2022年3月現在はこれでいけるんだぞってことでまとめておきました。
forのコンテンツタイプの activity と topic に関しては、おそらく BuddyPress と bbPress のことだと思うんですが、きちんと明記されておらず。
styleのところはドキュメント見てもどこにも書いてなくて結局ソースコード見ました。
もう少しドキュメントが分かりやすいといいのですが、もしかすると私が見つけられてないだけかもです…。
それでも使い方さえわかってしまえばかなり簡単にいいね機能がつけられるのでオススメです！
使い方はGitHubのREADMEを見たら書いてるので（英語ですが）、詳しく知りたい方はこちらへどうぞ！
→https://github.com/Alimir/wp-ulike
