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

**URL:** <https://community.shopify.com/t/topic/372672>\
**Category:** 技術的なQ＆A\
**Created:** [November 10, 2024, 6:56am UTC](https://community.shopify.com/t/topic/372672 "2024-11-10T06:56:29Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

ユーザーがSpotlightテーマのトップページで、ブログサムネイルに表示される本文の文字数を変更したいと質問しました。具体的には20文字以降を「…」で省略表示したいという要望でした。

**解決方法:**

1. 管理画面 > テーマ > コードを編集
2. `article-card.liquid` ファイルを開く
3. `{{ article.content | strip_html | truncate: 20, '…' }}` のコードを検索
4. `truncate` の数値を希望の文字数（例：30）に変更

質問者は提供された手順で問題を解決できたことを報告し、わかりやすい説明に感謝の意を表しました。

<div class="post-metadata">

**Author:** ![BAS1](https://avatars.discourse-cdn.com/v4/letter/b/76d3ee/32.png) [@BAS1](https://community.shopify.com/u/BAS1)\
**Post date:** [November 10, 2024, 6:56am UTC](https://community.shopify.com/t/topic/372672/1 "2024-11-10T06:56:29Z")

</div>

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

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

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

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [November 11, 2024, 10:32am UTC](https://community.shopify.com/t/topic/372672/2 "2024-11-11T10:32:31Z")

</div>

@BAS1 様

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

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

### 変更方法

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

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

3.下記コードを検索

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

```

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

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

```

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

 ![Qcoltd_1-1731321086187.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/d/8/b/d8bfadf1017246677a5483b36c649d8a38f57816.png)

ご参考まで。

（キュー小坂）

---

<div class="post-metadata">

**Author:** ![BAS1](https://avatars.discourse-cdn.com/v4/letter/b/76d3ee/32.png) [@BAS1](https://community.shopify.com/u/BAS1)\
**Post date:** [November 12, 2024, 1:02am UTC](https://community.shopify.com/t/topic/372672/3 "2024-11-12T01:02:40Z")

</div>

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