# 記事の遷移が横スワイプしかできずに困っています。

**URL:** <https://community.shopify.com/t/topic/227634>\
**Category:** 総合的なディスカッション\
**Created:** [June 26, 2023, 5:25am UTC](https://community.shopify.com/t/topic/227634 "2023-06-26T05:25:53Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

ユーザーがBroadcastテーマを使用したブログページで、スマホ表示時に記事が横スワイプでしか遷移できない問題に直面しています。

**現状の問題点:**
- PC版では記事が4列に綺麗に並ぶ
- スマホ版では記事サムネが横並びになり、1画面に約1つの記事しか表示されない
- 縦スクロールで記事一覧をプレビューできず、横スワイプでしか次の記事を確認できない

**提案された解決方法:**
テーマのデフォルト設定はPC3列・SP1列表示となっているため、以下を確認:
1. **テーマ設定** - カスタマイズ画面右側でPC用列数・SP用列数の設定項目を探す(「モバイルスライダー」などの項目が有効化されている可能性)
2. **ブログセクション設定** - ブログ一覧を埋め込むセクションパーツ内の表示用設定項目を確認

画像付きで具体的な設定箇所が示されています。

<div class="post-metadata">

**Author:** ![KEITA01](https://avatars.discourse-cdn.com/v4/letter/k/e495f1/32.png) [@KEITA01](https://community.shopify.com/u/KEITA01)\
**Post date:** [June 26, 2023, 5:25am UTC](https://community.shopify.com/t/topic/227634/1 "2023-06-26T05:25:53Z")

</div>

タイトルの通り、スマホ形式でブログページを開くと、記事の遷移が横スワイプしかできずに困っています。Broadcastというテーマを使用しています。

PC版ではキレイにブログ記事が4列に並ぶのですが、スマホ版にすると、ブログサムネが横並びになり、1画面にやく１つのブログ記事のサムネと次の記事の左端がちょこっとみえていて、ユーザーは左にスワイプすることで、次以降のブログのサムネが確認できます。

もう少しサムネを小さくして、縦3列ぐらいにして縦にスワイプで記事一覧をプレビューするようにしたいのですが、編集方法がわからずご質問させていただいております。

解決方法ございますでしょうか。

宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![st\_mh](https://avatars.discourse-cdn.com/v4/letter/s/f9ae1b/32.png) [@st\_mh](https://community.shopify.com/u/st_mh)\
**Post date:** [June 26, 2023, 6:11am UTC](https://community.shopify.com/t/topic/227634/2 "2023-06-26T06:11:57Z")

</div>

テーマのデモ画面を見た限り、デフォルトではPC3列、SP1列で表示されます。

[https://themes.shopify.com/themes/broadcast/styles/bold/preview](https://themes.shopify.com/themes/broadcast/styles/bold/preview)

同テーマは導入していませんが、ソースを見れば設計意図が読み取れます。

このブログの列数は、カスタマイズ設定から変更可能かと思います。

以下のどちらかを確認してみてください。

1.テーマ設定

 ![st_mh_0-1687759501424.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/3/43b18c00aefe3d14e52b9e440f1127843b25eba9.png)

左のペンキブラシアイコンから、記事に関する設定項目があるかもしれません。  
（画像はDawnテーマ）

2.ブロックの設定

 ![st_mh_1-1687759567415.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/b/fbd6f80a9b0ca7de65d4dc795a7604aabed4dcd9.png)

ブログ一覧を埋め込んでいるセクションパーツに、表示用の設定項目が用意されているはずです。

画面で言う右側にて、PC用列数、SP用列数（columnと表記されている可能性も）の設定項目を探してください。

また、SPではスライダーとして表示されているようですが、これも「モバイルスライダー」などと表記された項目が有効化されているはずです。
