大型見出し 1 記事 NEWS
このパーツは、最新ニュースを 1 件だけ大きく見せる「ヘッドライン特化型」のニュースセクションです。上部に星アイコン付きの FEATURED ラベルと日付を置き、その下に大きな見出し、リード文、詳細リンクを縦に重ねています。
このパーツの使いどころと実装ポイント
このパーツは、最新ニュースを 1 件だけ大きく見せる「ヘッドライン特化型」のニュースセクションです。上部に星アイコン付きの FEATURED ラベルと日付を置き、その下に大きな見出し、リード文、詳細リンクを縦に重ねています。複数記事を一覧にせず、いま一番伝えたい 1 本に視線を集中させる構成が特徴で、プレスリリースや受賞報告のように「これだけは見てほしい」情報に向いています。
向いている場面
メディア掲載や受賞、大型アップデート、重要なお知らせなど、注目度の高いトピックを単独で打ち出したいときに使えます。コーポレートサイトのトップに置く速報枠、キャンペーン告知、サービスの節目の発表などに適しています。
カスタマイズと注意点
- 見出しは長くなりがちなので、本当に伝えたい一文に絞り改行位置を調整する
- 日付は
time要素で表し、機械にも日付だと分かる形にしておく - 「FEATURED」ラベルは内容に合わせて「重要」「速報」などへ言い換える
1 件を大きく見せる分、内容の鮮度が落ちると目立ってしまいます。定期的に最新の話題へ差し替える運用とセットで使い、リンク先には記事の全文や詳細ページを必ず用意してください。
よくある質問
複数のニュースをまとめて表示したいときは向きませんか
このパーツは 1 件を強調する用途に特化しています。お知らせを一覧で見せたい場合は、リスト型やカード型のニュースセクションと併用し、この大型見出しは最重要トピックの 1 枠として使い分けるのが効果的です。
見出しが長いとレイアウトが崩れますか
極端に長いと改行が増えて間延びします。見出しは結論を短くまとめ、補足はリード文に逃がしてください。それでも長い場合は最大幅や行間を調整し、読みやすさを優先します。