抜粋

注目のリンク

1. ブログ記事の追加と管理に関するShopifyドキュメント
2. コンテンツ用のリッチテキストエディターの使用に関するShopifyドキュメント

Company XYZ Alignテーマでは、Excerptまたは続きを読む区切りを使用して、ブログ記事に表示される短いティーザーテキストを制御します。これらのオプションはそれぞれ用途が異なります。Alignの一部のレイアウトでは1つのソースのみを使用し、その他のレイアウトでは優先順位に従います。

Shopifyでのブログ記事の編集について詳しくは、ブログ記事の追加と管理に関するShopifyドキュメントを参照してください。

ティーザーテキストを制御するもの

Alignでは、短い記事コンテンツに2つのソースを使用できます。

1. Shopifyのブログ記事エディターにある専用のExcerptフィールド。
2. 記事本文に配置した続きを読む区切り。

これらは、すべてのレイアウトで相互に置き換えられるわけではありません。記事カードでは通常Excerptフィールドが使用されますが、ヒーローとアコーディオンでは続きを読む区切りに対応できます。

Excerptフィールドを使用する

本文とは別に簡潔な概要が必要な場合は、Excerptフィールドを使用します。

1. 記事とヒーローのヘッダー。 対応する記事、コレクション、またはページのヒーローのコンテンツに続きを読む区切りがない場合、入力済みの抜粋を使用できます。
2. 記事カード。 グリッド、注目のブログセクション、スライドショーの記事ブロック、関連記事レイアウトでは、通常、Excerptが入力されている場合にのみ説明文が表示されます。このテキストは本文の書式設定なしで、プレーンテキストとして表示されます。
3. 構造化された記事概要。 入力済みの抜粋は、Alignが構造化メタデータを出力する際の記事説明として使用できます。

Excerptが空の場合、記事本文が長い場合や続きを読む区切りが含まれている場合でも、多くのカードレイアウトでは説明文が表示されません。

記事本文に続きを読む区切りを使用する

記事本文のHTMLまたはコードビューに続きを読むマーカーを追加して、ティーザーと残りのコンテンツを分割します。

<!-- more -->

エディターの詳細については、コンテンツ用のリッチテキストエディターの使用に関するShopifyドキュメントを参照してください。

1. マーカーより前のコンテンツは、マーカーに対応するレイアウトでティーザーコンテンツになります。
2. マーカーより後のコンテンツは、完全な記事ページに通常どおり表示されます。
3. マーカーは読者には表示されず、Excerptフィールドにも入力されません。

ヒーローの優先順位

対応する記事および類似のヒーローでは、Alignは次の順序でティーザーテキストを選択します。

1. マーカーが存在する場合は、<!-- more -->より前のコンテンツ。
2. 続きを読む区切りがなく、フィールドに入力されている場合は、Excerptフィールド。
3. どちらも設定されていない場合は、ティーザーなし。

Alignは、本文の最初の段落からティーザーを自動的に作成しません。

アコーディオンに抜粋を表示する

アコーディオンセクションでは、記事またはページ本文全体の代わりに、抜粋形式のコンテンツを表示できます。

1. ブログ記事。 抜粋モードが有効で、記事に<!-- more -->が含まれている場合、アコーディオンにはマーカーより前のコンテンツのみが表示されます。マーカーがない場合は、利用可能であればExcerptフィールドを使用し、それ以外では記事全体を表示することがあります。
2. ページ。 ページの抜粋モードは、ページ本文内の続きを読む区切りに依存します。このアコーディオンの動作では、個別のページ用Excerptフィールドは使用されません。

ヒント

アコーディオンに表示する記事には続きを読む区切りを追加して、長い記事によってパネルが過度に大きくなるのを防ぎます。

記事カードに概要を表示する

記事カードは、抜粋コンテンツに関して最も厳密なレイアウトです。

1. タイトルの下に説明文が表示されるのは、Excerptが入力されている場合のみです。
2. 続きを読む区切りは、カードの説明文を提供しません。
3. カードの説明文には、コンパクトなレイアウトでも読みやすいプレーンテキストが使用されます。

完全な記事コンテンツ

完全な記事ページには、<!-- more -->より後のコンテンツを含む記事本文全体が常に表示されます。Excerptと続きを読む区切りは、ヒーロー、アコーディオン、カードなどのティーザー表示に影響しますが、記事本文自体には影響しません。

Searchとソーシャル共有

1. 構造化された記事の説明。 Excerptが入力されている場合、Alignは構造化メタデータの記事説明として使用できます。ストアのSEOタイトルと説明の設定は、多くの共有プレビューにも引き続き影響する場合があります。
2. 一貫した概要。 カードとメタデータに使用する信頼できる短い説明が1つ必要な場合は、Excerptを使用します。対応するヒーローやアコーディオンでティーザーの長さも制御したい場合は、続きを読む区切りを使用します。

使用例

1. どこでもティーザーを表示する。 カードとメタデータ用にExcerptを入力し、抜粋フィールドに長いHTMLを重複して記述せず、ヒーローやアコーディオンでも制御された分割を行いたい場合は、本文に<!-- more -->を追加します。
2. 抜粋のない長い記事。 Excerptを追加するまで、カードにはタイトルのみが表示されます。ヒーローまたはアコーディオンでのみティーザーコンテンツが必要な場合は、<!-- more -->を追加します。
3. アコーディオン専用のティーザー。 アコーディオンで抜粋モードを有効にし、記事に<!-- more -->を追加してパネルを短く保ちます。マーカーも抜粋もない場合、アコーディオンには記事全体が表示されることがあります。

使用上の注意

1. 適切なエディターモードを使用する。 コメントが文字どおり保存されるように、HTMLまたはコードビューで<!-- more -->を挿入します。ワークフローで同じマーカーが挿入されることを確認していない限り、ビジュアルの続きを読むコントロールでは同じマーカーが挿入されない場合があります。
2. 書式設定を考慮する。 ヒーローとアコーディオンではティーザー部分の書式設定が保持される場合がありますが、記事カードではプレーンテキストの説明文が使用されます。
3. 他のヒーローテンプレートを確認する。 対応するページとコレクションのヒーローでは、記事のヒーローと同じExcerptおよび続きを読むのロジックを使用できます。
4. ティーザーを自己完結させる。 オプションの「続きを読む」および「閉じる」コントロールによって、長いヒーローの抜粋をその場で展開できるため、単独で読んでも意味が通じるティーザー文を作成してください。