🧩セクションと機能

セクションと機能の概要

学べること

🧱 柔軟でテーマネイティブなセクションの完全な一覧 🎯 Plain Jane と Interactive での使用場所と方法 🔀 イマーシブなレイアウトや従来のレイアウトとどのように組み合わせるか


Plain Jane テーマでは、幅広い再利用可能な セクション を利用でき、これらは積み重ねたり、スタイルを設定したり、順序を変更してダイナミックなページを作成できます。これらはすべてのバージョンで動作します — 例えば Plain Jane Starter, Interactive、および Standard.

💡 セクションは 任意のページ に Shopify テーマエディタから追加できます — ホームページ、カスタムページ、パスワードページ、そして今では Interactive Space レイアウト内にも.


サポートされるセクション

箱から出してすぐ使えるものを簡単にご紹介します:

  • ブログフィードセクション サムネイル、タイトル、説明付きで最近のブログ投稿を表示します。

  • コレクション表示セクション コールトゥアクションのテキストやボタンをオプションで付けて特定のコレクションを強調表示します。

  • コレクションリストセクション 複数のコレクションをグリッドで表示し、レイアウトオプションをカスタマイズできます。

  • ダイナミック背景セクション ビデオ、画像、オーバーレイ、アニメーションを使って没入感のあるページ背景を作成します。

  • メール登録(ポップアップ) タイマー付きまたは退出意図のモーダルを表示してメールを収集します。

  • メール登録(埋め込み) ページの任意の場所にインラインのメール登録フォームを追加します。

  • FAQ セクション カスタムスタイルの拡張可能な質問と回答セクションを作成します。

  • ヒーローセクション 見出し、行動喚起、注目コンテンツに最適な大きなバナー領域。

  • イメージセレクターセクション ホバー効果とクリックアクションを備えたインタラクティブな画像ギャラリー。

  • イメージストリームセクション スクロール効果とカスタムレイアウトを備えた流れるような画像ギャラリー。

  • マーキーセクション お知らせやプロモーションメッセージ用のスクロールテキストバナー。

  • プリローダーセクション アニメーションやブランド要素を組み込んだカスタム読み込み画面。

  • プロダクトカルーセルセクション ナビゲーションコントロール付きの横スクロール商品表示。

  • テキストブロックセクション 高度なタイポグラフィとレイアウトオプションを備えたリッチテキストコンテンツ領域。

  • ビデオスポットライトセクション カスタムコントロールとオーバーレイテキストを備えた埋め込みビデオプレーヤー。


セクションカテゴリ

コンテンツとテキスト

画像とメディア

商品とコマース

メールとエンゲージメント

ブログとコンテンツ

ユーティリティとエフェクト

最終更新