見出しデザイン-SIRIUS2

 

各見出し（H2,h3...）にオリジナルの装飾を施せる＜見出しデザイン＞機能が新しく搭載されました。

設定画面

＜見出しデザイン＞は装飾を付けたいテキストを選択した後、記事装飾メニュー最上段の【見出し】→【見出しスタイル】から選択します。

 

 

 

①アイコン

見出し前にアイコンを付けられます。

こちらはSIRIUS2に付属のアイコンを付けてみたサンプル。

 

②文字サイズ

文字サイズを変更したいときはここで調整できます。

見出しデザインの一括変更

SIRIUS2アップデート（ver.1.03）にて見出しデザイン機能が一括で変更できるようになりました。

この機能を使えばすべてのH2（H3,h4...）見出しを設定したデザインで統一表示させることができます。

 

変更のやり方

【デザイン】タブ→【見出しデザイン】で設定画面を開きます。

 

 

こちらが設定画面で、左側には各見出しの指定欄が、右側にはプレビュー画面があります。

（設定を変更するとプレビュー画面に即反映されます）

 

例えばH2見出しを変更したいなら青丸で囲ったH2見出し「変更」ボタンをクリックします。

 

 

見出しデザイン変更画面になるのでこれまでご説明してきたやり方を参考に好きなデザインを指定していきます。

サンプルとして下の設定で「OK」をクリックしてみます。

 

 

H2見出しが指定したデザインで登録されました。

プレビュー画面にも変更が反映されてます。

 

これですべてのH2見出しが変更したデザインで表示されるようになります。

 

 

こんな感じで他の見出しも同様に変更できます。

 

 

 

設定をパターン登録

たとえば「H2見出しを別のデザインに変えてみたいけど毎回細かくカスタマイズするのが面倒くさい」なんて時は設定をパターン登録しておくと変更がとてもラクになります。

 

こんな感じですね。

 

これをスタイルを変えるたびにあちこちポチポチやっていくのはとても面倒です。

こういう時は設定を「パターン登録」しちゃいましょう。

 

「設定をパターン登録」をクリックするとパターン名の登録画面になるのでわかりやすい名称で登録しておきます。

 

 

こうしておけばたとえば下のようなデザインを別の登録したデザインに変更したい場合、「パターン設定の読み込み」をクリックして出てきた選択画面から変更したい登録名をクリックすれば瞬時に登録したデザインで置き換わります。

 

 

 

＜見出しデザイン＞の一括変更機能はとても便利なんですが、トップページとエントリーページで別々の見出しデザインを設定することはできません。

 

また通常の2カラムと1カラム（ワイド）ではH2見出しのデザインが微妙に変わってしまう現象も見受けられます。

（※ベーステンプレートでのお試し事例）

 

そこでカスタムテンプレート【Volar2】ではそれらを解消可能なオリジナルのH2見出しデザインを加えてみました。