SimpleCustomCSS

■Simple Custom CSS(カスタムCSS)について■

 

※ロリポップのWAF(ファイアーフォール)設定が有効になっているとカスタムCSSの権限がない(エラー403)とないとでるため、ロリポップ管理画面で無効にしておく。
反映には5.10分かかる。

 

 

Simple Custom CSSは、WordPressテーマのテンプレートを直接編集することなく、テーマのCSSをカスタマイズできるプラグインです。テーマのCSSをプラグインを利用してカスタマイズできます。

通常の場合、WordPressテーマのCSSをカスタマイズする際は、テーマのテンプレートの中にあるCSSを直接編集します。しかし、その方法だと、WordPressテーマをアップデートした際に、CSSをカスタマイズした部分が上書きされて失われます。このプラグインを利用すると、WordPressテーマをアップデートしてもテーマのCSSをカスタマイズした内容が失われることはありません。つまり、WordPressの運用が楽になり、効率的に運営できます。

このプラグインは初心者向けではありません。名前の通り、シンプルで使いやすいです。余計な機能が一切ありません。WordPressテーマのCSSをカスタマイズしたい方が利用すると役に立ちます。

目次 [非表示]
1 はじめに
2 プラグインの使い方
3 このプラグインもおすすめ
4 まとめ
はじめに

このプラグインが優れている点

WordPressテーマのテンプレートを直接編集することなく、テーマのCSSをカスタマイズできる。
WordPressテーマをアップデートしても、CSSをカスタマイズした内容が上書きされて失われることがない。
CSSのコード表示はSyntax Highlighterを利用している。
余計な機能が一切無い。シンプルで使いやすい。
インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

WordPress管理画面 > プラグイン > 新規追加 >「Simple Custom CSS」で検索
WordPress.org からダウンロード
プラグインの使い方

管理画面の場所

このプラグインの管理画面は「外観」の中にあります。

WordPress管理画面 > 外観 > Custom CSS

Custom CSS

CSSをカスタマイズする内容をここに記述します。そして、「Update Custom CSS」ボタンをクリックして保存するだけです。

WordPressテーマを直接編集しないので、WordPressテーマをアップデートしてもCSSの内容がリセットされることはありません。WordPressテーマが定期的にアップデートするテーマを利用している場合は、このプラグインが役に立ちます。

Simple Custom CSS

このプラグインもおすすめ

functions.phpをカスタマイズする機会が多い方は、functions.phpのPHPコードを管理できるWordPressプラグインも合わせて利用すると良いかもしれません。

参考
Code Snippets ? functions.phpのPHPコードを管理できるWordPressプラグイン

まとめ

Simple Custom CSSは、WordPressのテーマ本体を直接編集することなく、テーマのCSSをカスタマイズできるプラグインです。テーマのCSSをプラグインを利用してカスタマイズできます。

通常の場合、WordPressテーマのCSSをカスタマイズする際は、テーマ本体の中にあるCSSを直接編集します。しかし、その方法だと、WordPressテーマをアップデートした際にCSSをカスタマイズした部分が上書きされて失われます。このプラグインを利用すると、WordPressテーマをアップデートしてもテーマのCSSをカスタマイズした内容が失われることはありません。つまり、WordPressの運用が効率化できます。