見出しスタイルを指定する

見出しスタイルを指定する

見出しスタイルで、好きなデザインの見出しに変更する

 

SIRIUS2では、テンプレートで指定されている見出し以外に、21種類もの見出しデザインを用意しました。
各見出しごとに12色(+淡色カラー)の配色も用意しており、サイトデザインに合ったデザインを自由に選ぶことができます。
ここでは、見出しスタイルの指定方法について解説します。

見出しスタイルの設定方法

見出しスタイルを指定するテキストを選択する

通常の記事装飾と同様に、見出しスタイルを挿入するテキストを選択した状態にします。

 

 

文字装飾メニューの「見出し」→「見出しスタイル」を選択する

見出しスタイルを挿入する場合、文字装飾メニューの1段目にある「見出し」→「見出しスタイル」を選択します。

 

 

見出しスタイルの設定を行う

下図のような見出しスタイルの設定画面が表示されます。
こちらでプレビューを確認しながら、お好きなデザイン・カラー等を選択します。

 

 

見出しスタイルの設定

スタイル

見出しスタイルのデザインを選択します。
全21種類のデザインの中からお好きなデザインを選択してください。
なおデザイン一覧を確認したい場合は、こちらのページをご確認ください。

カラー

見出しのカラーを選択します。
デフォルトではブルーが選択されていますが、全12色の中からお好きなカラーを選択します。

一部の見出しスタイルでは形状を指定することができます。
角丸、または円形のデザインにしたい場合はこちらで選択してください。

見出しタグ

挿入するタグの種類を選択します。
デフォルトではDIVタグが選択されていますが、H2~H6までタグを選択することができます。
見出しの構造にこだわりたい場合や、目次に表示させたい場合はこちらで選択してください。

淡色

選択したカラーを淡い色合いに変更します。
ただし一部のデザインでは利用できませんのでご了承ください。

ボーダー

一部の見出しスタイルでは、ボーダーの種類を選択することができます。
ボーダーのデザインを変更したい場合はこちらで変更してください。

テキスト 見出し内に表示されるテキストを指定します。

 

詳細設定

アイコン

見出しにアイコン画像を表示することができます。
アイコンを表示させたい場合は、右側にあるボタンから選択してください。

文字サイズ

文字サイズを指定します。
デフォルトは0pxとなっていますが、文字サイズを指定したい場合は適宜数値を指定してください。

 

見出しスタイルのデザインが決まったら、画面下部の「OK」ボタンをクリックします。

 

見出しスタイルのタグが挿入される

以上の手順で見出しスタイルのタグが挿入されます。
(画面右下にある「記事プレビュー」をクリックすると、編集中の記事をプレビューできます)

 

 

見出しスタイルを再編集したい場合は...?

見出しスタイルを再編集したい場合、挿入されたタグを選択した状態で、
文字装飾メニューの「見出し」→「見出しスタイル」を再度選択してください。
上記の操作で、見出しスタイルのデザインを再編集することが可能です。

【新サービス】サイト制作代行サービスをリリースしました!