UtopiaのBlogサイトタイプは、個人ブログから企業オウンドメディアまで、記事を読む体験に最適化されたレイアウトです。一覧ではカテゴリフィルターで絞り込み、サイドバーで関連情報を補完し、記事詳細では目次・関連記事で読了率を高めます。Mediaの雑誌感より、シンプルで継続的な発信に向いたタイプです。
ライブデモハブのBlogデモで、実際の操作感と他タイプとの違いを確認してください。
こんなサイトに最適
- 個人・フリーランス・小さなチームの発信ブログ
- 企業のオウンドメディア（ノウハウ・事例・ニュース）
- カテゴリ別に記事を整理し、検索・フィルターで探しやすくしたいサイト
- 長文記事に目次を付け、読みやすさを重視するコンテンツ
ライブデモで試せること
Blogライブデモで体験できる主な機能：
- 記事一覧のカテゴリ／タグフィルター（クリックで絞り込み）
- サムネ・日付・抜粋付き記事カードリスト
- 記事モーダルまたは詳細ページでの快適な読書レイアウト
- サイドバー：プロフィール、カテゴリ、人気記事、広告枠
- 記事内目次（H2/H3自動生成）と関連記事ブロック
- 著者ボックス（アバター・プロフィール・リンク）
レイアウトの特徴
Blogはタイポグラフィと余白を優先した読みやすい1カラム＋サイドバー構成。記事幅はレイアウト設定で調整でき、長文でも目が疲れにくい行間・フォントサイズを維持します。フィルターUIはJavaScriptで軽量に動作し、ページ遷移なしでカテゴリ探索が可能（デモ環境の実装に準拠）。
SEO設定・パンくず・Schema.org出力も標準装備。更新頻度の高いブログでも検索向けメタ情報をテーマ側で管理できます。
他タイプとの違い
- Media：特集ヒーロー＋雑誌風グリッド。Blogは一覧＋フィルター中心
- Portal：検索バーとタグクラウドが主役。Blogは執筆・読了体験が主役
- Corporate：サービス固定ページ。Blogは投稿（post）が中心
設定のヒント
- デザイン設定 → サイトタイプ「Blog」
- 本文フォント・行間を読みやすく（Noto Sans JP、Source Serif 等）
- コンテンツ設定 → 目次・関連記事・著者ボックス・パンくずをON
- カテゴリを3〜8程度に整理し、フィルターが意味を持つようにする
- Ads設定でサイドバー・記事下に広告を配置（収益化ブログ向け）
まとめ
継続的な記事発信ならBlogタイプが最短ルートです。Blogライブデモでフィルターと読書UIを試し、必要なら料金ページでプランを確認してください。
