FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

ブログの表示する文字数を変更したい

解決済

ブログの表示する文字数を変更したい

BAS1
訪問者
2 0 0

spotlightのトップページにブログサムネイルを表示させた際に、表示させるブログ本文の文字数を変更したいです。

具体的には、20文字以降は…と表示させたいです。

ご存知の方お指導お願いいたします。

1 件の受理された解決策

Qcoltd
Shopify Partner
1165 470 455

成功

@BAS1

 

spotlightテーマのブログサムネイルの本文に文字制限をかける件ですが、

下記の方法で調整できるかと思います。

 

変更方法

1.管理画面 > テーマ > 『•••』 > コードを編集をクリック

2.ファイルを絞り込むに『article-card.liquid』を入力し対象ファイルを開く

3.下記コードを検索

 

{{ article.content | strip_html | truncatewords: 30 }}​

 

4.上記コードを下記コードに変更

 

{{ article.content | strip_html | truncate: 20, '…' }}​

 

 

以上で、下記の様に表示されます。

Qcoltd_1-1731321086187.png

 

ご参考まで。

(キュー小坂)

 

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1165 470 455

成功

@BAS1

 

spotlightテーマのブログサムネイルの本文に文字制限をかける件ですが、

下記の方法で調整できるかと思います。

 

変更方法

1.管理画面 > テーマ > 『•••』 > コードを編集をクリック

2.ファイルを絞り込むに『article-card.liquid』を入力し対象ファイルを開く

3.下記コードを検索

 

{{ article.content | strip_html | truncatewords: 30 }}​

 

4.上記コードを下記コードに変更

 

{{ article.content | strip_html | truncate: 20, '…' }}​

 

 

以上で、下記の様に表示されます。

Qcoltd_1-1731321086187.png

 

ご参考まで。

(キュー小坂)

 

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
BAS1
訪問者
2 0 0

解決いたしました。わかりやすく説明していただきありがとうございました。