Built on WIX Headless

チュートリアル / チュートリアル

Harmony で CMS を使って建築ポートフォリオを作る方法

· 建築ポートフォリオ CMS Harmony

Harmony で CMS を使って建築ポートフォリオを作る方法

建築とインテリアデザインのサイトには、作品が増えても最新に保てるプロジェクトアーカイブが必要です — レイアウトを手作業で作り直すことなく。

ハイライト: Repeater 一覧 → ネイティブのダイナミックページ → 各プロジェクトの Dynamic Page + Media Gallery。

1. Projects をモデル化する

次のようなフィールドで Projects コレクションを作成します。

各プロジェクトにページ URL が付くよう、More actions → Add collection page を選びます。パスを控えます。

2. プロジェクト索引(Repeater)

Portfolio ページに Repeater を追加し、Projects を接続し、カバー、タイトル、場所、概要をマップします。グリッドレイアウトを使います。カードまたは「View project」ボタンで Dynamic Page リンクを有効にします。

3. プロジェクト詳細(Dynamic Page)

そのネイティブのコレクションページに Dynamic Page を追加し、Projects を接続し、レイアウトを選びます(Hero または Split がよく合います)。Page path をページのパスに、Page link field を Item slug にします。タイトル、概要、本文、カバーをマップします。

同じ詳細ページに、プロジェクトの Media Gallery フィールドに接続した Media Gallery を追加し、訪問者が画像一式を閲覧できるようにします。

5. 公開

グリッドからプロジェクトを開き、URL、SEO フィールド、ギャラリーを確認します。編集者が CMS に新しいプロジェクトを追加すると、ポートフォリオは自動で更新されます。

Repeater、Dynamic Page、Media Gallery を参照してください。

Harmony で試してみますか? 無料のスターターサイトを作成 CMS for Harmony