Base』ですが、使っている人が多い分オリジナル性に欠けてしまう部分があります。それならせめて記事の周囲の色だったり、ヘッダーの文字や背景の色を変えたいと考えた方も多いと思います。そこで今回の記事は背景色のカスタマイズです。初心者の方でもコピペでカスタマイズができるように解説していきます。編集するファイルはstyle.cssこの記事で焦点を当てている『ヘッダー(header)』と『ボディ(body)』ですが、色を変更するだけなので『style.css』というファイルの編集のみでカスタマイズすることができます。style.cssへの移動まずは編集を行うためにスタイルシートへ移動します。❶管理画面から『外観』の『テーマの編集』へ移動。❷テーマファイルから『スタイルシート』を選択。これでカスタマイズの準備は整いました。※カスタマイズは念のためバックアップを取ってから作業をすることをオススメします。背景色のカスタマイズここから実際にカスタマイズに入ります。イメージが湧きやすいように、カスタマイズ後の状態もお見せしておきます。Baseの標準の配色、右が変更後のカスタマイズした配色です。それではこのカスタマイズを、2箇所に分けて行っていきます。ヘッダーのカスタマイズまずはヘッダーのカスタマイズです。ヘッダーはタイトルが表示されているサイトの上の部分です。初期状態では背景色が『白』、文字色が『濃いグレー』となっています。ここの色を変更して保存することで、ヘッダーの色をカスタマイズすることができます。今回は先ほどのイメージの通りに変更するので、上の画像の『置き換える部分』をそのまま下のコードに置き換えてみて下さい。#ffffff;}置き換えた後で『ファイルを更新』ボタンをクリックすることで、ヘッダーのカスタマイズが完了します。ボディのカスタマイズ次はボディのカスタマイズです。ボディの背景色を変更することで、記事の周囲全体の色を変えることができます。初期状態では背景色が『薄いグレー』となっています。この部分の色を変更することでカスタマイズができます。こちらもイメージの通りに変更するので、上の画像の『置き換える部分』をそのまま下のコードに置き換えてみて下さい。#383838;}置き換えた後で『ファイルを更新』ボタンをクリックすることで、ボディのカスタマイズが完了します。これでヘッダーとボディの2箇所の背景色のカスタマイズは完成です。今回のカスタマイズにおいて反映されない場合、主な原因は2つです。●コードが間違っている単純にコードの記述ミスによるものです。入力した『#~~~~~~』の後に『;』を付いているかも確認しましょう。●履歴の影響Webの閲覧履歴の影響で、前に読み込んだcssのまま表示されてしまう時があります。この場合は履歴を1度削除して確認してみると反映されます。2018年10月14日お世話になります。いつも助けていただき、ありがとうございマス!下記のコードですが、ヘッダーの色が変わりません。さんコメントありがとうございます!「body.color04」のカラースキームを変更されているようなのでこちらでも試してみましたが、確かに私の方もヘッダーの色は変わりませんでした。#fff;」という部分のカラーコードを編集してみて下さい。これでヘッダーの背景色を変更することができますよ^^ちなみにビックリマークについてですが、これはワードプレスのエラーチェック機能の影響です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。