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

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

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

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

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

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

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

１．Syncerへアクセスする

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

https://syncer.jp/css-prettyprint

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

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

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

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

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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

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