真っ黒なオウンドメディア

黒を基調とするブログ&メディア向けテンプレート

Studio CMS を活用したWebサイトを制作するためのテンプレートです。

このテンプレートのダミーコンテンツは、架空のオンラインマガジン「Nocturn」をテーマにしています。「Nocturn」は、闇をテーマにした短編小説、詩、エッセイを集めたマガジンです。

中身を差し替えるだけで、ダークテーマ、暗い配色のオウンドメディアを最短で構築できます。

テンプレートの機能

• 読みやすさの追求

• カスタマイズ性に配慮したデザインデータ構造

• 細部にこだわったホバーアニメーション

• CMSを使った編集しやすいコンテンツ

読みやすさの追求

ブログ&メディアにとって、コンテンツの読みやすさは命です。PC、タブレット、モバイルなど、さまざまな画面サイズで違和感なく読めるよう設計しました。文字のスタイル（サイズ・文字間・行間）や余白などにもこだわっています。

カスタマイズ性に配慮したデザインデータ構造

カテゴリ・タグ・検索などのパーツをコンポーネント化し、全てのページに配置しました。余分なボックス・スタイル設定も極力排除し、独自のカスタマイズを加える際の工数を減らせるよう努めました。

細部にこだわったホバーアニメーション

インタラクションは全体的にゆったりしています。カーソルをのせた瞬間は早く、離すとゆっくり元に戻ります。配色など各種スタイルは、黒背景の中で要素の輪郭がしっかりと浮かび上がるよう調整しました。

CMSを使った編集しやすいコンテンツ

記事モデルは、カテゴリー（単一選択）、タグ（複数選択）、著者という、よくあるプロパティ構成にしています。ヘッダーに常時表示するカテゴリメニューは、CMSダッシュボード上で項目表示をON/OFFで切り替えられます。

また、「固定ページ」モデルを用意しました。サンプルとして「このサイトについて」「プライバシーポリシー」を投稿しています。「会社概要」「特定商取引法に基づく表記」など、必要に応じてCMSからページを追加し、さらにフッターメニューでの表示切り替えもできます。

テンプレートの構成

ページ構造（デザインエディター）

• ホーム（カルーセル、全記事一覧）

• 記事一覧 - カテゴリ別

• 記事一覧 - タグ別

• 記事一覧 - 著者別

• 記事一覧 - 検索結果

• 記事詳細

• 固定ページ

• 問い合わせ

• 問い合わせ完了

• 404 Not Found

• モーダル - メニュー

CMSモデル構造

• ブログ記事

• ├ 記事 カテゴリ

• ├ 記事 タグ

• └ 記事 著者

• 固定ページ（このサイトについて、プライバシーポリシー、など）

サポートについて

テンプレート購入後、制作中に問題が発生した場合は、Studio Storeテンプレートデザイナー詳細プロフィールページのメールアイコンからお問い合わせください。改善すべき点やご要望なども、ぜひお寄せください。