ワードプレス小技1　汚いコードをキレイに！

今日はワードプレス上で固定ページの編集をするときなどに、少し役立つTIPSです。
固定ページの編集って、コードが汚くなりがちではないですか？
WEB上でコードを貼り付けると整形してくれるサービスもありますが、今回はVisual Studio Codeを使った方法をご紹介します。
慣れると手早くコードの整形ができますよ！

【準備】
Visual Studio Codeを使用します。こちらからダウンロードできます。

１．Visual Studio Codeを起動すると、こんな感じの画面です。ツールと言語をクリックしてください。

２．次はこんな画面です。検索窓に、「js-css-html」と入力してください。
すると、JS-CSS-HTML FORMATTERがヒットするので、インストールをクリックしましょう。



３．インストールできましたが、Visual Studio Codeを再起動しないと反映されません。いったん終了してください。



４．もう一度Visual Studio Codeを起動します。新しいファイルを作ってみます。



５．固定ページのコードなど、整形したいコードを貼り付けます。今回はhtmlファイルなので、貼り付けたら、CTRL+sで「format.html」などの適当な名前で保存してください。



６．もう整形されていますね！保存以外にも、Alt+Shift+fでも整形できます。

CSSも整形できるので、便利です。良かったらお試しください！

JS-CSS-HTML Formatter

 

「余裕があれば、なるべくコードは整理しておくべき」
（いけだ）