自在に変えられるベースカラー

キャプチャ画像

カスタムテンプレート【Volar】のベースカラーは、設定で瞬時に色を変えられるようにしてあります。

 

そのため”サイトカラーが気に入らない”からといっていちいちテンプレートを交換する必要はありません。

 

設定可能なカラーはカラーホイールから選択できるので実質無制限(色)になります。

(※16進数によるカラー値の直接入力も可です)

 

またテンプレートを交換するとカスタマイズした各HTMLテンプレートは元に戻っちゃいますが、
カスタムテンプレート【Volar】ならその心配はありません。


サイトカラーの変え方

ベースカラーとなるサイトカラーの変更は、【サイトプション】→【サイトデザイン】→【背景・文字色の設定】『サイト説明文の文字色』で指定します。

 

キャプチャ画像

 

『サイト説明文』というのは、【サイト全体設定】→【サイト説明】に書いてあるテキストのことで、デフォルトテンプレートや角丸テンプレートでは、ヘッダー画像上にテキストで表示されます。

 

キャプチャ画像

 

経験上、サイト説明文を表示させると邪魔になることが多く、あまり使ったことがありません。

 

そこで今回ベースカラーの設定用として使わせてもらうことにしました。

 

これに伴い、【サイトプション】→【サイトデザイン】→【文字サイズ・文字の位置】で、『ページタイトルの位置/表示』『サイト説明文の位置/表示』の欄はどちらも”非表示(HTMLから削除・推奨)”にしていただく必要があります。

 

※この指定はSEO的には何の問題もありません。

(SIRIUS側でも”推奨”になってることですし)

 

キャプチャ画像

 

これにより、ヘッダー画像上にサイト名やサイト説明を表示することができなくなります。

予めご了承ください。

ベースカラーに指定できる色は実質無制限ではあるんですが、設定上、フォントカラーを白で固定してる見出しもあるため、あまり薄い色を指定すると文字が見にくくなる場合もあります。

 

その場合はスタイルシート側(【テンプレート】→【スタイルシート編集】)でフォントカラーを変更することで対応は可能です。

(※変更方法はマニュアルサイトに載せてあります)

色が変わる場所

ベースカラーで統一表示される主な箇所は以下の通り。

 

  • 各見出しレベルの背景色やボーダーカラーなど
  • サイドバー(SIRIUSでは”メインメニュー”という呼称)タイトル周りのボーダーカラーや指示アイコンカラーなど
  • リスト形式の先頭アイコンなど
  • その他、よく見ないと気づかないところもいくつか

 

反対に色を変えることができないのが”画像”で作られたアイコン等です。

 

SIRIUSの各テンプレートはそれぞれ色別に10色分のテンプレートが用意されてます。

 

その中で用意されてる画像は基本的に共通の画像になるんですが、
中にはテンプレートの色に合わせて作られてる画像もあったりします。

 

たとえば”ポイント1,ポイント2...”などがそうです。

 

当サイトではたまたま【新】デフォルトテンプレートのcyan・2カラムをベースにしたため、ポイント機能を使おうと思ったらサイトカラーに関係なく”cyan”系で作成されてるポイントカラーでしか表示できません。

 

アイコン背景色が”cyan”色固定のポイント1
アイコン背景色が”cyan”色固定のポイント2

 

ただこういった制限がある画像はほんのわずかです。

SIRIUSカスタムテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSカスタムテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください

(※「SIRIUSでホームページ作成」という姉妹サイトの専用ページが開きます)
 この記事をシェア 
キャプチャ画像

PC版レイアウトに切替

スマホ版レイアウトに切替