セクションとブロック

テマでは,セクションを使用して理想的なレ邮箱アウトを作成できます。ほとんどのセクションは,ヘッダー,テキスト,単一画的像,画像のコラージュ,リンクなど,特定の機能を果たすブロックで構成されています。テンプレトのセクションとブロックを使用すると、ストアのコンテンツをより柔軟に配置でき、コードを編集することなくオンラインストアの見た目と雰囲気を管理できるようになります。各テンプレートには、最多25個のセクションを追加できます。

各セクションには,追加できる特定のさまざまなブロックがあります。セクションごとに最多50個のブロックを追加できます。利用可能なセクションとブロックは,テマによって異なります。利用可能なオプションの詳細に,“テ”を参照してください。

一部のセクションでは,追加できるブロック数が制限されたり,特定のタイプのブロック数が制限されたりします。たとえば,[テキスト付き画像]セクションでは,テマのテマデザ。無料のShopifyテマである黎明では,次の各ブロックを1 1 .だけ追加できます。

  • 見出し
  • 段落
  • ボタン

さらに,セクションの[設定]を編集し,画像を含めたり,アラインメント,サイズ,背景色,お客様がオンラインストアにアクセスした際に何が最初に読み込まれるかを選択したりして,セクションをカスタマイズすることができます。

ストアのレアウトに追加するセクションに必要な設定やオプションが含まれていない場合,テマコドを編集するか,テマの開発者にサポトを依頼することができます。

セクションとブロックを使用してテマテンプレトをカスタマズする

テマエディタを開くと,ストアのホムペジがデフォルトで読み込まれます。ドロップダウンメニューを使用して別のテンプレートを選択したり,テンプレートのドロップダウンにある検索バーを使用して特定のページタイプを検索したりすることができます。テンプレートを選択すると,テーマエディターに読み込まれ,変更した内容がエディター上でプレビューできるようになります。

セクションを追加する

オンラ邮箱ンストアのペ邮箱ジに新しいセクションを追加します。

手順:

  1. ドロップダウンメニュからテンプレトを選択します。
  2. [+セクションを追加]をクリックし,リストから新しいセクションを選択するか,[検索]バを使用して特定のワドを検索します。
  3. 新しいセクションをクリックし,セクション内のブロックを編集します。
  4. オプション:ペジのセクションを再配置するには,セクションの横にある[⋮⋮アア。
  5. [保存]をクリックします。

セクションを編集する

  1. ドロップダウンメニュから,編集するセクションが含まれているテンプレトを選択します。
  2. セクションをクリックしてプレビューウィンドウにコンテンツを読み込み,利用可能なオプションにアクセスします。
  3. オプション:個別のブロックをクリックし,セクション内のブロックを編集します。
  4. [保存]をクリックします。

セクションまたはブロックを削除する

  1. ドロップダウンメニュから,編集するセクションが含まれているテンプレトを選択します。
  2. セクションをクリックしてプレビューウィンドウにコンテンツを読み込み,利用可能なオプションにアクセスします。
  3. 目のアコンをクリックし,セクションやブロックを表示または非表示にします。
  4. [削除]をクリックし,ブロックまたはセクションを削除します。

一部のセクションでは、ブロックのタ以及プと制限が固定されています。特定のセクションやブロックに制限がある場合,インターフェイスには,利用可能なX個のブロックのうちX個を使用済みであることが表示されます。ブロックの最大数を使用した場合,既存のブロックを削除するまでブロックを追加できなくなります。

ブロックを使用して作業する

ブロックとは,ペジテンプレトのセクションを構成するカスタマ。ブロックを使用して,テキスト,画像,リンク,ボタンなどを追加できます。

Shopifyテマには,カスタマズ可能なセクションとブロックがあります。一部のセクションには固定のブロックタイプが設定されており,テーマデザイナーがそのセクションで利用可能にしたブロックからのみ選択できます。他のセクションでは任意のブロックを選択できますが,セクションに追加できるブロックの総数には制限があります。セクションで利用可能な最大ブロック数に達すると、上限に達したというメッセージが表示され、既存のブロックが削除されるまで、[+ブロックを追加]オプションがグレアウトされます。

ブロックを追加する

  1. ドロップダウンメニュから,編集するセクションが含まれているテンプレトを選択します。
  2. セクションをクリックしてプレビューウィンドウにコンテンツを読み込み,利用可能なオプションにアクセスします。
  3. [+ブロックを追加]をクリックして新しいブロックを選択するか,[検索]バをクリックして検索ワドを入力します。
  4. [保存]をクリックします。

メタフィルドと動的ソスを使用する

メタフィルドを使用すると、オンラ以及ンストアに動的な情報を表示することができます。メタフィルドをサポートしているテーマを使用している場合、テーマエディターでメタフィールドをセクションやブロックに接続できます。

たとえば,キャンドルのセラーは,販売しているキャンドルのタイプごとに燃焼時間を表示したいと考えます。セラーは,燃焼時間の商品メタフィールドを設定した後,商品テンプレートに燃焼時間のブロックを追加し,商品メタフィールドに連携させることができます。燃焼時間を表示したページのコレクションメタフィールドを設定した後,セラーはコレクションテンプレートにブロックを追加し,コレクションメタフィールドと連携させることができます。

動的ソースを使用できるセクションまたはブロックを追加すると,オンラインストアに動的な情報を表示することができます。動的ソスは,商品テンプレトのセクションやブロックで使用できます。商品以外のテンプレートでは,商品を表示するセクションやブロックで動的ソースを使用することができます。テンプレトでは,メタフィルドを接続する前に,メタフィルドを追加する必要があります。テーマでメタフィールドと動的ソースを使用する方法の詳細については、「動的ソスを参照してください。

設定プロセスを完了した後,次の手順に従って動的ソスをテンプレトに挿入します。

  1. ドロップダウンメニュから,編集するセクションが含まれているテンプレトを選択します。
  2. 既存のセクションをクリックしてプレビューウィンドウにコンテンツを読み込んで利用可能なオプションにアクセスするか,[+セクションを追加]をクリックします。
  3. [+ブロックを追加]をクリックしてから,動的ソスを接続します。
  • “動的ソースを接続する”のアイコンが表示されている場合,アイコンをクリックして単一のメタフィールドを選択します。
    连接动力来源
  • “動的ソスを接続する”のアコンに(+)が表示されている場合,アイコンをクリックして一度に1つずつメタフィールドを追加することで,最大20のメタフィールドを選択します。
    插入动态源图标
  1. [保存]をクリックします。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す