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

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

このトピックには2件の返信が含まれ、2人の参加者がいます。1 ヶ月前 かうたっく さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #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列、3列のタイル表示をやる方法について
あなたの情報:




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