ブログ記事本文の1行目だけを表示させたい

Topic summary

ShopifyのDebutテーマのトップページに表示しているブログ一覧で、「続きを読む」前に記事本文が全文表示されてしまうため、タイトル+本文1行目(優先)またはタイトルのみ(代替)にしたいという相談。

提案・対応:

  • テーマが対応していれば、ブログ記事編集画面の「抜粋(Excerpt)」に表示したい一文を入力して保存すれば、一覧側に抜粋のみ表示できる可能性がある。
  • テーマが未対応の場合は、テーマサポートへの相談/アプリ利用/専門家依頼/Liquidでのカスタマイズが選択肢。

進展:

  • 「抜粋の表示がない」との返答に対し、「抜粋を追加する」から入力欄を出せる旨と、画像付きで場所を案内。
  • Debutテーマでは、抜粋に入力した文章のみが表示されることを確認。

結論:

  • 抜粋機能を使うことで希望どおり表示でき、問題は解決済み。
Summarized with AI on February 26. AI used: gpt-5.2.

デビューテンプレートのトップページにブログを設置しました。

ここで、最新情報をお伝えします。

(○○を更新しました、など。)

「続きを読む」というボタンが表示されるので、

トップページ上では、ブログ記事の全文を表示させることなく、

タイトル+本文1行目だけが表示されるようにしたいです。(優先順位1)

(文章でごちゃごちゃ見えるのを避けるため)

全文を読みたい方は、「続きを読む」から、記事にとんでいただきたいです。

優先順位1が無理なら、

トップページには、ブログタイトルだけを表示でもいいと思っています。(優先順位2)

このような設定は、可能でしょうか?

設定方法含め、教えていただきたいです。

よろしくお願いします。

テーマが対応していれば、おそらくブログ記事投稿画面にある「抜粋」にご希望の一文を入れて保存するだけで実現できるのではと思います。

そのためまずはテーマの設定や動作を確認されることをお勧めします。

テーマが対応していない場合には以下のいずれかになると思います。

  • テーマのサポートに相談する
  • アプリを探す(※ご要望のアプリがあるかどうかは不明)
  • エキスパートやパートナーに依頼する
  • ご自身でliquidを学んでカスタマイズする

ありがとうございます。

抜粋の表示がなかったのですが、その表示方法を問い合わせしました。

教えていただき、ありがとうございます。

確認いただきありがとうございます。

抜粋の表示がなかった

上記ですが、添付画像の赤枠の部分の「抜粋を追加する」をクリックいただければ入力欄が出てくるかと思います。

こういうことではなく、記載された意図を読み違えていましたら申し訳ありません。

なお、ご質問一行目を読み逃していまして、ご利用のテーマは以下のDebutテーマでしょうか?

https://themes.shopify.com/themes/debut/styles/default

この場合でしたら、先ほど私の開発ストアで試したところ前出の「抜粋」に入力した文章のみが表示されることを確認しました。

テーマが違う場合は申し訳ありません。

!!!

解決しました。

ありがとうございます。

これで、すっきりした見た目になりました。

早々のご回答、本当にありがとうございました。

1 Like