プラグイン開発・活用

WordPressで気軽に・簡単にCSSを書くならSimple CSSがお勧め!

Simple CSS

こんにちは。Toshi Seitoです。

WordPressの使い方やカスタマイズの仕方をレクチャーする上で
よくCSSで文字の大きさを変えたい、とか色を変えたい等
やること自体は簡単なことでも、WordPressでそれをするにはどうしたら良いの?
という相談をされます。

WordPressを少し知っている方の場合は直接テーマ編集の画面で
CSSを編集できる事までは知っているみたいですが
私はそれはお勧めしていません

なぜなら、テーマのアップデートを行ってしまうとそれは消えてしまうからです。

なので、CSSをいじりたい時はプラグインのSimple CSSを使いましょう!

プラグインの場合、テーマが更新されたとしても、ここで編集するCSSは独立しているため
テーマのアップデートとは関係ないので、ちゃんとCSSの設定が残ります。

 

プラグインのインストールは簡単で、WordPressの管理画面のプラグイン→新規追加で
検索窓にSimple CSSと入力すれば出てきます。

Simple CSS

 

有効化した後は、管理画面の「外観」の中に「Simple CSS」のメニューが表示されます。

メニューを開くと、背景が黒い画面が表示されます。

あとは、こんな感じで上書きしたいCSSのクラスを記述して、Save CSSをする事で

反映することができますよ!

 

これでフォントの色や、背景色など気軽に変えることができますね。

 

以上Simple CSSについてでした!

 

WordPressのデザインカスタマイズや、
思い通りのレイアウトにならずお悩みではありませんか?
  • 「CSSをいじってみたけれど、スマホで見るとレイアウトが崩れてしまう…」
  • 「既存テーマの機能だけでは限界があり、自社に合ったデザインにできない!」
  • 「ネットのコードをコピペして、サイトが真っ白になるのが怖くて手を出せない…」

文字色や余白を少し調整する程度なら簡単ですが、ビジネスの信頼感を高める本格的なデザイン変更や、スマホ・PC両方で崩れないレスポンシブ対応には、専門的なCSSやテーマ構造の知識が必要になります。

TEDASKでは、既存テーマの高度なカスタマイズから、スマホ表示の最適化、崩れてしまったレイアウトの安全な復旧まで幅広く伴走しています。
「自分で何時間も悩むより、プロに綺麗・確実に整えてほしい!」という方は、ぜひ一度お気軽にご相談ください!

WordPressテーマ制作/カスタマイズレクチャーの詳細を見る

この記事を書いた人
Toshi Seito

TEDASK代表
WordPressに関する相談実績のべ600件以上!WordPressの高度なカスタマイズから、海外製の高機能WordPressテーマの導入支援、LaravelによるWEBサービス制作はお任せ下さい。

Toshi Seitoをフォローする