|Liberty自由に生きる。2019年3月13日WordPressでオリジナルテーマを作成中にsafariにだけCSSが反映されない時の対処法WordPress|プログラミングこんにちは、yutaです。現在、WordPressのオリジナルテーマを自作する練習をしているのですが、safariにだけCSSが反映されない(PCもiPhoneも。)現象が起きたので、色々調べて最終的に解決しました。今回は、解決した際に行ったことをまとめます。Safariのキャッシュを削除する1つ目はSafariのキャッシュを削除する方法です。Safariの「環境設定」から「詳細」タブへ移動して「メニューバーに”開発”メニューを表示」のチェックボックスにチェックを入れます。Safariのメニューバーに”開発”メニューが表示されるのでそれを開いて、「キャッシュを空にする」をクリックすればキャッシュが削除されます。WordPressのテーマ編集で、読み込ませているCSSファイル(style.css)の中身を確認して最新の状態になっているのにSafariに反映されない場合は、キャッシュが問題の可能性が高いのです。CSSの読み込ませ方を変える2つ目は、phpファイルのコードを書き換えて、CSSの読み込ませ方を変える方法です。僕の場合は、最初はこちらの方法で解決したんですが、その後またCSSが反映されなくなったので1つ目のキャッシュ削除を行ったら反映されるようになりました。上記方法でもCSSがリアルタイムに反映されないことがあるので、MAMPという「ローカルPCにWordPress環境を構築できる無料ソフト」を導入して、そこで開発した物を最終的にサーバーにアップロードするという手順が確実かなと思います。Academyは、人気のJavaやHTML、CSS、PHPを始め、UnityやAIコースなど様々な分野のプログラミングが学べるオンラインプログラミングスクールです。エンジニア転職保証があるプログラミング未経験からエンジニア転職を目指す「エンジニア転職保証コース」では、現職エンジニアとキャリアカウンセラーによる転職サポートが受けられます。Academyの無料体験ができます。興味がある方は是非上のバナーからチェックしてみてください。yutric9☆gmail.com☆を@に置き換えて送信してください。仕事のご依頼や、その他の質問など何でもお気軽にお問い合わせください。2019プライバシーポリシ。