『Simple Custom CSS』はテーマをいじらずちょっとCSSを編集したいときに便利なプラグイン
公開日：
:
Web技術・ノウハウ, Wordpress css, プラグイン
CSSだけ編集したいけれどWordPressのテーマを直接編集するのは避けたい、かといって子テーマを作るほどではない。
そんなときに便利なプラグイン『Simple Custom CSS』をご紹介します。
使い方
1. インストール〜設定画面へ
まずプラグインをインストールして有効化。外観→「Custom CSS」を選択します。
2. CSS設定画面
すると以下のようなCSS編集画面が開きます。
3. CSSを追加して反映
入力欄内にCSSを書き込んで「Update Custom CSS」ボタンを押すと、設定したCSSが適用されます。
ここでは仮に「headline-basic」要素にmargin-top:21pxのCSSを設定しています。
これだけです。シンプル！
ひとこと
本格的にCSSを編集するときには子テーマを作ってその中でcssファイルを編集した方が良いのですが、それなりに手間がかかります。もっと手軽に「ちょっとだけCSSを編集したい。元のテーマをいじらずに。」という場合には便利なプラグインですね。操作方法もカンタンで、説明が無くとも直感的にできてしまうのではないでしょうか。
なお既にJetPackプラグインを使っている場合は「カスタムCSS」でCSSの追加・置き換えができるので、そちらを使っても良いと思います。
Simple Custom CSS
ジャンル：CSS編集
概要：テーマに独自CSSを追加できるプラグイン
PR
関連記事
-
-
『Duplicate Post』で投稿ページ・固定ページをカンタン複製
WordPressの投稿ページや固定ページを複製できるプラグイン『Duplicate Post』
-
-
公開前のページを第三者にシェア！『Public Post Preview』は下書きページへの共有リンクを発行できるプラグイン
公開前のページを第三者に確認してもらうのに便利なプラグイン『Public Post Previe
-
-
WordPressの子テーマで画像が表示されないときはstylesheet_directoryを使っているか確認する
先日とあるお客様のWordPressサイトで「画像が表示されない」と相談を受けました。 Wor
-
-
【保存版】WordPressのサイトをmacのローカル環境にコピーして動かす方法
WordPerssで作った既に公開中のWebサイトについて、サイトを丸ごとローカル環境に持ってき
-
-
【保存版】全訳：Webサイトユーザビリティーチェックリスト25項目
本質的な知識というものは時が経っても価値が失われません。 User Effect の 「25-
-
-
Rubyで小数点第２位以下を切り捨てる方法
Rubyには標準で便利なメソッドがたくさん用意されています。数値の取り扱いについてもNumericク
-
-
URLを指定するだけでWebサイトを丸ごとダウンロードできるMacアプリ『SiteSucker』
Web制作をしていると、特定のサイトをローカルにダウンロードしたいと思うことがありませんか？
-
-
自作テーブルの追加からデータ取得まで！WordPressでデータをDBに保持して使う方法
WordPressでWebサイトを作ったとき、何かしらのデータをデータベース上に保持しておき必要
-
-
ドラッグ＆ドロップだけ！『Intuitive Custom Post Order』は投稿一覧のページ並び順をスイスイ変更できるプラグイン
WordPressの投稿一覧の各投稿ページをカンタンに並べ替えできるプラグイン『Intuitiv
-
-
【やって覚える】BootstrapでWordPressサイトをレスポンシブデザイン化する方法
先日Googleから「4/21以降、サイトのスマホ対応有無を検索結果の順位に反映
Comment
[…] 『Simple Custom CSS』はテーマをいじらずちょっとCSSを編集したいときに便利なプラグイン […]