WordPressのプラグインの「cssファイル」を直接編集したくなる時があります。
（お勧めしません。トラブルのもとです笑）
しかし、いざcssファイルを開いても、こんな感じでcssファイルが全部1行で表示されてしまい、読めないし編集もできない時があります。
絶望的な気持ちになると思いますが、一発で直せます。
綺麗にcssファイルを成形できます。
※念のため作業前にcssファイルのバックアップを取っておきましょう。
１．Syncerへアクセスする
Syncerへアクセスしてください。
https://syncer.jp/css-prettyprint
２．整形前のコードに1行で表示されてしまったcssを全部コピペする
Syncerへアクセスすると、以下のようにcssのコードを張り付ける画面が出るので、「整形前のコード」の欄にcssのコードをコピペしてください。
コピペしたら下の「整形をする」をクリックしてください。
３．整形後のコードをファイルに貼り付ける
一瞬でコードの整形が終わるので、「整形後のコード」をコピペして元のファイルに貼り付けてください。
これで綺麗に成形されました。
結構私は重宝して利用しています。
コメント