SimplicityでCSSをカスタマイズする方法

どうも、Tです。

WordPressは、CSSをカスタマイズすることによって、自分が行いたいように変更を行うことができます。

ネットでは、Simplicity向けの色々なカスタマイズ方法を公開しています。

そのCSSのカスタマイズは、どのようにするのか?と思ったので、ご紹介。

すごく簡単でした。

CSSをカスタマイズする場合は、失敗しても大丈夫なように事前にバックアップを取得しておきましょう。

CSSカスタマイズ方法

WordPressの管理画面にログインし、「外観」->「テーマ」をクリックします。

使用しているテーマの「カスタマイズ」ボタンをクリックします。

※Simplicityを使っている場合は、「Simplicity2 child」を導入してこれをメインに使いましょう。

画面遷移後のメニューの一番下に「追加CSS」があるので、こちらをクリックします。

実際の編集画面です。

左欄の中に変更したいCSSを記載します。右の画面でプレビューができるので便利です。

プレビューで問題ないようであれば、上側の「公開」ボタンをクリックすると反映されます。

色々いじってる最中なので、設定内容などについても今後残していきたいですね。

とても簡単なので、みなさん自分好みのブログにカスタマイズしてきましょう!