【SWELL実録／リッチカラム】縦長を防ぐ！「横スクロール」で読みやすさが一段アップ

この記事では SWELL (WordPressテーマ)の便利な機能「リッチカラム」についてご紹介。
中でも、私が最も重宝しているのが 横スクロール機能 です。

スマホ閲覧を意識した記事構成を作りたい方は、ぜひチェックしてみてください。

まずは、実際に設置しました。

こんな感じ

リッチカラムを使う理由と効果

ブログを書いていると、どうしても 縦に長くなりすぎる ことがあります。
特に比較表や解説系の画像を並べたいとき、縦に積み重ねると読者が途中で離脱してしまうことも。

そんなときに便利なのが「リッチカラム」です。

カラム（＝横並び）で要素を整理できるだけでなく、横スクロール表示ができる のが大きな特徴 

私はこの横スクロール機能を使うようになってから、「スマホで見てもテンポよく読める」と感じるようになりました。

画面を下に送り続けるよりも、指を横にスッと動かして読めるほうが自然。
その操作感が、結果的に「離脱しづらい構成」につながっていると思います。

【画像でわかる】使い方

設定はとても簡単です。

ブロックを追加

すべて表示

リッチカラムを選択

右側で、細かな設定が可能です。

例「PCビュー：4カラム表示」
にする場合の作業

個人的オススメ
【横スクロール】

慣れてきたら、カラム幅をデバイスごとに調整したり、列数を変えてみても良いと思います。
┗ PC・タブレット・スマホ それぞれに最適な見せ方ができるのもリッチカラムの強みの1つ

実例紹介：リッチカラムを活用しているページ

実際に、リッチカラムの横スクロールを活用している例を2つご紹介します。
どちらも SWELLのデフォルト機能だけで構成 しており、特別なプラグインなどは使っていません。

▶ Z家の裏側（私の別サイト）

該当箇所へ ツタエル富山～Z家の日常～

▶ 妻が運営する地域ブログ「ツタエル富山」

該当記事へ ツタエル富山

使ってみるとわかる変化

私は記事を作るとき、常に「自分が読者だったらどう感じるか？」を意識しています。
ブログを始めたばかりの頃は情報を縦に並べていたため、「読んでいて飽きる」「同じ構成が続く」と感じることもありました。

しかし、横スクロールを取り入れると視線の動きが変わり、ページに“リズム”が生まれたと思います。

スマホで見る人が多いので重要な観点かと思います。

結果として、離脱を防ぎつつ、より多くの情報を整理して伝えられるようになったと感じています。

注意点とコツ

• 横スクロールは3〜4列までが理想
  → 多すぎるとスクロールが長くなり、この絵のカラムは見られなくなる可能性が高い 
• 背景色や枠線で区切ると整理しやすい
  → 色の使い方ひとつで印象がガラッと変わります

個人的には をよく使います

カラムごとの内容を簡潔に説明できるので便利。
横スクロールと相性が良いと感じています 

まとめ

リッチカラムは、「情報を多く伝えたいけど、縦に長くしたくない」 という悩みを解決してくれる便利な機能。

特にスマホでの読みやすさを意識するなら、横スクロールは必ず覚えておくべき要素の一つかと思います。

といったところで今回はこのあたりで。