# テーマ【Dawn】で追加済みのブログの抜粋をなくしたい

**URL:** <https://community.shopify.com/t/dawn/204450>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [March 31, 2023, 5:22am UTC](https://community.shopify.com/t/dawn/204450 "2023-03-31T05:22:54Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Dawnテーマを使用しているブログで、既に追加済みの抜粋を非表示にする方法についての質問です。

**質問内容:**
- 数記事作成時に抜粋を追加済み
- デザイン変更により抜粋を非表示にしたい
- ブログ記事の編集欄から非表示に戻すと、また表示に戻ってしまう

**回答内容:**
- Dawnテーマでは、抜粋が未入力の場合、本文の一部が自動表示される仕様
- カスタムCSSを使用した非表示方法が提案されています

**具体的な設定手順:**
1. テーマカスタマイズ画面でブログ記事内のカスタムCSSに以下を追加:
```css
.article-card__excerpt {
  display: none;
}
```
2. 保存ボタンを押して完了

画像付きで手順が説明されており、抜粋部分(赤枠)を完全に非表示にできる解決策が提示されています。

<div class="post-metadata">

**Author:** ![sons](https://avatars.discourse-cdn.com/v4/letter/s/94ad74/32.png) [@sons](https://community.shopify.com/u/sons)\
**Post date:** [March 31, 2023, 5:22am UTC](https://community.shopify.com/t/dawn/204450/1 "2023-03-31T05:22:54Z")

</div>

テーマは【Dawn】を使用しています。

ブログを作成時に抜粋を追加して数記事作成済みなのですが、サイトのデザイン変更から抜粋を非表示にしようと思っています。

ブログ記事の編集欄からは非表示に戻せないようなのですが、どうやれば戻せるんでしょうか？

サポート宜しくお願い致します。

---

<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:** [March 31, 2023, 10:44am UTC](https://community.shopify.com/t/dawn/204450/2 "2023-03-31T10:44:22Z")

</div>

ご質問いただいている、ブログの抜粋を非表示にしたいとの件ですが、

Dawnですとブログの抜粋部分が表示される下記画像の赤枠部分は、

抜粋が入力されていない場合、本文の一部が表示される仕様になっていますが、

本文の一部も非表示にしたいとのことで大丈夫でしょうか。

 ![Qcoltd_0-1680259346575.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/b/e/be71b15070a757295b998f041035e14f7db6947b.jpeg)

もし、赤枠部分を非表示にする場合ですと、下記の手順で非表示にすることが可能です。

**設定方法**

**1.**

管理画面でテーマのカスタマイズを選んでいただき、左メニューのブログ記事をクリックしてください。

 ![Qcoltd_1-1680259346605.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/4/7436c140e5cff91614439f7ba51cfdf508990ce8.png)

**2.**

ブログ記事内のカスタムCSSに追加し、保存ボタンを押してください。

 ![Qcoltd_2-1680259347007.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/7/d72ab4a2e58e3f863f1373ea27baf1a7af6ad538.png)

```markup
.article-card__excerpt {
  display: none;
}

```

ご参考まで。

(キュー小坂)