WordPressのCSSファイルが全部1行になって読みにくくなった場合の対処方法 | 100%レンタルサーバーを使いこなすサイト

トップページ
HTML/CSS
WordPressのCSSファイルが全部1行になって読みにくくなった場合の対処方法

WordPressのCSSファイルが全部1行になって読みにくくなった場合の対処方法

公開日時：2017年04月01日　/　最終更新日時：2019年02月11日

WordPressのプラグインの「cssファイル」を直接編集したくなる時があります。

（お勧めしません。トラブルのもとです笑）

しかし、いざcssファイルを開いても、こんな感じでcssファイルが全部1行で表示されてしまい、読めないし編集もできない時があります。

絶望的な気持ちになると思いますが、一発で直せます。

綺麗にcssファイルを成形できます。

※念のため作業前にcssファイルのバックアップを取っておきましょう。

目次

１．Syncerへアクセスする

Syncerへアクセスしてください。

https://syncer.jp/css-prettyprint

２．整形前のコードに1行で表示されてしまったcssを全部コピペする

Syncerへアクセスすると、以下のようにcssのコードを張り付ける画面が出るので、「整形前のコード」の欄にcssのコードをコピペしてください。

コピペしたら下の「整形をする」をクリックしてください。

３．整形後のコードをファイルに貼り付ける

一瞬でコードの整形が終わるので、「整形後のコード」をコピペして元のファイルに貼り付けてください。

これで綺麗に成形されました。

結構私は重宝して利用しています。

Posted by 100%レンタルサーバーを使いこなすサイト管理人

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。