スマフォで2列、3列のタイル表示をやる方法について

Simplicityの特徴 フォーラム Simplicityについての質問 スマフォで2列、3列のタイル表示をやる方法について

  • このトピックには2件の返信、2人の参加者があり、最後に かうたっくにより7ヶ月前に更新されました。
2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #61607 返信
      もっちゃん
      ゲスト

      スマフォにおけるタイル表示について質問です。

      「外観」→「カスタマイズ」→「レイアウト(全体・リスト)」→「一覧リストのスタイル」と移動して、表示スタイルで「タイル3列」を選択しました。

      その結果、PCでのトップページの表示は期待通り個別記事が3列のタイル状態で表示されるようになりました。

      しかし、スマフォで見るとタイル表示は3列どころか1列の1記事づつ表示されてしまい、どうにも不格好です。

      そこで質問なのですが、スマフォで2列、3列のタイル表示を実現するにはどうすればよいでしょうか?

      すごく初歩的な悩みであることは重々承知しております。しかし、いくらググってもそれらしい情報が出てこず、情けないことに丸一日悩んでしまったので質問させて頂きました。

      よろしくお願いします。

    • #61613 返信
      わいひらわいひら
      キーマスター

      そのようにするには、必要な幅でメディアクエリを書いてCSSをそのように編集するしかないかと思います。
      メディアクエリとは、以下の「CSSサンプルコード3」項目部分のような記述のことです。
      https://techacademy.jp/magazine/9369
      あとは、それぞれのエントリーカードに対して、3列になるようなCSSを書くという手順になります。

    • #61620 返信
      かうたっく
      ゲスト

      そのCSSはおそらく親テーマにも記載があるとおもわれます。
      たとえばURLをご提示があり、CSSが圧縮されていなければ、簡単にstyleが確認できたと思います。

      ただ親テーマのstyle.cssかどこかのCSSを参考にしたら、おそらく簡単にできると思います!※確認してませんが。

2件の返信スレッドを表示中
返信先: スマフォで2列、3列のタイル表示をやる方法について
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)