sato-fujiiro.com

wordpressで「いいね(評価)」付きイラストページを作成、公開しました

これまでアップしていたサービスの居心地が悪かったので、いっそのこと自分で作ってみよう、という軽いノリで作ってみました。

仕様(完全に自分用)

もちろん自分しか使わないので、

・Wordpressのカスタム投稿タイプを追加して専用のアーカイブページを作成
・記事のループ内に、リアクション(評価)ボタンを設置

という感じの結構単純な仕組みです。

一気に何十件もアップするようなことはないので、
ページネーションとカテゴリー分けは視野に入れつつ実装してません。
(視野には入れとかないと後々大変なので視野には入ってます)

ちなみにデザインはfigmaで作成しました。

使用したプラグイン「WP-PostRatings」

WordPressのプラグインは多機能で便利なものが多いのですが、
今回は単純にクリック数だけ数えてくれるリアクションボタンということで検討しました。

プラグインのサイトはこちら

カウントのためのデータ保存のためにCookieとIPが使用されています。

1.Open wp-content/themes/<YOUR THEME NAME>/index.php

2.You may place it in archive.php, single.php, post.php or page.php also.

3.Find: <?php while (have_posts()) : the_post(); ?>

4.Add Anywhere Below It (The Place You Want The Ratings To Show): <?php if(function_exists('the_ratings')) { the_ratings(); } ?>

https://ja.wordpress.org/plugins/wp-postratings/

使い方は超簡単。テンプレート(1または2)内にあるループ内(3)にタグ(4)をいれるだけ!

FTPを使える方であれば、マークのデータを差し替えることもできます。

ということですので閲覧よろしくお願いします

最終的な画面

URL:https://sato-fujiiro.com/archives/fis-sousaku

Twitterでも並行してアップしていきます

WordPress・コーディング関連記事

スポンサーリンク

最終更新:2022.03.28

tag:

スポンサーリンク

管理人

おさと(Sato Fujiiro)

黙々と一人で作業することが好きな出不精。デザイン・ウェブ業務経験者。宅飲み派。

詳しくはこちら