Amazonで商品を見る セール会場へ

WordPress│style.cssをバックアップする方法|エディタ反映とCtrl+S保存も

テーマに必ず入っているstyle.css。

CSSを記入する場所ですが、これをエディタにも反映させると編集画面上で実施の見た目と同じ状態になります。

そのカスタマイズに加えて、emmetによるCSSの自動補完機能とショートカットによる保存機能、バックアップ機能を加えてみました。

WordPress上でCSSを編集するのにとても便利なカスタマイズです。

目次

著者

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください!

style.cssをエディタに反映させて、さらに便利にする方法

本記事では4つのカスタマイズを入れることで、style.cssを劇的に便利にします。

導入するカスタマイズ
  • style.cssのcssをエディタにも反映
  • emmetのCSSの自動補完機能
  • ショートカットCtrl+Sによる保存機能
  • バックアップ機能(日時付きデータのダウンロード)

それでは早速4つのカスタマイズをそれぞれ紹介いたします。

この記事だけ読みたい方は単品購入、ほかの有料記事も読みたい方は購読プランをご確認ください。

購読対象の記事・料金は、下のプラン案内で確認できます。

役に立った記事を、ブログやSNSで紹介しませんか?

紹介制度の対象記事・購読プランを購入した方は、codocで専用リンクと報酬条件を確認できます。

専用リンク経由で購入されると、設定された紹介報酬が発生します。

購読プランの紹介報酬は初回課金のみが対象です。

codocで紹介リンク・報酬条件を確認する

紹介時は、広告・PRであることが読者に分かるように明記してください。

  • URLをコピーしました!

実装を任せたい方へ

WordPressのカスタマイズ代行

ブロックの追加、テーマの改修、管理画面の調整など、記事で紹介している内容の実装を承ります。1時間 ¥8,000〜(税込)。

WAZAの有料記事のサブスクリプションも開始しました。

サービス

Service

WordPressサイトのカスタマイズのサービスに関心がありましたら、ぜひ詳細をご覧ください。

目次