モバイル表示した時のトップへ戻るボタン画像サイズ変更

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › モバイル表示した時のトップへ戻るボタン画像サイズ変更

7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #34914
      みるき
      ゲスト

      このフォーラムにはいつもお世話になっています。

      トップへ戻るボタンを画像で設定しています。
      スマホでサイトを表示したとき、トップへ戻るボタンの画像がパソコンで表示した時と同じサイズで表示されているので、スマホで表示するときの画像サイズをcssなどで小さく設定したいと思っています。

      どこで画像が設定されているのか、少し見てみたのですが、よく分かりませんでした。

      すみませんがよろしくお願いします。

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

      「完全レスポンシブ」機能が有効でないのならば、mobile.cssに以下のように書けば調節できるかと思います。

      #move-page-top img {
          max-width: 50px;
      }
    • #34917
      みるき
      ゲスト

      わいひら様

      返信ありがとうございます。
      メニューの「カスタマイズ」→「レイアウト(全体・リスト)」にある「完全レスポンシブデザインにする」にはチェックを入れいており、画像を設定した直後(約2ヶ月前)は、スマホで表示した時サイズは小さくなっていました。

      ですが、ボタン画像を変更した直後(1週間前)からスマホでは縮小表示されなくなってしまいました。
      原因が分からなかったため、とりあえずcssで設定しようと思い、フォーラムに投稿しました。

      今、教えていただいたcssを子テーマのmobile.cssに記述してみました。
      まだ反映されていないですが、暫く時間を置いてもう一度確認しようと思います。
      (なぜか分かりませんが、cssやwordpressの設定などの反映に時間がかかります。)

      後ほど結果をご報告します。

    • #34918
      Hidekichi
      ゲスト

      > なぜか分かりませんが、cssやwordpressの設定などの反映に時間がかかります。
      これはキャッシュが有効になってるからです。

      Firefoxなら、プライベートブラウジングで見てみたり、あるいはchromeもそうですが、デベロッパーツールの設定で、パネルを開いている間はcssをキャッシュしないと言う設定があるので、ひとまずの確認はできるはずです。
      後はキャッシュが自動的に有効期限が来れば切れるので、正しく標示できるかと思います。
      初めて訪問される人はおのずとキャッシュ自体がないので、最初から正しく表示されるかと思います。

      ご自身の利用されているブラウザで、キャッシュの有効期限を例えば30分、あるいは1時間とかと時間で設定できるのであれば、比較的短く設定してみたり、ブラウザを落とせばキャッシュ削除と言うようにしておいても良いかと思います。
      ※ ネット回線が光ならPC起動してからの初回はちょっと重く感じるかも知れませんが一瞬です。

      表示が重い、あるいは遅い環境の時にキャッシュの有用性を感じるものです。表示も即座にできるのであればキャッシュしておく必要は薄いです。しておいたほうが良いのに違いはないんですけれども。

      ブラウザではなく、何かしらのキャッシュプラグイン等を利用されているのであれば、プラグインからキャッシュを削除。サーバー側で、X-SERVERみたいにmod_psgeSpeedなんかが有効になっているのであればコンパネから一時的に切るなどして、確認しても良いかと思います。

    • #34942
      yokudekiru
      ゲスト

      完全レスポンシブが有効ならば、そのcssはresponsive.cssに書き込みましょう。(おそらく)

    • #34964
      みるき
      ゲスト

      yokudekiru様

      返信ありがとうございます。
      mobile.cssに記述してましたが、確かにボタンサイズは変わっていませんでした。
      responsive.cssに記述したら、サイズが設定どおりに変更されました!
      ありがとうございました。

      Hidekichi様

      アドバイスありがとうございます。
      私もキャッシュのせいだろうと思い、都度、キャッシュをクリアし、ブラウザやPCを再起動させたりとしてきました。

      cssはほぼ即座に反映されるようになってきましたが、ワードプレスのウィジェットの設定やjquery、phpファイルの変更を行うと、早くて半日、遅くて数日かかる時がありました。
      反映されていない間、キャッシュのクリアやPCの再起動をしてから確認してみたりとしていたのですが、反映されず、あきらめて放っておいて数日後確認したとき反映されていた何て事が何度かありました。

      「ワードプレスのウィジェットの設定やjquery、phpファイルの変更が反映されない」という事は、データを保存しているサーバー側のPHPMyAdminのバージョンとか、何かしらの仕様と関係あるんでしょうか。

    • #34967
      Hidekichi
      ゲスト

      利用されているサーバーはなんて所でしょうか?

      サーバーの仕様がわかるとどうことかわかりやすいんですけれども。

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

      「ワードプレスのウィジェットの設定やjquery、phpファイルの変更が反映されない」という事は、データを保存しているサーバー側のPHPMyAdminのバージョンとか、何かしらの仕様と関係あるんでしょうか。

      ここら辺は、実際のページを見てみないとわからないと思います。
      hidekichiさんの書かれているmod_pagespeedだとそのような動作をすることもあると思います。
      ただ、ソースを見ていないので、ガイドラインに書かれている以上のことはわからないです。
      動作不良時のガイドライン

7件の返信スレッドを表示中
  • フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)