WordPressサイトのCSSを調整する

多くのWordPress有料テーマでは、フォントやボタンの配色など、管理画面からスタイルを調整することが可能です。
しかし、テーマの機能でカスタマイズできない部分のスタイルを変更したい場合が出てくることもあります。
その場合は、WordPress管理画面の「テーマエディター」からCSSを追記します。

ブラウザのデベロッパーツールで該当箇所のCSSを確認する

まずはデベロッパーツールにて、修正したい要素を特定し、どのようなCSSを追加すれば良いか下調べします。

1. スタイル変更したい要素の上で右クリックし、”検証”メニューをクリックします。
2. デベロッパーツールが立ち上がりますので、”Styles”タブ内でCSSスタイルの検証を行います。

テーマエディターにCSSを追記する

デベロッパーツールでCSSの検証が完了したら、WordPressのテーマに修正用CSSを追記していきます。

1. WordPress管理画面にログインします。
2. サイドメニューの「外観」＞「テーマエディター」と進みます。
3. “スタイルシート”が選択されていることを確認し、CSSを追記していきます。
4. 「ファイル更新」ボタンをクリックし、サイトのスタイルが変更されていることを確認します。