Reiketsu.netをご覧の皆さんこんにちは。このサイトのデザインやコーディングを担当しているaotoです。
今回各キャラクターのコンボ投稿ページ内の新規追加したコンボにNEWマークを表示して新規追加されたコンボレシピをわかりやすくする機能を新規実装しました。
実装の背景
現状Reiketsu.netではトップページに更新履歴機能が実装されており、この部分もWordPressのデフォルト投稿公開機能を改修して更新内容を入力できるようにしたり、表示順を最新（最上位）に上げるか否かを任意に選択できるようにしています。
この更新履歴機能があるのでコンボレシピや動画の追加がトップページですぐにわかるのですが、これは該当キャラクターのコンボ投稿ページ自体の更新は告知できるものの、そのページにどんなレシピが追加されたのか？というのは告知できませんでした。
いくら更新履歴に「コンボレシピを追加しました」とコメントを書いても、コンボ投稿ページの更新があった際に新規追加コンボがどれか？が一目でわからなければ不便ですよね。
新規追加コンボの告知機能を実装
という事で実装したのですが、この機能実装前の仕様ではコンボレシピ自体にIDも追加日時といったカスタムフィールドもありませんでした。つまりそのままでは「どれが新規追加コンボか」は自動で追うことができません。
そこで、このコンボレシピ用の管理IDを作成・付与し、管理モード上でも制御できるように改修を行う形で機能実装を行いました。
この様にNEWアイコンと共に枠色もアクセントカラーの紫になりますので、新規追加コンボレシピが一目でわかりますし、絞り込み検索の文字色も差別化の為に同色の紫に設定しています。
表示のルール
- そのキャラクター投稿の中で、一番新しい追加日に登録されたコンボレシピにだけ「NEW」マークが付きます。
- 同じ日に複数本追加した場合、その日に追加した分にまとめて「NEW」マークが付きます。
- 別の日にさらにコンボを追加すると「NEW」マークは新しい追加日の分だけに切り替わります。
- 既存コンボのレシピ修正や、後からコンボ動画だけを追加した場合には「NEW」マークは付きません。
- コンボプリント機能では新規追加コンボの告知機能は除外していますので、通常のコンボレシピと同じ見た目で印刷されます。
以上、新規追加コンボの告知機能・絞り込み機能のリリースノートでした。
