ブックマーク機能は、後で見返したいときに簡単に呼び出せるように保存しておく機能です。
そんな「ブックマーク＝お気に入りに追加」の機能ですが、以前の記事のスニペットをカスタマイズし「ページ一覧でお気に入り解除」の機能を追加したスニペットを、この記事でご紹介します。
かかかず
お問い合わせを多く頂いたスニペットを、今回記事にしました。
以前の記事との違いについてもサンプルを交えご紹介していくので、是非最後までご覧ください。
目次
以前の記事・スニペットとの違い
以前、以下の記事で「お気にり登録」の実装方法をご紹介しています。
プラグイン無しでお気に入りボタンと登録したページ一覧を表示させるスニペット
その時のスニペットをベースに、お気に入り一覧ページへ「お気に入り登録解除ボタン」をさらに追加しています。
つまり上記とこの記事で違うところは、一覧ページに「お気に入り解除」のボタンがあるか？・ないか？の違いです。
かかかず
ので、その部分の違いをご認識の上、当記事をご覧ください。
実装後のマイページのサンプル
早速、実装後のサンプルです。
実装すると、お気に入り登録した記事が一覧で見れる「登録したページ一覧」に、「記事をみる」と「お気に入り登録を解除」のボタンが表示されます。
この「お気に入り登録を解除」をクリックすると、当該記事のお気に入りが解除され、ページ更新をすると一覧から削除されます。
かかかず
面倒だった、記事ページに都度遷移して「お気に入り解除をポチる」という手間がなくなります。
