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