WordPress ヘルプ

CSS で WordPress のメニューの外観を変更する

テーマの機能が Web サイトのデザインのニーズと合致していないことはよくあります。たとえば、デフォルトで設定されていない色を使用したい場合や、ページ内の要素を少し左または右にずらしたい場合などが考えられます。WordPress ダッシュボードで CSS を使用して、そのような変更を行うことができます。

注: これらの CSS による変更は、現在有効になっているテーマに対してのみ適用されます。テーマが更新されても引き続き適用され、子テーマは不要です。有効なテーマを切り替えた場合は、CSS による変更を再び適用する必要があります。
  1. WordPressにサインイン
  2. 左側のメニューで、「外観」 > 「カスタマイズ」の順に選択します。
    注:「外観」を選択すると「カスタマイズ」ではなく「エディタ」が表示される場合、新しいサイトエディタでメニューのデザインを編集したり、カスタム CSS を追加したりする方法をこちらでご確認ください。
  3. 左側のメニューで、「追加 CSS」を選択します。
  4. 下のフィールドに、使用する CSS コードを入力します。
  5. 公開」を選択します。

これで、変更内容がサイト全体の編集済みメニューで有効になりました。

注: ブラウザを再読み込みしても変更内容が表示されない場合: その後、ChromeFirefox、または Edge のプライベートモードを使用してサイトにアクセスしてください。

詳細