■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の運用が効率化できます。