Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › モバイル表示した時のトップへ戻るボタン画像サイズ変更
-
投稿者投稿
-
-
2015年12月24日 4:07 PM #34914
みるき
ゲストこのフォーラムにはいつもお世話になっています。
トップへ戻るボタンを画像で設定しています。
スマホでサイトを表示したとき、トップへ戻るボタンの画像がパソコンで表示した時と同じサイズで表示されているので、スマホで表示するときの画像サイズをcssなどで小さく設定したいと思っています。どこで画像が設定されているのか、少し見てみたのですが、よく分かりませんでした。
すみませんがよろしくお願いします。
-
2015年12月24日 4:17 PM #34915
わいひらキーマスター「完全レスポンシブ」機能が有効でないのならば、mobile.cssに以下のように書けば調節できるかと思います。
#move-page-top img { max-width: 50px; } -
2015年12月24日 4:41 PM #34917
みるき
ゲストわいひら様
返信ありがとうございます。
メニューの「カスタマイズ」→「レイアウト(全体・リスト)」にある「完全レスポンシブデザインにする」にはチェックを入れいており、画像を設定した直後(約2ヶ月前)は、スマホで表示した時サイズは小さくなっていました。ですが、ボタン画像を変更した直後(1週間前)からスマホでは縮小表示されなくなってしまいました。
原因が分からなかったため、とりあえずcssで設定しようと思い、フォーラムに投稿しました。今、教えていただいたcssを子テーマのmobile.cssに記述してみました。
まだ反映されていないですが、暫く時間を置いてもう一度確認しようと思います。
(なぜか分かりませんが、cssやwordpressの設定などの反映に時間がかかります。)後ほど結果をご報告します。
-
2015年12月24日 4:59 PM #34918
Hidekichi
ゲスト> なぜか分かりませんが、cssやwordpressの設定などの反映に時間がかかります。
これはキャッシュが有効になってるからです。Firefoxなら、プライベートブラウジングで見てみたり、あるいはchromeもそうですが、デベロッパーツールの設定で、パネルを開いている間はcssをキャッシュしないと言う設定があるので、ひとまずの確認はできるはずです。
後はキャッシュが自動的に有効期限が来れば切れるので、正しく標示できるかと思います。
初めて訪問される人はおのずとキャッシュ自体がないので、最初から正しく表示されるかと思います。ご自身の利用されているブラウザで、キャッシュの有効期限を例えば30分、あるいは1時間とかと時間で設定できるのであれば、比較的短く設定してみたり、ブラウザを落とせばキャッシュ削除と言うようにしておいても良いかと思います。
※ ネット回線が光ならPC起動してからの初回はちょっと重く感じるかも知れませんが一瞬です。表示が重い、あるいは遅い環境の時にキャッシュの有用性を感じるものです。表示も即座にできるのであればキャッシュしておく必要は薄いです。しておいたほうが良いのに違いはないんですけれども。
ブラウザではなく、何かしらのキャッシュプラグイン等を利用されているのであれば、プラグインからキャッシュを削除。サーバー側で、X-SERVERみたいにmod_psgeSpeedなんかが有効になっているのであればコンパネから一時的に切るなどして、確認しても良いかと思います。
-
2015年12月24日 11:15 PM #34942
yokudekiru
ゲスト完全レスポンシブが有効ならば、そのcssはresponsive.cssに書き込みましょう。(おそらく)
-
2015年12月25日 4:02 PM #34964
みるき
ゲストyokudekiru様
返信ありがとうございます。
mobile.cssに記述してましたが、確かにボタンサイズは変わっていませんでした。
responsive.cssに記述したら、サイズが設定どおりに変更されました!
ありがとうございました。Hidekichi様
アドバイスありがとうございます。
私もキャッシュのせいだろうと思い、都度、キャッシュをクリアし、ブラウザやPCを再起動させたりとしてきました。cssはほぼ即座に反映されるようになってきましたが、ワードプレスのウィジェットの設定やjquery、phpファイルの変更を行うと、早くて半日、遅くて数日かかる時がありました。
反映されていない間、キャッシュのクリアやPCの再起動をしてから確認してみたりとしていたのですが、反映されず、あきらめて放っておいて数日後確認したとき反映されていた何て事が何度かありました。「ワードプレスのウィジェットの設定やjquery、phpファイルの変更が反映されない」という事は、データを保存しているサーバー側のPHPMyAdminのバージョンとか、何かしらの仕様と関係あるんでしょうか。
-
2015年12月25日 4:24 PM #34967
Hidekichi
ゲスト利用されているサーバーはなんて所でしょうか?
サーバーの仕様がわかるとどうことかわかりやすいんですけれども。
-
2015年12月25日 4:37 PM #34973
わいひらキーマスター「ワードプレスのウィジェットの設定やjquery、phpファイルの変更が反映されない」という事は、データを保存しているサーバー側のPHPMyAdminのバージョンとか、何かしらの仕様と関係あるんでしょうか。
ここら辺は、実際のページを見てみないとわからないと思います。
hidekichiさんの書かれているmod_pagespeedだとそのような動作をすることもあると思います。
ただ、ソースを見ていないので、ガイドラインに書かれている以上のことはわからないです。
動作不良時のガイドライン
-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。