初心者です。よろしくお願いします。
ワードプレス、テンプレートはAFFINGER4を使用しています。
カスタマイズしたのは大きくは以下の2点です。
- 個別記事下部の「おすすめ記事」をグリッド表示にする。
参考にしたサイト
0. サイトトップの記事のならびをブロック状にして2列表示する。
参考にしたサイト
両方とも、PCでは望む形になりましたが、スマホやタブレットではデフォルトのままです。スマホなどでもPCとおなじようなグリッド表示にするにはどうすればよいでしょうか?
詳細
- 全て子テーマで編集。functions.phpは付属していたものを使用、header.phpなどは親テーマをコピーしてカスタマイズし、子テーマにアップした。CSSは付属していたものを使用。
- 公式のCSSが効かない時の手順を試すが、デザインが崩れてしまった(全てが巨大化した)ため現在はオリジナルカスタマイザー等はオンのまま。
- クロームの検証で見るとPCもスマホも望む姿で表示されている。
(一度だけ、ウィンドウを広げたりしているときにデフォルト表示になったことがある)
疑いと試した事
- キャッシュを疑ってリセットしてみた。変わらず。(リセットできていない?)
- スマホ側ではCSSが効いていないだけではなく、itiran-thumbnail-on.phpで編集した「トップでの記事一覧で、タグ表示を取得しない」や上記サイトを参考にしたhome.php、category.php、archive.php、search.php、などで行った「記事のカード化」「サムネイルを横長に」なども全て反映されていない。→phpの記述が間違っている?
- 参考にしたサイト(2列表示の方)がstingerだったのが影響した?
- ワードプレスの他のプラグインなどが干渉している?
- カスタマイズにあたり、Thema Test Driveを使用、その時の挙動が変だった→干渉した?
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。