モバイル利用時にタップしても色が変わりません

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも モバイル利用時にタップしても色が変わりません

6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #53505
      Sakura
      ゲスト

      私のような初心者にでも使えるテーマをありがとうございます。ここ数日かなり頑張ってみましたが、どうにもならないのでご教授ください。

      サイトは photosakura.com です。WordPress4.8 simplicity2.5.7
      ブラウザはPCがFirefox、iPadがChromeとSafari、iPhoneがSafariです。

      iPad(iOS9&10)とiPhone(同じく)でサイトにアクセスしてタップをするとリンク先には飛びますが、背景色が変わらないので表示されるまで正しいところをタップしたのかわかりません。

      他のサイトは問題なく色が変わります。

      androidではグローバルメニューの中の背景色は変わります。サイドバーのメニューの下はアイコンのみ色が変わります。他のところは字の色が変わります。

      iPadはモバイル表示にしてありますが、PC表示にしても同じです。

      自分のサイトでiOSの端末だけと限られている症状なのですが、何かできることがあるなら教えていただけますか。

      よろしくお願いします。

    • #53521
      かうたっく
      ゲスト

      こんばんはっ!
      キャッシュを削除するとかの対処などありますが・・・。。

      色々考えてみたんですけど、、違ったらすみません。http://photosakura.com/wp/wp-content/uploads/2017/06/white_wall.pngと指定している背景の画像でしょうか?

      この画像はヘッダー・コンテンツの範囲より広い場合表示されるもので、モバイル・タブレットだとその領域は表示されません。
      ※そのブラウザでPC表示にしていなければ。
      ※※上記リンクの6月にアップロードし、外観・カスタマイズより設定したwhite_wall.pngの背景画像は通常はモバイルでは『表示されないもの』

      ChromeのPCから見て拡張機能でipad表示など確認してみました。photosakura.comにアクセスしてどこをクリックして、どの背景色が変わらないですか?

      どの範囲・領域なのかなぁ??と解らないので、どの場所のどこか指定してもらえたら、対応してくれる人が増えそうです^^

      わいひらさんの書き込みとダブったみたいで、わいひらさんも気付かなったみたいでしたね❦❦

    • #53524
      Sakura
      ゲスト

      かうたっくさま

      ありがとうございます、うまく説明できていなかったようですみません。

      モバイルのレイアウトではモバイルメニュータイプは「スライドインライト(ボタン下)になっています。

      android機種でやると、
       - ホームから下のMenuの中をタップ
      – グローバルナビリンク(例えばブログ-Blog-)をタップするとそこの背景色がかすかにグレイになり、リンク先が表示されます。
      – ブログの「記事を読む Go to page」をタップするとそこの背景色が黒、字は赤になり、記事が表示されます。

       - 下のSideBarをタップ
       - 「メニュー Menu」 の下のグローバルナビリンクをタップするとアイコンのみが赤になります。
       - 「最近の投稿 Recent Posts」をタップすると文字がすべて赤になります

      これをiOS端末からすると何も色が変わらずにリンク先が表示されるので、ちゃんと正しいところをタップしたかわかりません。

      いかがでしょうか?

    • #53529
      かうたっく
      ゲスト

      android機種でやると、
       - ホームから下のMenuの中をタップ
      – グローバルナビリンク(例えばブログ-Blog-)をタップするとそこの背景色がかすかにグレイになり、リンク先が表示されます。
      – ブログの「記事を読む Go to page」をタップするとそこの背景色が黒、字は赤になり、記事が表示されます。

      クローム拡張機能のiPad・iPhoneと、アンドロイドから確認しました。どれもきちんとスタイルが表示されている状態です。。

      「記事を読む Go to page」モバイルでタップ(指を置いた状態:a:hover)
      .entry-read a:hover {
      color: #cc5573;/*フォントの色:赤*/
      background-color: #000;/*背景:黒*/
      }

      extension-style-inline-cssでフォント色を指定

      a:hover:not(.balloon-btn-link):not(.btn-icon-link):not(.arrow-box-link),.widget_new_entries a:hover,.widget_new_popular a:hover,.widget_popular_ranking a:hover,.wpp-list a:hover,.entry-read a:hover,.entry .post-meta a:hover,.related-entry-read a:hover,.entry a:hover,.related-entry-title a:hover,.navigation a:hover,#footer a:hover,.article-list .entry-title a:hover {
          color: #cc5573
      }

      モバイルcssで背景を指定

      .entry-read a:hover,
      .related-entry-read a:hover{
        background-color:#000;
      }

       - 下のSideBarをタップ
       - 「メニュー Menu」 の下のグローバルナビリンクをタップするとアイコンのみが赤になります。
       - 「最近の投稿 Recent Posts」をタップすると文字がすべて赤になります

      こちらもスタイルが表示されてみえますねぇ・・・。

      確認されたios端末のキャッシュを削除しても反映されませんか??

    • #53531
      Sakura
      ゲスト

      かうたっくさま

      ありがとうございます。

      iOS端末4台のキャッシュは何度も削除しました。

      今手元にあるのがiPhoneだけなので、別のブラウザ(ドルフィン)をインストールして試してところ、ちゃんと色が変わりました (汗)

      自分以外のサイトは問題なかったのと、Chromeもダメだったのでそれ以上試さずに失礼しました。相変わらずSafariとChromeは色が変わりませんが、気にしないことにします。

      貴重なお時間を私のために使ってくださり、ありがとうございした。

    • #53532
      かうたっく
      ゲスト

      サーバーのキャッシュとかはないですかねぇ・・?

      1年以上前ですが、なんらかのキャッシュが原因で苦戦したけど、数日たつと反映されたこともあります。キャッシュはいくつかあると見たことがあって、詳しい人ならわかるはずだと思われます^^

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

      僕は、iOS端末を持っておらず、不具合を見れないので、申しわけないですがiOS関係については僕からは何とも言えないです。
      僕の環境からでも、Chromeでは問題なく動作しているようです。

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