[WP Plugin] Jetpack: 利用しているテーマに Custom CSS を管理画面から追加する

公式プラグイン Jetpack by WordPress.com の「カスタム CSS」機能が便利。

経緯

暫定テーマで見切り発車した後、テーマの作り直しが延び延びになっている。
気持ち悪い部分がいろいろあり、がまんできずに Plugin, Widget, CSS などできるところから少しずつ見直している。
CSS の追加は、Jetpack の「カスタム CSS」で簡単できた。

設定

Jetpack をインストール後、「管理画面 > Jetpack > 設定」から「カスタムCSS」を有効化。

2016-05-18_jetpack_01

「外観 > CSS 編集」からスタイルシートエディターが利用できる。

2016-05-18_jetpack_02

テーマを変更すると、カスタムCSSはリセットされるとのこと。

  • プリプロセッサ … 「なし, Sass, LESS」を選択できる。
  • モード … 「CSSを追加, テーマのCSSと入れ替え」を選択できる。
  • メディア幅 … 「フルサイズ画像の最大幅」をピクセル指定できる。

Custom CSS — Jetpack for WordPress