Simplicityの特徴 › フォーラム › 不具合報告 › Google Chromeでのカラム落ちとナビゲーションメニューの消失
-
投稿者投稿
-
-
2015年7月2日 9:26 AM #28585
オーケーさん
ゲスト昨日の7月1日から利用させて頂いております。Google Chrome(バージョン 43.0.2357.130 m)で表示を120%以上のズームにすると、右側がカラム落ちします。また、ナビゲーションメニューがどこにも表示されなくなります。
バージョンアップで対応して頂けるとありがたいと思います。CSSなどですぐにできる対応がありましたら、教えて頂ければ助かります。宜しくお願いします。
-
2015年7月2日 11:16 AM #28592
Hidekichi
ゲスト>120%以上のズームにすると、右側がカラム落ちします。
>また、ナビゲーションメニューがどこにも表示されなくなります。Simplicityに限らず、たいていのテーマはメディアクエリと言うのを利用して、その時の画面幅がいくつであるかによりcssの設定を変更しています。これがいわゆるレスポンシブに対応している部分です。
Chromeに限らず画面幅が変わればその時のメディアクエリが適用されます。おそらくオーケーさんが見ておられるのはタブレット仕様の画面ではないかと思います。
これは、サイドバーは#mainの下に、グローバルメニューは右上だったかにハンバーガーメニューで表示されます。これは正常な動作です。これらは、いわゆる年寄り泣かせとして 年寄りを困らせる「レスポンシブWebデザイン」 でもとりあげられています。まぁ年寄りに限ったことではないんですけどね。視力が弱い人からしてみれば文字を拡大したいというのはよくあることです。
しかしながら、拡大した時にレスポンシブに表示が変わらない場合は横にはみ出します。すると自ずと横スクロールする必要が出てきまして、レスポンシブデザインよりも横スクロールのがうざいと言う人も結構あります。
横スクロール対応のマウスとかあるんですけどね。ただ、画面から何かしらの要素がはみ出るとレスポンシブに対応してないじゃないかとGoogleに怒られたりしてSEO的にどうなんだ?と言うことにもなりかねません。あるいはレスポンシブにさせないと言うことで「サイドバーのレスポンシブをoffにする」とかもカスタマイザーからできます。が、やはりレスポンシブにはしたいなぁと思ったりもするのが人の欲張りな所です。もしかしたらこれで解決したりするかも知れません。
結局、問題点としては「画面幅に対するレスポンシブ表示」となっていると思うんですが、オーケーさんとしては文字が大きくなればそれで問題がないのであれば、文字のサイズを切り替えるギミックはjQuery等で可能です。
これならば大きくしたい人は大きくして、通常表示で良い場合はそのままでと変更するというようなこともできます。もちろん、jQueryでもPHPでもcookieは発行できるのでcookieが有効な間は設定を変える必要もありません。
phpだと何かしらファイルをイジる必要もありますが、jQueryであればSimplicityはデフォルトのまま子テーマのjavascript.jsに追記するだけでイケるんじゃなかろうかと思います。
まぁjQueryでcssを操作してfont-sizeをpxからemあるいはremとして、絶対サイズから相対サイズにしたりといじくることになると思うんですけども、元のcssの設定自体は変更しないので、何とかなります。あるいは最初からサイドバーの無い1カラムの子テーマでカスタマイズされるという方法もあります。スマホではサイドパネルでサイドバーの中身を表示するみたいなことができるので、PCでも同じことがもちろんできます。
これならば、どれだけ拡大しようが1カラムなのでサイドバーがどうのと言う問題は抑えられるのではないかと思ったりも。
案外1カラムのデザインは増えてます。色々やりやすいので便利な点もあるんですが、広告やらをどう入れるとか1カラムにしてはじめて、他の問題点にぶつかったりもしますね。僕も実はちょっと考えてたアイデアがありまして、amazonの商品画像にマウスを重ねると商品の詳細の部分に選択エリアの拡大画像が表示されますよね。あれはとても良いアイデアだと思うんです。画像だからできることかも知れないのですが、部分的に拡大できる機能と言うのは案外アリかもと思ってたりします。
jQueryにもcloneと言う機能がありまして・・・まぁここらはまだ企業秘密なんですけどね(笑)と、まぁそういうことで、おそらく、わいひらさんの想定としてブラウザの拡大縮小を使うという所まではあまり意識してなかったというか通常は100%で、必要な人のみ拡大あるいは縮小すると言うことだと思うので、そこらの対応は各自でと言うスタンスなんじゃないかなぁと思ったりしてます。
テーとしての考え方や方法等は、またわいひらさんがレスしてくれるだろうと思います(チラリ -
2015年7月2日 2:36 PM #28607
わいひらキーマスター詳しいことは、hidekichiさんが書かれているので、簡単に書くと、それはSimplicityの仕様です。不具合ではありません。
そういう動作をするように作られています。一応、サイドバーが下に行くのが嫌な人は一定数いるので、Simplicityでは、「外観→カスタマイズ→レイアウト(全体・リスト)」の「 PCでサイドバーをレスポンシブ表示 」のチェックを外すと、PCではサイドバーが下に行かないよう設定できるようになっています。
-
2015年7月2日 7:22 PM #28615
オーケーさん
ゲスト私の無知で不具合と判断してしまい申し訳ございませんでした。
いろいろテストしてわかりました。Firefoxでは120%ではカラム落ちしませんが、どんどんズームするといずれカラム落ちします。
また、Chromeでカラム落ちしていなかった他のテーマでも、どんどんズームするとやはりカラム落ちしました。
レイアウトやテーマによって、カラム落ちが始まるズーム比が多少違うだけであることがわかりました。実は、ズームしていていることに気が付かずに、Chromeでグローバルメニューが表示されなくなったと思い、数時間も調査の時間を掛けてしまいました。最終的には、ズームが問題だとわかりました。フォントサイズの変更ではありませんので、レイアウトを変更せずに単純にズームだけしていると勘違いしていました。
ありがとうございました。
-
2015年7月2日 7:37 PM #28619
わいひらキーマスター一応、ズームの割合ではなく、ブラウザの画面幅のサイズによって、サイドバーが下に行くのが切り替わります。(画面幅はズームの割合から計算される数字)
-
-
投稿者投稿
- トピック「Google Chromeでのカラム落ちとナビゲーションメニューの消失」には新しい返信をつけることはできません。