# ブログ記事の一覧表示を1行にしたい

**URL:** <https://community.shopify.com/t/topic/407865>\
**Category:** Shopify テーマ\
**Created:** [April 11, 2025, 2:45am UTC](https://community.shopify.com/t/topic/407865 "2025-04-11T02:45:34Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Dawnテーマを使用してブログ記事をニュース形式で表示する際、トップページで1行表示にする方法についての質問。

**求められた情報:**
- Liquidファイルの修正方法
- CSSの変更箇所
- トップページとブログ記事一覧ページでの実装方法
- 添付画像で希望する表示形式を提示

**解決方法:**
Tsun社の吉谷氏が「Shopifyにお知らせ一覧を表示する方法」というブログ記事を紹介。この記事を参考に、質問者は無事に修正を完了。

**ステータス:** 解決済み

<div class="post-metadata">

**Author:** ![toot-pm](https://avatars.discourse-cdn.com/v4/letter/t/b19c9b/32.png) [@toot-pm](https://community.shopify.com/u/toot-pm)\
**Post date:** [April 11, 2025, 2:45am UTC](https://community.shopify.com/t/topic/407865/1 "2025-04-11T02:45:34Z")

</div>

現在、Dawnを使てページ作成をしております。

ブログ記事をニュースとして利用したいと思っておりますが、トップページに表示させたときに、1行での表示方法が分かりません。

【お伺いしたい事】

下記の様に表示するためのliquidの修正方法と調整するためのCSSの変更場所。

トップページでの修正方法とブログ記事一覧での修正方法。

お手数をおかけしますが、何卒よろしくお願いいたします。

 ![blogs.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/2X/1/1dfe56caa1aa83fee6ead4d23a87ca38f4e8aabc.jpeg)

---

<div class="post-metadata">

**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:** [April 11, 2025, 2:51am UTC](https://community.shopify.com/t/topic/407865/2 "2025-04-11T02:51:36Z")

</div>

はじめまして

株式会社Tsunの吉谷と申します。

下記のブログ記事が参考になるかもしれません。

[Shopifyにお知らせ一覧を表示する方法｜アプリ不要で新着情報を表示](https://tsun.ec/blogs/articles/how-to-display-a-news-list-on-shopify)

以上になります。

ご参考になりましたら幸いです。

---

<div class="post-metadata">

**Author:** ![toot-pm](https://avatars.discourse-cdn.com/v4/letter/t/b19c9b/32.png) [@toot-pm](https://community.shopify.com/u/toot-pm)\
**Post date:** [April 11, 2025, 9:10am UTC](https://community.shopify.com/t/topic/407865/3 "2025-04-11T09:10:58Z")

</div>

参考ブログありがとうございます！  
頂いた方法で修正することが出来ました。

お手数をおかけしました。