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