CSS で WordPress のメニューの外観を変更する
テーマの機能が Web サイトのデザインのニーズと合致していないことはよくあります。たとえば、デフォルトで設定されていない色を使用したい場合や、ページ内の要素を少し左または右にずらしたい場合などが考えられます。WordPress ダッシュボードで CSS を使用して、そのような変更を行うことができます。
注: これらの CSS による変更は、現在有効になっているテーマに対してのみ適用されます。テーマが更新されても引き続き適用され、子テーマは不要です。有効なテーマを切り替えた場合は、CSS による変更を再び適用する必要があります。
- WordPressにサインイン。
- 左側のメニューで、「外観」 > 「カスタマイズ」の順に選択します。
注:「外観」を選択すると「カスタマイズ」ではなく「エディタ」が表示される場合、新しいサイトエディタでメニューのデザインを編集したり、カスタム CSS を追加したりする方法をこちらでご確認ください。
- 左側のメニューで、「追加 CSS」を選択します。
- 下のフィールドに、使用する CSS コードを入力します。
- 「公開」を選択します。
これで、変更内容がサイト全体の編集済みメニューで有効になりました。
注: ブラウザを再読み込みしても変更内容が表示されない場合:
- サイトが Managed WordPress 上で実行されている場合、 このプラットフォームで使用されている組み込みのキャッシュをクリアしてください。
- サイトが管理 WordPress 上にはなく、サードパーティ製のキャッシュプラグインを使用している場合、プラグインキャッシュをクリアしてください。この手順についてサポートが必要な場合は、該当するプラグインのドキュメンテーションをご確認ください。
詳細
- WordPress で生成された CSS クラスを含む、WordPress および CSSの詳細情報をご確認ください。