タイ国アユタヤ海外情報のホームページへようこそ。筆者はタイ在住10年になりました。タイの生活・仕事・旅行・子育てなど現地住みならではの情報をお届けします。仕事で初めてタイに来ました、最初は牢獄生活のブラ〇〇企業。国際結婚をしてハーフの娘を授かります。現在はホワイト企業で幸せな日々を暮らしてます。タイに少しでも興味のある方々の力になれれば幸いです。
カード表示が崩れる対処方法

こんにちわ。

投稿記事が増えるとメニューやサイドバーを良くしないと記事を見てもらえません。

せっかくホームページに来てもらったのに途中で回避されます。

読んで欲しい記事を見てもらうにはメニューやサイドバーを工夫する必要があります。このため、メニューにカテゴリーを作成してカテゴリーページへジャンプするようにしました。

ところが、完了した状態をPCで確認したものの、スマホで確認すると、カードのサイズがバラバラになって崩れてました。

Cocoonでカテゴリーページを表示したらモバイルでは崩れていた

PCではきちんとタイル表示されているのですが、スマホでは重なりあってしまいにはページ送りのアイコンまで隠すしまつです。

あまりプラグインも増やしたくないので、一番スッキリした方法を解説

Cocoonでカテゴリー表示スマホで崩れる場合の対処方法

スッキリ並んでまとまりました!

当たり前ですがページ送りも表示されてます。

WORDPRESS スマホでカテゴリー表示崩れを修正する方法

Cocoonの設定画面からインデックスを選びます。

エントリーカード(デフォルト)にしました。

簡単ですね。他のテーマ使用のかたでもカード表示をデフォルトにすることで改善できるかもしれません。