# テキストブロックセクション ### **学べること** * サブタイトルと本文テキストの追加と書式設定方法 * 配置、フォントサイズ、色の制御方法 * アニメーション効果の有効化方法 * カスタムフォントのアップロードと適用方法 *** ### 🧩 セクション概要 テキストブロックセクションは、ストーリーテリング、ミッションステートメント、ブランド説明に最適です。次を追加できます： **サブタイトル**、 **メインのテキストブロック**、およびデスクトップとモバイルの両方でレイアウト、タイポグラフィ、間隔をカスタマイズできます。 *** ### セクションの追加方法 1. 「 **Shopify テーマエディタ**」で、クリック **「セクションを追加」** 2. を選択 **テキストブロック** 3. 必要に応じてレイアウト内で配置します *** ### コンテンツとデータ * **サブタイトル**: 小さなラベルまたは導入行（例：「ABOUT US」） * **メインテキスト**: 主要な段落テキスト * 両フィールドはプレーンテキストのみ対応します（HTMLやリッチ書式設定は不可） *** ### レイアウトと表示 * **サブタイトルの配置**: 左揃え、中央揃え、右揃えを選択 * **テキストの配置**: 左揃え、中央揃え、右揃えを選択 > 💡 ヒント：短いミッションステートメントや引用には中央揃えがよく合います *** ### タイポグラフィ設定 #### フォント 組み込みフォントから選択するか、独自のフォントをアップロードできます。 * **サブタイトルフォント** および **テキストフォント**: ドロップダウンから選択 * **カスタムフォントを有効化**: これをONに切り替えて自分のフォントを使用します を使用するには、 **カスタムフォント**、次の手順に従ってください： #### 🛠️ カスタムフォントの追加方法 1. フォントファイルをアップロードします（通常は `.woff2`）を **設定 > ファイル** Shopify管理画面内に 2. ファイルのURLをコピーします 3. テキストブロック設定で： * に貼り付けます **フォント名** （例：「MyCustomFont」）を `カスタムサブタイトルフォント名` または `カスタムテキストフォント名` * に貼り付けます **ファイルのURL** に `カスタムサブタイトルフォントURL` または `カスタムテキストフォントURL` 保存すると、アップロードしたカスタムフォントでテキストがレンダリングされます。 *** #### フォントサイズ デスクトップとモバイルで個別にフォントサイズを調整します： * **サブタイトルのフォントサイズ** （デスクトップ / モバイル） * **テキストのフォントサイズ** （デスクトップ / モバイル） * 切り替え： **太字サブタイトル** または **太字テキスト** 強調表示のために *** ### 色 * **背景色**: 単色またはグラデーションの背景 * **サブタイトルの色** * **テキスト色** すべての色は16進コードまたはShopifyのカラーピッカーで設定します。 *** ### スタイリング * **テキストアニメーション**: 次から選択： * アニメーションなし * タイプライター * フェードアップ * リビール アニメーションはメインテキストにのみ適用され、セクションがスクロールで表示されると発動します。 *** ### 間隔 デスクトップとモバイルの両方で上下のパディングを制御します： * **上の間隔（デスクトップ / モバイル）** * **下の間隔（デスクトップ / モバイル）** * 切り替え： **セクションのパディングを削除** セクションを端から端まで広げるために > 💡 メディア量の多いブロックの間にこのセクションを積む場合は、間隔を増やしてください。 *** ### **ヘルプが必要ですか？** * 💬 **Discordでコミュニティに参加：** * 📧 **メールでお問い合わせ：** * 💻 **ライブチャット：** 月〜金、現地時間午前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/sections-and-features/text-block-section.md?ask= ``` 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.