UtopiaのPortalサイトタイプは、探す・絞る・一覧する体験に最適化されたポータル／ディレクトリ向けレイアウトです。ヘッダー直下に検索バーとカテゴリタグを配置し、その下にカード型のリストを並べます。不動産、求人、店舗、資料库、製品カタログなど「件数が多いコンテンツ」を扱うサイトに適しています。
ライブデモハブのPortalデモで、MediaやBlogとの違いも含めて確認できます。
こんなサイトに最適
- 物件・求人・店舗など一覧＋検索が中心のポータル
- カテゴリ・エリア・条件で絞り込みしたいディレクトリサイト
- ヘッダー下に常時検索UIを置きたいサービス
- カード型リストでスキャンしやすい大量コンテンツ
ライブデモで試せること
Portalライブデモで試せる機能：
- ヘッダー下検索バー（キーワード入力・送信UI）
- 横スクロールまたは折り返しのカテゴリタグ（クリックでフィルター）
- サムネ・タイトル・メタ情報付きリストカードグリッド
- カードクリックで詳細または外部リンクへの導線
- 件数表示・並び替えUI（デモ実装に準拠）
- モバイルでも検索・タグが使いやすいレスポンシブ配置
レイアウトの特徴
Portalの最大の特徴はutopia-portal-search-wrap相当の検索＋タグ帯がヘッダー直下に固定されることです。ユーザーはどのページからでも「探す」行動に入れます。カードは情報密度を保ちつつ、サムネとラベルで判別しやすく設計。サイドバーは補助フィルタや広告に使えます。
他タイプとの違い
- Media：編集特集が主役。Portalは検索・タグ・一覧が主役
- Blog：記事読了体験。Portalは件数探索体験
- Corporate：会社紹介固定ページ。Portalはリスト型コンテンツ
設定のヒント
- デザイン設定 → サイトタイプ「Portal」
- ヘッダー設定 → ポータル検索関連オプションを確認
- カスタム投稿タイプまたは通常投稿＋カテゴリでリスト元データを整理
- カードに表示するメタ（エリア、価格、日付等）をテンプレートまたはブロックで統一
- SEO設定で一覧・詳細のメタディスクリプションを最適化
まとめ
「探す」体験がサイトの核ならPortalタイプが最適です。Portalライブデモで検索帯とカード一覧を操作し、全デモと比較してください。
