# Dawnテーマ｜メインページに引用するブログの本文部分を消したい **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** css\ **Created:** [February 10, 2023, 4:39am UTC](https://community.shopify.com/t/dawn/190771 "2023-02-10T04:39:11Z")\ **Posts on this page:** 5\ **Page:** 1 ## AI-generated summary Dawnテーマを使用しているユーザーが、メインページに引用されるブログ記事について、タイトルのみを表示し本文を非表示または短縮したいと質問。 **提案された解決方法:** 1. **CSSによる非表示:** カスタマイズ画面のカスタムCSS項目で `.article-card__excerpt { display: none; }` を入力することで本文を完全に非表示にできる 2. **抜粋機能の活用:** テーマエディタの「ブログ記事」セクションで各記事の「抜粋」欄に短いテキスト（10文字程度）を入力することで表示内容を制御できる。複数記事を一括変更する場合は、コード編集から `article-card.liquid` ファイルを修正する方法もある **結果:** 質問者は両方の方法を試し、今回は本文を完全に非表示にする方法を選択。将来的に10文字程度の表示が必要な場合は抜粋機能を活用予定。画像付きで具体的な手順が共有されている。
**Author:** ![yuka\_m](https://avatars.discourse-cdn.com/v4/letter/y/45deac/32.png) [@yuka\_m](https://community.shopify.com/u/yuka_m)\ **Post date:** [February 10, 2023, 4:39am UTC](https://community.shopify.com/t/dawn/190771/1 "2023-02-10T04:39:11Z")
DAWNテーマを利用しています。 ページにブログを引用していますが、タイトルのみを表示させ、本文は10文字程度、または表示なしにしたいです。 デフォルトだと、本文表示が長すぎるので、、。ノーコードでは本文表示の切り替えは選択できない認識です。 ---
**Author:** ![track](https://avatars.discourse-cdn.com/v4/letter/t/d07c76/32.png) [@track](https://community.shopify.com/u/track)\ **Post date:** [February 11, 2023, 1:57pm UTC](https://community.shopify.com/t/dawn/190771/2 "2023-02-11T13:57:08Z")
カスタマイズ画面から編集可能です。 セクションをクリックし、サイドバーの一番下に「カスタムcss」項目があるかと思います。 なければ最新ver.にしてください。 ブログページにて各ブログ記事の本文が反映されてしまうが嫌な場合は、カスタムcssで .article-card\_\_excerpt { display: none; } こちらを入力することで本文の表示が消え、スッキリします。 ホームページにブログセクションを追加した場合でも同じコードを入力することで本文が非表示になるのでやってみてください。 ---
**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\ **Post date:** [February 11, 2023, 11:00pm UTC](https://community.shopify.com/t/dawn/190771/3 "2023-02-11T23:00:40Z")
はじめまして 株式会社Tsunの吉谷と申します **_ページにブログを引用していますが、タイトルのみを表示させ、本文は10文字程度、または表示なしにしたいです。_** 「ブログを引用」というのは、テーマエディタのセクション追加で「ブログ記事」を利用して、ブログを表示しているという認識であっていますでしょうか？ ![EAD09363-0B5E-481D-8B4B-5297B16537A2.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/0/d0cc9097d3b1ed9f8afa4e47060fb13ba17ec065.png) 上記の認識があっているのであれば、 ブログ記事の「抜粋」を入力することで、表示情報を変更することが出来ます。 ![kyoshi_tsun_0-1676155008815.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/c/1c0620ec761aeb7f13bdec4a3c25cc1040ba4360.png) **抜粋入力後の表示** ![kyoshi_tsun_1-1676155091769.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/c/3/c3f76cfcea32ad3d610c68b0f03e58ca5fce7e90.jpeg) ブログ記事の件数が多く、どうしても一括で変更したい場合 コード編集から「article-card.liquid」にアクセスし、下記スクショの箇所を修正することで、10文字で表示することが出来ます **コード修正前** ![kyoshi_tsun_2-1676156001228.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/0/9/09f06c562577f7ee006bbe117b622a2f123e68ab.png) **コード修正後** ![kyoshi_tsun_3-1676156033135.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/c/8c2e08f259a4e1bf8b795a9311efdb12a49dd266.png) **コード修正後の表示** ![kyoshi_tsun_4-1676156073547.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/d/8d091f423569c5502cb761165f33ea8dea42f330.jpeg) 以上になります。 参考になりましたら幸いです。 ---
**Author:** ![yuka\_m](https://avatars.discourse-cdn.com/v4/letter/y/45deac/32.png) [@yuka\_m](https://community.shopify.com/u/yuka_m)\ **Post date:** [February 13, 2023, 5:07am UTC](https://community.shopify.com/t/dawn/190771/4 "2023-02-13T05:07:13Z")
ありがとうございます！ご記載の通りの内容で実現できました。 ---
**Author:** ![yuka\_m](https://avatars.discourse-cdn.com/v4/letter/y/45deac/32.png) [@yuka\_m](https://community.shopify.com/u/yuka_m)\ **Post date:** [February 13, 2023, 5:08am UTC](https://community.shopify.com/t/dawn/190771/5 "2023-02-13T05:08:10Z")
ありがとうございます！今回は本文を表示しない方法を選択しましたが、今後10文字くらいにしたい時に活用させていだきます。