WordPressでCSSを追加、編集したときなど、CSSコードを綺麗に直してくれる「Code Beautify」

csshennsyuuhalpost

WordPressでよくCSSの追加をしますが、いかんせん素人ですのでコードが人に見せることが出来ないぐらいぐちゃぐちゃです。そこで並びだけは綺麗にしたいということで「Code Beautify」を使っています。


Code Beautify

このサイトで簡単にCSSコードを綺麗に直してくれます!!

操作方法

【CSS VIEWERをクリック】:

csskodoCode BeautifyにアクセスしてCSS VIEWERをクリック


【Beautifyをクリック】:

csscodehalpostInputに綺麗に直したいCSSコードを丸ごと入れて、Beautifyをクリック


【Resultに修正後のコードが表示される】:

これが↓
html { font-size: 100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
こうなります↓
html {
     font-size: 100%;
    -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}



これだけでResultに結果が表示されます。すごく簡単ですよね。見た目はプロ並みになりますwww



綺麗だからと言ってなんかなるわけではありませんが、自分で見たときに綺麗に表示されていたらコードを編集するとき楽になると思いますので、ぜひ一度やってみると良いかもしれません。

シェアする

フォローする

コメントをどうぞ

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