新テンプレート５のヘッダー背景の色を変える方法「SIRIUS」は、２０２２年５月で販売終了しました。そして、２０２２年６月新たに使いやすくなって「SIRIUS2」となって登場！！新機能を詳しく解説して行きますのでご覧ください！！→SIRIUS2SIRIUSで2018年12月に追加テンプレート５が発売されました。私も、追加テンプレートの内「シンプルモダン」を購入しました。早速、このサイトで使用してみましたが、ご覧のようにヘッダー画像の周りは黒く、せっかくのサイトのデザインが台無しです。そこで、ヘッダーの周りのカラーを変更してみましたので、その方法をご紹介してみようと思います。まずは、「テンプレート」→「スタイルシート編集」をクリックします。ここからは、間違うとテンプレートが崩れてしまうので、自分の責任でお願いします。赤枠の部分の「＃000」の部分を、サイトに合うカラーに変更します。（ここは、ヘッダーの部分の周りの色の変更です）HTMLカラーはhttps://www.colordic.org/、サイトで調べるとわかります。赤枠の部分の「＃fff」を「#000」に変更します。ここは、ヘッダー上部に表示されるサイトタイトルの文字の色です。白だと文字が見えにくかったので黒に変更しました。（見やすい色に変更してみてください）ここは、スライダーを使用した場合に、その周りの色の変更になります。赤枠の「＃000」を変更しました。今度は、スマホでも今までと同じことをしてください。後は、ここはTOPページのヘッダーの部分に表示されるメニューの文字の色になります。メニューを使用していない方は変更しなくても大丈夫です。ちなみに、私のサイトでは緑のメニューバーだったので、文字を黒から白に変更して見やすくしました。説明は以上ですが、「スタイルシート編集」には、分かり易いように、この部分はTOPとか、この部分はサイドメニューなどと書かれているので、色の変更は試しに変更しながらやってみると大体変更できます。ただし、別の部分まで変更してしまうと大変なことになるので、一度バックアップしてから変更するようにしましょう。
