Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › モバイル利用時にタップしても色が変わりません
-
投稿者投稿
-
-
2017年6月27日 5:33 PM #53505
Sakura
ゲスト私のような初心者にでも使えるテーマをありがとうございます。ここ数日かなり頑張ってみましたが、どうにもならないのでご教授ください。
サイトは photosakura.com です。WordPress4.8 simplicity2.5.7
ブラウザはPCがFirefox、iPadがChromeとSafari、iPhoneがSafariです。iPad(iOS9&10)とiPhone(同じく)でサイトにアクセスしてタップをするとリンク先には飛びますが、背景色が変わらないので表示されるまで正しいところをタップしたのかわかりません。
他のサイトは問題なく色が変わります。
androidではグローバルメニューの中の背景色は変わります。サイドバーのメニューの下はアイコンのみ色が変わります。他のところは字の色が変わります。
iPadはモバイル表示にしてありますが、PC表示にしても同じです。
自分のサイトでiOSの端末だけと限られている症状なのですが、何かできることがあるなら教えていただけますか。
よろしくお願いします。
-
2017年6月27日 9:15 PM #53521
かうたっく
ゲストこんばんはっ!
キャッシュを削除するとかの対処などありますが・・・。。色々考えてみたんですけど、、違ったらすみません。http://photosakura.com/wp/wp-content/uploads/2017/06/white_wall.pngと指定している背景の画像でしょうか?
この画像はヘッダー・コンテンツの範囲より広い場合表示されるもので、モバイル・タブレットだとその領域は表示されません。
※そのブラウザでPC表示にしていなければ。
※※上記リンクの6月にアップロードし、外観・カスタマイズより設定したwhite_wall.pngの背景画像は通常はモバイルでは『表示されないもの』ChromeのPCから見て拡張機能でipad表示など確認してみました。photosakura.comにアクセスしてどこをクリックして、どの背景色が変わらないですか?
どの範囲・領域なのかなぁ??と解らないので、どの場所のどこか指定してもらえたら、対応してくれる人が増えそうです^^
わいひらさんの書き込みとダブったみたいで、わいひらさんも気付かなったみたいでしたね❦❦
-
2017年6月27日 11:08 PM #53524
Sakura
ゲストかうたっくさま
ありがとうございます、うまく説明できていなかったようですみません。
モバイルのレイアウトではモバイルメニュータイプは「スライドインライト(ボタン下)になっています。
android機種でやると、
- ホームから下のMenuの中をタップ
– グローバルナビリンク(例えばブログ-Blog-)をタップするとそこの背景色がかすかにグレイになり、リンク先が表示されます。
– ブログの「記事を読む Go to page」をタップするとそこの背景色が黒、字は赤になり、記事が表示されます。- 下のSideBarをタップ
- 「メニュー Menu」 の下のグローバルナビリンクをタップするとアイコンのみが赤になります。
- 「最近の投稿 Recent Posts」をタップすると文字がすべて赤になりますこれをiOS端末からすると何も色が変わらずにリンク先が表示されるので、ちゃんと正しいところをタップしたかわかりません。
いかがでしょうか?
-
2017年6月28日 11:13 AM #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端末のキャッシュを削除しても反映されませんか??
-
2017年6月28日 3:40 PM #53531
Sakura
ゲストかうたっくさま
ありがとうございます。
iOS端末4台のキャッシュは何度も削除しました。
今手元にあるのがiPhoneだけなので、別のブラウザ(ドルフィン)をインストールして試してところ、ちゃんと色が変わりました (汗)
自分以外のサイトは問題なかったのと、Chromeもダメだったのでそれ以上試さずに失礼しました。相変わらずSafariとChromeは色が変わりませんが、気にしないことにします。
貴重なお時間を私のために使ってくださり、ありがとうございした。
-
2017年6月28日 4:28 PM #53532
かうたっく
ゲストサーバーのキャッシュとかはないですかねぇ・・?
1年以上前ですが、なんらかのキャッシュが原因で苦戦したけど、数日たつと反映されたこともあります。キャッシュはいくつかあると見たことがあって、詳しい人ならわかるはずだと思われます^^
-
2017年6月28日 6:12 PM #53537
わいひらキーマスター僕は、iOS端末を持っておらず、不具合を見れないので、申しわけないですがiOS関係については僕からは何とも言えないです。
僕の環境からでも、Chromeでは問題なく動作しているようです。
-
-
投稿者投稿
- このトピックに返信するにはログインが必要です。