WordPressにお気に入り機能を追加できるプラグイン:Favorites

Photo by rawpixel on Unsplash

WordPressにお気に入り機能を追加できる「wp favorite posts」を使っているWEBサイトでエラーが出るようになりました。原因はphpのバージョンでphp7.1.xからエラーが出るようになったようです。更新が3年ほどされていないようでしたので、代替のプラグインを探して「Favorites」というプラグインを見つけました。

Favoritesのインストール

ダッシュボード プラグイン>新規追加 をクリック

favorites と入力すると

このプラグインが見つかりますので、今すぐインストールをクリック

有効化をクリック。これでインストールが終了です。

インストールした直後にすでに「お気に入り」ボタンが出るようになっています

インストールする前は

このような投稿の表示でしたが、インストール後に見ると

このように投稿本文の下お気に入りボタン Favorite☆ が表示されていました。

このボタンをクリックすると、

このように Favorited★と表示が変わりました。お気に入りに登録済みという感じでしょうか。

お気に入り一覧を見てみる

お気に入りの一覧を作ってみます。

ダッシュボード 固定ページ>新規追加 をクリックして

ブロックエディターなら

クラシックエディターなら

このように

と入力します。

これを表示すると、

このようにお気に入りボタンをクリックしたページの一覧が表示されます。お気に入りはクッキーに保存されるので、ブラウザごとに表示されます。別のブラウザでお気に入りボタン**をクリックして一覧を表示させると

このように、別のリストが表示されます。

表示のカスタマイズをしてみる

これまではインストールした状態で見ていましたが、表示をカスタマイズしてみようと思います。

ダッシュボード 設定>Favorites をクリック

Display & Post Typesをクリック

ここで表示をカスタマイズすることができます。

Enabled Favorites for:で、どのPost Typeお気に入りボタンを表示させるかを指定しています。インストール直後には投稿だけにチェックが入っています。ここにチェックが入っていてもお気に入りボタンが表示されないときは

Settingsボタンをクリックして

本文の前に表示したいとき:Insert Favorite button before content
本文の後に表示したいとき:Insert Favorite button after content

のどちらか(あるいは両方)にチェックが入っているかどうかを確認して下さい。

ボタンの色を変更したいときは

Specify custom colorsのチェックボックスをクリックして

このように色を選んでみます。

ボタンの文字を変更したいときはここを変更します。

このようにしてみました。

お気に入りに入れられた数を表示するには、

Include Total Favorite CountInclude count in buttonにチェックをします。

とりあえずこの状態で

変更を保存をクリックします。

表示を確認します。

このようにお気に入りボタンが変更されました。またお気に入りに入れられた数(1)も表示されています。このボタンをクリックすると、

このようにお気に入りボタンの色などが変わったことと、お気に入りにいられた数が2になったことがわかります。

まとめ:Favoritesはインストールや設定が簡単でした!

というように、このプラグインFavoritesはインストールや設定が簡単でした。まだちょっとさわり始めたばかりなので「全員のお気に入り一覧」とか「お気に入り人気順表示」なども表示してみたかったのですが、ショートコードでできるかどうかがよくわかりませんでした。

phpを触ればなんとかできそうな気もするので、またそれらがわかりましたらブログに書いてみたいと思います。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサー広告
トップへ戻る

ゆうそうとについての説明

ゆうそうと とは東京都八王子市を中心として、WordPressによるWEBサイトの作成や、スポットでのIT相談を行ったり、年間契約でのIT顧問をなりわいとして活動しています。

特徴としては30年以上IT業界でプログラムを中心として仕事をしてきたものと、美大出身のデザイナーがワンストップで対応するため、幅広い対応が可能であることです。

IT相談は直接お会いしてのご相談の他、ZOOMによるオンライン相談も可能です。