Studio CMS設計術 ｜クライアントが何も触らなくても「新着」を付ける

最新記事にだけ「新着」バッジを出したい

━━━━━━━━

こういうときに一般的に使われるのが「ブール値」です。

記事ごとにスイッチを用意して、最新のものだけオンにする。

シンプルで王道の作り方です。

でも、運用がクライアントに渡った瞬間、これが地雷になることも…

━━━━━━━━

✅そもそもブール値って何？

✅どの記事のチェックを外すの？

✅どれに付け直すんだっけ？

 ━━━━━━━━

更新のたびにこの判断を迫られる。内製化したいのに、毎回ひと手間増える。地味だけど、確実にストレスが積み上がっていきます💦

であれば、誰もスイッチ（ブール値のボタン）を触らない設計にするのがベター👍！

ポイントは、Studioのリスト機能にある「最初のアイテム」機能です。 公開日を新しい順に並べておけば、先頭は常に最新記事。この先頭だけ見た目を変えられる、という発想を使います。

━━━━━━━━

やることはシンプル。

① バッジを全アイテムに置いて不透明度0%（ぜんぶ隠す） 

②「最初のアイテム」のときだけ不透明度100%

 ━━━━━━━━

これだけで、先頭＝最新記事にだけバッジが現れて、他は隠れたまま。 クライアントは記事を公開するだけ。あとは表示側が勝手に「最新」を判定してくれるので、手動のオンオフはゼロになります👍

効果が出るのは、CMS一覧をそのまま並べた記事一覧ページや、ページ内の1セクションにCMS一覧を埋め込んだレイアウト。

「触らなくても、常に一番新しい記事だけにバッジが付く」状態が作れます🎖️

ハマりどころはひとつだけ。 ホバー設定と同じで、当たり判定になる親要素と、実際に動かす子要素の関係を取り違えないこと。ここさえ押さえればOKです👍

具体的な操作は、動画で全部見せています。

クリック単位で追えるので、手を動かしながら組んでみてください 👇️

Style Up WebではStudioの"できない"を"できそう！に変える"

をモットーにStudio初心者の方や、「なんとなく使えてはいるものの、実務レベルで使えているか不安…」という方を対象に、懇切丁寧なレクチャーを行っています。

集客につながるホームページが欲しい方、最短・最速でLPを立ち上げたい方に向けて、Studioを用いたホームページ・LP制作のサービスもご用意しております。

Studioの使い方から実務レベルのサイト構築まで、一貫してサポートいたしますので、どうぞお気軽にお問い合わせください。