• ベストアンサー

ワードプレスでCSSがiphoneのみ反映しない

ワードプレスでカスタムHTMLに書いたCSS(タップやクリックしている間、画像が切り替わる)がPC(Windows10)やipadはOKですが なぜかiphoneだけ反映しません。 ipadのOSバージョン14.7.1 iphoneOSバージョン15.3.1 androidスマホはもっていないので検証していません。 iphoneでもOKになる方法をどなたかご教示お願いいたします。

  • CSS
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

まず、iphoneはブラウザではないので、safariだと思います。 次に、 >androidスマホはもっていないので検証していません。 これは、iphone用にもGoogleChromeはあるので、 それで試せます。 最後に「検証」の部分ですが、 該当部のソースが書かれていないので、 他の人が「検証」できていません。 該当部だけ抜粋して、補足にでも追加してもらえれば、 誰かが回答すると思うので、お試しを!

関連するQ&A

  • ワードプレスで、CSSが反映されていないようです。

    お世話になります。 見出しに装飾をつけようと思い、ワードプレスのCSSを編集しました。 が、反映されません。 見出し2の背景色をゴールドにしようとしたのですが、ノーマル?のままです。 ワードプレスのテーマは子テーマを選択し 「Simplicity2 child: スタイルシート 」内を編集しました。 ・・・・・・・・・・・・・・・・・・・・・・ @charset "UTF-8"; /*! Theme Name: Simplicity2 child Template: simplicity2 Version: 20161002 */ /* Simplicity子テーマ用のスタイルを書く */ .headline2{ background-color:#ffd700 } ・・・・・・・・・・・・・・・・・・・・・ なにか足りない記述でもあったのでしょうか?

    • 締切済み
    • CSS
  • すでにあるHTMLとCSSをワードプレスに入れたい

    ワードプレスの固定ページを作りたいと思っています。 すでにHTMLとCSSで、作ったものがあるので、 それを差し込みたいのですが、 固定ページでは、HTMLだけ入力するということでいいのでしょうか? また、 cssはどこでどのようにして入力したらいいのでしょうか? 今までホームページ作成ソフトに頼ってきたので、 ワードプレスがわからなく困っています。 よろしくお願いいたします。

  • ワードプレスのサイトが検索結果に反映されない

    ご覧いただきありがとうございます。 スマホでワードプレスでサイトを作っているものです。 ワードプレスで、自分のサイト名をGoogleで検索してみましたが表示がされません。 アプリの設定では一般公開になっています 対応についてお願いします Androidです

  • ワードプレスでCSSをいじる時プレビューできない!

    ワードプレスの 外観⇒エディターといき スタイルシート(style.css)の編集をしているんですが なぜかプレビューボタンがありません ファイルを更新 ボタンしかありません CSSを書き変えてホームページにどのような変化が出るかを見ながら書き変えたいのに いちいちファイルを更新していたのでは 重要な書き換えミスをした時に元に戻せなくなりとても危険です! プレビューでいちいちチェックしながら CSS とか html を書き替えれるようにする方法を教えてくださいm(_ _)m

  • ワードプレスの文字が、にじんでしまいます

    はじめまして。どなたか、分かる方がいらっしゃったら、教えてください。 ワードプレスを使ってブログを書いているのですが、記事本文の文字が「にじんだ」ように、汚く表示されてしまいます。 他のサイトや、自分のサイトの見出しなどは、キレイに表示されます。 さらに、PCでは汚いのに、スマホでみると本文ににじみはなく、キレイに表示されます。 HTMLやCSSなどには詳しくないので、特別なカスタマイズをしているわけではありません。 いくつか、一般的なプラグインを入れただけです。 本文のにじみ方を、キャプチャーで撮って添付いたしました。 どなたか、教えていただければ助かります。

  • htmlエディタのサイトをそのままワードプレスへ

    元々はワードプレスを使ってHPを作っていたのですが 最近htmlやCSSを勉強し始め、 bracketsというhtmlエディタで新たにサイトを作りました。 htmlエディタでのほうが自由度も高く、 慣れれば作りやすいように感じています。 しかし、たとえば画像を自動で圧縮してくれる EWWW Image Optimizerなどのような ワードプレスでの便利なプラグインも使いたくなりました。 そこで、htmlエディタで htmlファイルとcssファイルを作った後、 ワードプレスに移行すればいいと考えたのですが、 これがなかなかうまくいきません。 ひとまず、htmlのbody部分を ワードプレスの記事のテキストエディタにコピペし、 cssをワードプレスのstyle.cssにコピペしてみたのですが レイアウトが多少崩れてしまいます。 style.css以外のファイルで ワードプレスのテーマに元々含まれている要素が 反映されてしまっているためかと思われるのですが、 さすがにどこをどういじったらいいのかわかりませんでした。 htmlエディタで作ったものを そのままワードプレスで表示させるために 最も簡単な方法はどのようなものでしょうか?

    • 締切済み
    • CSS
  • ワードプレスについて

    ワードプレス初心者です。 記事投稿ページに本文を入力する際にビジュアルかテキストかを選択し入力する と思うのですが、テキストの方にHTMLやCSSを入力して本文を作成したほうが 検索エンジンから見て分かりやすく、SEO的に有利になるんでしょうか?

    • ベストアンサー
    • SEO
  • ワードプレスの印刷レイアウト崩れ

    ワードプレスを使ってホームページを作成しようと考えています。 できればオーツ―ビジネステーマhttp://theme.o2gp.com/というところのテンプレートを使用としているのですが、サンプルを見る限り印刷時のレイアウトがくずれてしまいます。 デザインはとても気に入っているので、HTMLかCSS上でできる対策はないでしょうか? 調べてみるとワードプレスのプラグインで対策できるようですが、できれば使用したくないです。 HTML等あまり詳しくないので丁寧に教えてください。お願いします。

    • 締切済み
    • CSS
  • ワードプレスのCSSを移動させる

    私の使っているテーマのCSSが全部で6つあります。 1つはPHPやHTMLと同じ場所にあるのですが、その中にCSSというフォルダがありそのフォルダの中に5個のCSSがあります。なので、ワードプレス上からいじれず、いちいちFTPからダウンロードしていじらなくてはならなく面倒です。 テーマ編集で表示される階層にあるCSSに @import url(css/html5reset-1.6.1.css); @import url(css/layout.css); @import url(css/common.css); @import url(css/nav.css); @import url(css/content.css); @import url(css/top.css); このような記述があり、これがCSSフォルダに送っているのだと思い、 CSSフォルダの中のCSSを正しい階層にもってきて、上記の部分を @import url(html5reset-1.6.1.css); @import url(layout.css); @import url(common.css); @import url(nav.css); @import url(content.css); @import url(top.css); このように書けば大丈夫だろうとおもったのですが、HPからCSSで指定されていたH1の淵の画像などがすべて消し飛びました。 なんとか、5つのCSSの階層を上にあげたいのですが、どのようにすればよいのでしょうか? ちなみに、使っているテーマは、 http://pacific.prime-strategy.co.jp/ これです。

    • ベストアンサー
    • CSS
  • ワードプレスのGPLライセンスについて

    今、ワードプレスのテンプレート(弊社オリジナル)を有料で販売する事を検討しています。 そこでお伺いしたいのですが、GPLライセンス下にあるワードプレスのテンプレートを販売する場合、画像やCSS以外の部分、例えばテンプレート用に組んだHTML、プログラムなどを購入者がネット上で公開、再配布することは可能でしょうか? もしくは、なんらかの形で公開、再配布に対して制約を設けることは可能でしょうか?