サブタイトル見出し機能-SIRIUS2の使い方

2025.10月のSIRIUS2 ver.1.230にて＜サブタイトル見出し＞機能が追加搭載されました。
簡単に言うと”見出しタイトルとサブタイトル（サブテキスト）を2段表示”する機能です。

デザインがいくつか用意されてますので、あとはテキストを入れるだけの簡単設定です。

基本の使い方

設定の仕方は2種類。

【記事タイトル（H2）】で利用したいときは右端のアイコンをクリックします。
【記事本文】内で利用したい時は装飾ツールバーの［見出し］をクリックして出てくる「サブタイトル見出し」を選択します。

設定画面はどちらも同じで、①見出し本文と②サブテキストを挿入します。
あとは好きな④デザインを選択すればとりあえずは完了です。
（⑤プレビュー画面にリアルタイム表示）

③の『見出しタグ』ですが、【記事タイトル】においては（あなた独自のルールがない限りは）「H2」で固定にしておきます。

【記事本文】内の見出しに関してはプルダウンメニューの「H2,h3...」から適切なものを選択します。

⑥の『ID』はページ内リンク（ジャンプ）用で、必要なら半角英数を打ち込みます。

※【ページ内リンク】についてはこちらの記事をご参照ください。

ページ内リンクの作り方

ページジャンプとも呼ばれるページ内リンクの基本的な付け方の説明ページ。

OKをクリックして確定させると編集画面内には下のようなコードが自動挿入されます。

修正したい場合、【記事タイトル】なら右端の専用アイコンをクリック、【記事本文】内ならコード上のどこでもいいのでダブルクリックすると先ほどの設定画面が立ち上がります。

便利な機能ではあるんですが、「やっぱ通常のタイトルだけでいいか」ってなったときの戻し方です。
これ、いろいろ探してみたんですが”クリア”ボタン的なものはないみたいですね。

ということは下のようなコードから、

<h2 class="topic topic-sub1"><span class="subtext">sub-title</span>見出し本文</h2>

【記事タイトル】内なら”見出し本文”というテキスト以外を削除、もしくは欄内を全削除→”見出し本文”とあらたに打ち込む。

【記事本文】内なら”見出し本文”というテキスト以外を削除→”見出し本文”を範囲選択→［見出し］から「H2見出し」を選択というやや面倒な工程が必要みたいです。

デフォルトではテンプレートのアクセントカラーが指定されるようになっていますが、見出し本文やサブタイトルの色は変更可能です。

【色の設定】タブを選択して好きな色を選択します。

『サブテキスト透明度』は文字通りサブテキストの透過具合の調整項目で、数値が1よりも小さくなればなるほど薄くなります。

文字サイズの変更箇所は2ヵ所あって、1ヵ所目が①『文字サイズ』での「小・中・大」からの選択。
そこでの設定だけではしっくりこない場合は②『文字サイズの設定』にて細かく調整が可能。
（PCとスマホで別々の文字サイズを設定することも可）

『行揃え』ではテキストの位置を中央寄せか左寄せにできます。

見出し本文とサブテキストを個別にサイズ変更することはできません。

＜サブタイトル見出し＞を利用したページで目次を表示させてみました。
その結果がこちら。

目次をよく見ると、サブテキストと見出し本文が連なって表示されてます。しかもサブテキストの方が前に来てるという…。
これはちょっといただけないですね。せめて「サブテキストは目次内では非表示にする」などのオプションがあればよかったんですが。

ということで現状では＜サブタイトル見出し＞を使ったページでは目次は非表示にしておくのが無難な策と言えます。

サブテキストだけ非表示にするカスタマイズも考えてみました。
しかしながらサイト生成の段階でサブテキスト用のコードが全部外されてしまうようなので現状ではいかんともしがたいです。

この仕様はアップデートで変更になる（？）