WordPress ヘルプ

このページをご利用いただけるよう、最善を尽くして翻訳しております。 英語のページもご用意しています。

CSSを使用してWordPressでページまたは投稿のデザインを変更する

テーマの機能がWebサイトのデザインニーズを満たさない場合があります。たとえば、デフォルトでは提供されていない色を使用したり、ページ上の要素を少し左または右に移動したりできます。 WordPressダッシュボードでCSSを使用して、このような変更を行うことができます。

注:これらのCSS変更は現在アクティブなテーマにのみ適用され、テーマを更新した後も子テーマを使用しなくても機能します。アクティブなテーマを切り替える場合は、CSSの変更を再度適用する必要があります。
  1. WordPressにサインイン
  2. 左側のメニューで、「外観」、「カスタマイズ」の順に選択します。
    注: [外観]を選択した後、[カスタマイズ]ではなく[エディタ]が表示される場合は、こちらの記事を参照して、新しいSite EditorにカスタムCSSを追加する方法を確認してください
  3. 左側のメニューで、「追加のCSS 」を選択します。
  4. 下のフィールドに、使用するCSSコードを入力します。
  5. 公開」を選択します。

これで、サイトにCSSで加えたデザインの変更が表示されます。

注意:ブラウザをリロードしても変更が反映されない場合: その後、 ChromeFirefox 、またはEdgeのシークレットブラウジングモードでサイトにアクセスします。

詳細