# セクションと機能

## セクションと機能の概要

### 学べること

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

***

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

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

***

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

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

* **ブログフィードセクション**\
  サムネイル、タイトル、説明付きで最近のブログ投稿を表示します。
* **コレクション表示セクション**\
  コールトゥアクションのテキストやボタンをオプションで付けて特定のコレクションを強調表示します。
* **コレクションリストセクション**\
  複数のコレクションをグリッドで表示し、レイアウトオプションをカスタマイズできます。
* **ダイナミック背景セクション**\
  ビデオ、画像、オーバーレイ、アニメーションを使って没入感のあるページ背景を作成します。
* **メール登録（ポップアップ）**\
  タイマー付きまたは退出意図のモーダルを表示してメールを収集します。
* **メール登録（埋め込み）**\
  ページの任意の場所にインラインのメール登録フォームを追加します。
* **FAQ セクション**\
  カスタムスタイルの拡張可能な質問と回答セクションを作成します。
* **ヒーローセクション**\
  見出し、行動喚起、注目コンテンツに最適な大きなバナー領域。
* **イメージセレクターセクション**\
  ホバー効果とクリックアクションを備えたインタラクティブな画像ギャラリー。
* **イメージストリームセクション**\
  スクロール効果とカスタムレイアウトを備えた流れるような画像ギャラリー。
* **マーキーセクション**\
  お知らせやプロモーションメッセージ用のスクロールテキストバナー。
* **プリローダーセクション**\
  アニメーションやブランド要素を組み込んだカスタム読み込み画面。
* **プロダクトカルーセルセクション**\
  ナビゲーションコントロール付きの横スクロール商品表示。
* **テキストブロックセクション**\
  高度なタイポグラフィとレイアウトオプションを備えたリッチテキストコンテンツ領域。
* **ビデオスポットライトセクション**\
  カスタムコントロールとオーバーレイテキストを備えた埋め込みビデオプレーヤー。

***

### セクションカテゴリ

**コンテンツとテキスト**

* [テキストブロックセクション](/english-ja/readme-1/sections-and-features/text-block-section.md)
* [FAQ セクション](/english-ja/readme-1/sections-and-features/faq-section.md)
* [マーキーセクション](/english-ja/plain-jane-interactive/sections-and-features/marquee-section.md)

**画像とメディア**

* [ヒーローセクション](/english-ja/plain-jane-interactive/sections-and-features/hero-section.md)
* [イメージセレクターセクション](/english-ja/readme-1/sections-and-features/image-selector-section.md)
* [イメージストリームセクション](/english-ja/plain-jane-interactive/sections-and-features/image-stream-section.md)
* [ビデオスポットライトセクション](/english-ja/plain-jane-interactive/sections-and-features/video-spotlight-section.md)
* [ダイナミック背景セクション](/english-ja/readme-1/sections-and-features/dynamic-background-section.md)

**商品とコマース**

* [プロダクトカルーセルセクション](/english-ja/plain-jane-interactive/sections-and-features/product-carousel-section.md)
* [商品ヘッダーセクション](/english-ja/readme-1/sections-and-features/product-header-section.md)
* [製品ロゴセクション](/english-ja/readme-1/sections-and-features/product-logo-section.md)
* [コレクション表示セクション](/english-ja/plain-jane-interactive/sections-and-features/collection-display-section.md)
* [コレクションリストセクション](/english-ja/readme-1/sections-and-features/collection-list-section.md)
* [コレクションロゴセクション](/english-ja/readme-1/sections-and-features/collection-logo-section.md)

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

* [メール登録（ポップアップ）](/english-ja/plain-jane-interactive/sections-and-features/email-signup-popup.md)
* [メール登録（埋め込み）](/english-ja/readme-1/sections-and-features/email-signup-embed.md)

**ブログとコンテンツ**

* [ブログフィードセクション](/english-ja/readme-1/sections-and-features/blog-feed-section.md)
* [ブログ記事セクション](/english-ja/plain-jane-interactive/sections-and-features/blog-articles-section.md)
* [ブログ背景セクション](/english-ja/plain-jane-interactive/sections-and-features/blog-background-section.md)
* [ブログタイムゾーンセクション](/english-ja/plain-jane-interactive/sections-and-features/blog-timezone-section.md)

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

* [プリローダーセクション](/english-ja/readme-1/sections-and-features/preloader-section.md)
* [関連商品セクション](/english-ja/readme-1/sections-and-features/related-products-section.md)
* [アバウトコンテンツセクション](/english-ja/readme-1/sections-and-features/about-content-section.md)
* [About Home Button セクション](/english-ja/readme-1/sections-and-features/about-home-button-section.md)
* [問い合わせ背景セクション](/english-ja/readme-1/sections-and-features/contact-background-section.md)


---

# 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/sections-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.