CSSを使用してWordPressでページまたは投稿のデザインを変更する
テーマの機能がWebサイトのデザインニーズを満たさない場合があります。たとえば、デフォルトでは提供されていない色を使用したり、ページ上の要素を少し左または右に移動したりできます。 WordPressダッシュボードでCSSを使用して、このような変更を行うことができます。
注:これらのCSS変更は現在アクティブなテーマにのみ適用され、テーマを更新した後も子テーマを使用しなくても機能します。アクティブなテーマを切り替える場合は、CSSの変更を再度適用する必要があります。
- WordPressにサインイン。
- 左側のメニューで、「外観」、「カスタマイズ」の順に選択します。注: [外観]を選択した後、[カスタマイズ]ではなく[エディタ]が表示される場合は、こちらの記事を参照して、新しいSite EditorにカスタムCSSを追加する方法を確認してください。
- 左側のメニューで、「追加のCSS 」を選択します。
- 下のフィールドに、使用するCSSコードを入力します。
- 「公開」を選択します。
これで、サイトにCSSで加えたデザインの変更が表示されます。
注意:ブラウザをリロードしても変更が反映されない場合:
- サイトがManaged WordPressで実行されている場合は、このプラットフォームが使用する組み込みキャッシュをクリアします。
- サイトが管理WordPress上になく、サードパーティのキャッシュプラグインを使用している場合は、プラグインキャッシュをクリアします。この方法については、該当するプラグインのドキュメントを参照してください。
詳細
- WordPressで生成されたCSSクラスを含む、 WordPressとCSSの詳細情報を確認してください。