# ルックブックの設定と機能

### 学べること

* Lookbook の設定とスタイルの設定方法
* すべてのカスタマイズ設定の概要
* 各機能がレイアウトと表示に与える影響

***

### 📸 Lookbook セクションの概要

一度セクションを追加すると、 **Lookbook** ページに親ブロックとして全体の Lookbook と複数の **Lookbook アイテム** その下にブロックが表示されます。

各 Lookbook アイテムは単一の画像です。グリッドを作るために好きなだけ追加できます。

> 💡 ヒント: ライブプレビューの任意の Lookbook 画像をクリックするとフルスクリーンギャラリーモードに入ります！

***

### 🔧 Lookbook 設定（親ブロック）

設定を開くには **Lookbook** これらの設定にアクセスするにはセクション（アイテムではなく）を選択してください：

#### **コンテンツとデータ**

* **タイトル** – キャンペーン名やタイトルを追加（例： `AW23 CAMPAIGN`)
* **説明** – リッチテキストや説明を追加
* **リンクテキスト + リンク** – コールトゥアクションを追加（例：「コレクションを購入」）

#### **レイアウトと表示**

* **ヘッダーの配置** – 左揃えまたは中央揃え
* **列（デスクトップ）** – 表示する画像の列数を制御（最大 6 列）
* **スクロールアニメーション** – スクロール時にスムーズなアニメーションを有効にする
* **スワイプアニメーション（モバイル）** – タッチデバイスでスワイプ効果を追加する

#### **タイポグラフィ**

* タイトルと説明のフォントサイズと配置を制御

#### **色**

以下の色をカスタマイズ：

* タイトル、説明、リンク
* キャプションテキスト
* ギャラリーコントロール（閉じるボタン、スクロールバー、スワイプアニメーション）

#### **スタイリング**

* **画像の角を丸くする** – 角の半径を調整（例：16px）

#### **間隔**

デスクトップとモバイルの両方でタイトルと説明のマージンスペースを設定

***

### 🖼️ Lookbook アイテムの設定

各 **Lookbook アイテム** は画像にすぎません。

画像を追加または置換するには：

1. アイテムブロックをクリック
2. 画像をアップロードまたは選択

Lookbook セクションの下に好きなだけ画像ブロックを追加できます。

> 💡 ヒント: 画像は親セクションで設定した列数に自動的に配置されます。

***

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応
