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

### 学べること

* 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）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/readme-1/pages-and-menus/lookbook-page/lookbook-settings-and-features.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
