⚙️ルックブックの設定と機能

あなたが学ぶこと

  • Lookbook の構成とスタイル設定方法

  • すべてのカスタマイズ設定の概要

  • 各機能がレイアウトや表示に与える影響


📸 Lookbook セクション概要

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

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

💡 ヒント: ライブプレビューの任意の Lookbook 画像をクリックしてフルスクリーンギャラリーモードに入れます!


🔧 Lookbook 設定(親ブロック)

をクリックして、 Lookbook これらの設定にアクセスするにはセクション(アイテムではなく)を:

コンテンツとデータ

  • タイトル – キャンペーン名やタイトルを追加(例: AW23 CAMPAIGN)

  • 説明 – リッチテキストや説明を追加

  • リンクテキスト + リンク – コールトゥアクションを追加(例:「SHOP COLLECTION」)

レイアウトと表示

  • ヘッダーの配置 – 左揃えまたは中央揃え

  • 列数(デスクトップ) – 表示する画像の列数を制御(最大6列)

  • スクロールアニメーション – スクロール時にスムーズなアニメーションを有効にする

  • スワイプアニメーション(モバイル) – タッチデバイスでスワイプ効果を追加

タイポグラフィ

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

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

  • タイトル、説明、リンク

  • キャプションテキスト

  • ギャラリーコントロール(閉じるボタン、スクロールバー、スワイプアニメーション)

スタイリング

  • 画像の角を丸くする – 角の半径を調整(例:16px)

間隔

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


🖼️ Lookbook アイテム設定

Lookbook アイテム は単なる画像です。

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

  1. アイテムブロックをクリックする

  2. 画像をアップロードまたは選択する

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

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


ヘルプが必要ですか?

  • 💬 Discord のコミュニティに参加してください: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能

最終更新