ワードプレス関連の役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

Simple Custom CSS - テーマを直接編集せずにCSSをカスタマイズできるWordPressプラグイン

このエントリーをはてなブックマークに追加

記事公開 2014.10.07

最終更新 2016.03.15

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

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

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

はじめに

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

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

インストール方法

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

  1. WordPress管理画面 > プラグイン > 新規追加 >「Simple Custom CSS」で検索
  2. 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の運用が効率化できます。

スポンサーリンク

最後までお読み頂き、ありがとうございます

この記事の内容が役に立ったと思ったらソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

    • 名無しさん
    • 2015年 9月 15日

    WordPress4.3利用していますがうまく反映されませんでした。
    未対応でしょうか?

      • ネタワン管理人
      • 2015年 9月 15日

      WordPress4.3で再度確認してみましたが、こちらの環境では正常に動作するようです。
      おそらくプラグイン以外の問題ではないでしょうか?

      CSSの記述方法にエラーがあるとか、キャッシュが影響していることは考えられないですか?
      再度確認してみてください。

CAPTCHA


ソーシャルメディア & RSS

Twitter Facebook Google+ RSSフィード

スポンサーリンク

賢威7 - SEOマニュアル&テンプレート

新バージョンの賢威7が購入者向けに先行公開中。


賢威7の詳細&レビューはこちら