「タブレットはモバイル表示」の設定

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも 「タブレットはモバイル表示」の設定

  • このトピックには7件の返信、2人の参加者があり、最後にHidekichiにより9年、 12ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #40353
      ちゅうすけ
      ゲスト

      カスタマイズで、レイアウト(全体・リスト)>「タブレットはモバイル表示」という設定のチェックボックスをオンにしてみても、iPhoneやiPadからはやはりPCと同じ表示になります。
      サイドバーは、「タブレットはモバイル表示」をオンにしても、オフにしても表示はされません。

      一覧リストのスタイルは「サムネイル大」を使用しています。
      PCで見ると2タイル表示されており、モバイル表示なら1タイルになると思うのですが…

      今現在
      PC  iPhone(モバイル表示ON)
      □□  □□
      □□  □□
      □□  □□

      やりたい表示
      PC  iPhone
      □□  □
      □□  □
      □□  □

      ※□はサムネイル表示です。
      つまり、サムネイル大設定でPCでは横二列のサムネイル表示、iPhoneでは一列のサムネイルにしたいんです。
      「タブレットはモバイル表示 」の設定だけではダメなんでしょうか?

      そもそも「タブレットはモバイル表示 」のチェックボックスのオン・オフ切り替えてもタブレット(iPadやiPhone)の表示は何も変わらないんですが。。。。
      これはどういった機能なんでしょう?
      一応HP上の説明を読みましたが、私のiPadではモバイル表示にはなっていないように思われます。

    • #40356
      Hidekichi
      ゲスト

      キャッシュプラグインやらキャッシュが効いているとviewportの値が変更されずに残ることがあります。最低でもブラウザのキャッシュはしないようにして見てみて下さい。

      > タブレットはモバイル表示
      これはいわゆるviewportにwidth: device-widthが入るタイプです。off(?)の場合はPC同様1280(px)が入ります。iPad等の画面サイズはそれより小さいので、画面が縮小表示になりますがサイドバーを含むPC表示ができるという感じのものかと思います。

      アドレスを公開してもらえれば、少なくともキャッシュをしていないブラウザで確かめられるので、表示確認はできますが、公開できない場合は色々イジって自己解決してもらう他ありません。

      ブラウザでhtmlのソースが表示できるならheadタグの中のviewportがそれぞれのモードでどういう値になるかを調べてみると良いかも知れません。
      またデベロッパーツールが開けるのであればcpnsoleで何かしらエラーがでていないかのチェックも必要かと思います。

    • #40361
      ちゅうすけ
      ゲスト

      お世話になります

      ホームページのアドレスは
      http://tamachan-love.com
      です

      よろしくお願いします。

    • #40369
      アバター画像わいひら
      キーマスター

      Simplicity2.1.0より、モバイルでもそのような表示になる仕様に変更されました。
      Simplicity2.1.0で追加したPCとモバイルの中間デザインについて`
      (※見やすさの観点から多くの要望があったので仕様変更しました)

      これについては、「タブレットはモバイル表示 」を有効にしたとしても変わりません。
      モバイルで必ず1列に表示するには、スタイルシートを変更するか、Simplicity2.1.0より前のバージョンを利用するしかないかもしれません。

    • #40376
      ちゅうすけ
      ゲスト

      なるほど!
      分かりました

      バージョンをダウンロードして試してみます
      ありがとうございました!

    • #40377
      ちゅうすけ
      ゲスト

      ダウンロード→ダウングレードの間違いです

    • #40379
      ちゅうすけ
      ゲスト

      ダウングレードにて無事に解決しました。
      ありがとうございました。

      PCでは2列のサムネイルがきれいで、iPhoneなどのスマホからでは1列のほうが大きくて読みやすいと思いました。

    • #40382
      Hidekichi
      ゲスト

      中間デザインの事は完全に忘れてました(笑)
      これ、bodyなりにclassとかでon・offできないですかね?
      bodyはclassいっぱいなので#containerでも良いですが(笑)

      cssだけでもできますけれども、何かしらの時に上書きが面倒なので。例えば

      .medium-view #main(#list) .entry {
        //なんちゃら
        //ここに中間デザイン
      }

      こんなふうにしておけば、offの時は普通の#mainが適用されますので、欲しい人だけ使えるようになるかと思います。cssも.medium-viewがついてれば中間デザインのやつだとわかりやすい…かもしれません。

7件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)