今日はワードプレス上で固定ページの編集をするときなどに、少し役立つ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も整形できるので、便利です。良かったらお試しください！
「余裕があれば、なるべくコードは整理しておくべき」
（いけだ）
コメント