SIRIUSで特定のページにだけ別のスタイルを適用させる方法

CSS（カスケーディング・スタイル・シート）とは、ウェブページのスタイル（外観）を指定するための言語です。

SIRIUSテンプレートのデザインもCSSで作られていて、スタイルシートの記述を変更すればサイトの見た目をカスタマイズすることもできます。

SIRIUSのスタイルシートの確認方法

編集タブの「スタイルシート」をクリックします。

スタイルシート編集ウインドウが開きました。スタイルはテキストなので簡単に変更できます。

などなど、実際にサイトを作っていると必要になってくる場面が多々あります。

それでは実際にスタイルを適用させてみましょう。例として当ページの見出し（H2）のデザインを変更します。

今現在、私がこの記事を書いている当ページの見出しのデザインはこのようになっています。

今回は以下のスタイルを適用します。

h2 {
    border-left: 10px solid skyblue !important;
    color: black !important;
    background-color: whitesmoke !important;
}

スタイルのコードをコピーして適用させたいページの「エントリーページの設定」を開いて「上級者向け設定」をクリックします。

「スタイル割り込み」にコードを貼り付けます。

これで当ページにのみスタイルが適用されました。

スタイルを消さずに残しておくので、今この記事を読んでいる人には最初から変更された状態で見えていると思います。

このようにCSSの知識は必要ですが、それさえあれば「スタイル割り込み」を使用してページごとにデザインを変更したりスタイルを追加することができます。

すべてのページにスタイルを適用させた場合は「ユーザー指定スタイル」を使用します。

スタイルシートを開いて「ユーザー指定スタイル」にコードを貼り付けるだけで簡単にサイト全体に適用させることができます。