クラス設定機能を利用する

クラス設定機能で自分だけのスタイルを追加する

SIRIUS2にはクラス指定機能が搭載されています。
この機能はご自身で指定したクラス(スタイル)を、HTMLタグに付与できる機能です。
SIRIUS2からは、クラスの設定ごとにスタイルシートの記述ができるようになったため、スタイルシートのカスタマイズが不要になっています。

このページの目次

なおクラス指定機能で設定した内容は、設定したサイトでのみ有効となります。他のサイトには適用されませんのでご注意ください。

文字装飾メニューの「クラス」→「クラスの設定」を選択する

クラスの登録を行いたい場合は、文字装飾メニュー3段目にある「クラス」→「クラス設定」を選択します。

新規追加ボタンをクリックする

下図のような設定画面が表示されます。こちらでクラスの登録を行います。
クラスを追加するには、上部メニューの「新規追加」ボタンをクリックしてください。

クラスの設定を行う

クラスの設定画面が表示されます。こちらで各種設定を行って下さい。

クラス名	クラス名を指定します。半角英数字でクラスの名前を指定してください。なお先頭の半角ドットは不要です。
HTMLタグがない場合に挿入するタグ	選択したテキスト部分にHTMLタグがない場合、代わりに挿入するHTMLタグを指定します。デフォルトではspanタグが指定されていますが、下部の「タグの指定」を選択してタグを選択すると、この項目を変更することができます。
クラスの説明(任意)	クラスの説明文を記述します。必要に応じて、どのような役割のクラス名なのかをメモする形で記述してください。

(必要に応じて)追記するスタイルの記述を行う

SIRIUS2のスタイルシート内に、クラスに関する記述を行いたい場合は「追記するスタイル」の項目を開き各種設定を行います。

スタイルシートに自動追記する	SIRIUSのサイト生成時、プレビュー時に、スタイルシートに追記したい場合はこちらをチェックします。
優先度	通常は1を指定します。スタイルシートの下に表示させたい場合は、2以降の数字を任意で指定してください。
追記する内容	指定したクラスに関するスタイルを追記します。ここで指定した内容は、SIRIUS2のプレビュー時、及びサイト生成時にスタイルシートの下部に追記されます。例) .red{ color:red; font-weight:bold; }