ワードプレス

【Internet Explorer】CSSをコピーするとコードが崩れてエラーになってしまう対処方法

ブログやホームページをカスタマイズする際に使用するCSSですが、素敵なデザインの見出しなどを見つけて、CSSをStyle.cssなどにコピペしたのCSSがごちゃっとなってしまい、エラー表示が出てうまく保存できないという事例が起き、困っていた今日この頃でした。

カスタマイズって時間かかるので、エラーとか起きてしまうと作成意欲が落ちてしまい、初心者の私は、カスタマイズ自体を諦めてしまうことも多々…。

でも、なんとかカスタマイズをしたくて対処方法を必死に探したので、ご紹介したいと思います。

CSSをコピペするとCSSコードが崩れてエラーになってしまう

状況確認

まずは、状況確認なんですが、普段は、Internet Explorerを使っているのでInternet Explorerでカスタマイズをしています。

カスタマイズする時にCSSをコピーして貼り付けようとStyle.cssにコピペします。

コピペすると上のようにごちゃっとCSSコードが張り付いてしまい、左にエラーマークが出てファイルを更新することができません。

(正確には無理やり更新できるのですが、当然CSSは反映されません。)

こちらをきれいにコピペして反映させるようにしたいと思います。

しかし、パソコンのコピー機能が悪いのかな?上書きモードになってる?とかいろいろ考えて試したのですが、ぜんぜん直りませんでした。

ふと気づいたのですが、私はどうもGoogle Chromeに慣れなくていまだにInternet Explorerを使っています。

ブックマークや設定など長年使っていたので、Internet Explorerの方が使いやすいと思っていたのですが、試しにGoogle Chromeでやってみようかな?と思って試してみました。

【Internet Explorer】でエラーが出たCSSコピペが【Google Chrome】ではきれいに表示された!

なんと!Google ChromeではCSSがきれいに表示されたんです。

原因はわからないのですが、Internet Explorerの開発は現在は終了しているようなので、もしかしたらその辺も影響しているかもしれません。

これからは、Google Chromeに慣れるようにしなければなりませんね。

まとめ

Internet Explorerの開発は現在は終了しているようなので、もしかしたらそういうものも影響しているのか?!原因はわからないが、Internet ExplorerでCSSのコピペがきれいに表示されない場合は、Google Chromeでワードプレスを編集、CSSカスタマイズをしてみるといいかもしれません。

最後までお読みいただきありがとうございました。

アニメ見るならココ!おすすめのVOD

アニメ好きの私がおすすめのVOD(ビデオオンデマンド)です。

価格、アニメ数においても総合1位は『dアニメ』!



初回ご加入時に限り、31日間無料でお試し! ドコモのケータイ以外も登録可能!

アニメ作品数No.1の見放題サイト! ※国内の定額動画配信サービスにおいて。2018年3月時点、NTTコム オンライン・マーケティング・ソリューション株式会社調べ。

 

スマートフォン・タブレット・パソコンも対応 !Chromecastなら高画質で視聴可能!!