SIRIUS サイトデザイン設定(背景・文字色の設定)

SIRIUS(シリウス)で設定できる項目もいろいろあるので、設定が終わったら、プレビューを利用して確認しながら進めると確実に設定を使いこなすことができるでしょう。

 

私も新しいサイトを起ち上げるときや既存のサイトのレイアウトを変更したりしたときには、プレビューを活用してこまめに確認しながら進めるようにしています。
大切な自分のサイトですから、慎重に作業を進めましょう。

 

まずは、サイトデザイン設定画面を見てみましょう。
サイトデザイン設定
これがサイトデザイン設定画面なので、まずはサイトの背景などサイトの見た目に影響する部分を設定します。

 

SIRIUS サイトデザイン設定(背景・文字色の設定)

これがシリウスのサイトオプション内の【サイトデザイン】設定画面です。
見てもらった設定画面の内容は見ただけでどの部分の設定項目なのかがわかると思うが、簡単に説明しておきましょう。

 

1)背景画像

サイトの背景に画像を使うときにPC内の画像を指定するときに使う。
右側のボタンをクリックするとフォルダが開く。
もしほかのフォルダの画像を使う場合は、保存先フォルダを指定して画像を指定する。

2)背景画像の表示

背景画像の動きを設定することができる。
選択窓の右側の「▼」をクリックして動きを選択する。

3)背景色

サイトの背景色を変えるときに使う。
右側のボタンをクリックすると、カラーパレットが開くので色を指定する。

4)ページタイトル文字色

ヘッダーに表示されるページタイトル文字の色を指定することができる。
右側のボタンをクリックすると、カラーパレットが開くので色を指定する。

5)サイト説明文の文字色

ヘッダーに表示されるサイト説明文の文字色を指定することができる。
右側のボタンをクリックすると、カラーパレットが開くので色を指定する。

6)FAVICON画像(ファビコン)

ファビコンとはブラウザ上のサイト名の横に表示される小さなマークのこと。
ファビコン

 

あとは、下の画像表示だけなので説明は入らないだろう。

 

ここで設定できるのは、視覚効果を揚げるための設定なので、ある程度強調できるようにするのも一つの手法だが、あまりドギツイ色使いをすると帰って逆効果になることも多いので注意するように!

 

さてここで出てきたファビコンについて少し解説しておこう。

 

ファビコンの作り方、使い方

ファビコンはブラウザでサイトが表示されたときやブックマークされたときにブックマークフォルダで表示される小さなサイトマークであることはご存知だろう。
では、なぜファビコンが必要なのかというと、自分のサイトを覚えてもらいやすくなるのとブックマークフォルダ内に数多いブックマークの中でも目立ちやすくなり、再訪問を促す効果が期待できるものだから必要だと考えられます。

 

そのファビコンも、最近ではサイズの違うデバイスでの表示に対応するために、違うサイズのものを用意する必要があるが、異なるファビコンを適切に表示させようとすると、技術的な問題からシリウスの機能だけでは補完できないのでほかの設定が必要になるので、ここでは触れないことにする。
あくまでシリウスに搭載されている機能での設定に注視して解説する。

 

まず簡単にファビコンを裂く瀬することができるサイトを紹介しておこう。
それがこのサイトになる。

 

ファビコン favicon.icoを作ろう!

 

このサイトなら簡単に各デバイスに対応したファビコンを作ることができて、尚且つそれらを一まとめにしてダウンロードできるので、シリウスでも簡単に設定することができてとても便利である。

 

■□■ファビコン作成手順
上記のサイトで簡単にファビコンは作成できるがそのためにはまず元となる画像を用意する必要がある。

 

ボタン画像

用意する画像の保存サイズは200KB以下の画像を用意し、ファビコン作成サイトで作成したい大きさのファビコンサイズをクリックして使用する画像を選択する。
すべてのサイズで作成する場合、すべてのサイズで画像選択する。
次に「favicon.ico作成」ボタンをクリックすればファビコンが完成するので、続けてダウンロードボタンをクリックして完成したファビコンを保存フォルダにダウンロードする。
これで、オリジナルのファビコンの完成である。

 

ここで完成させたファビコンをシリウスのサイトデザインのファビコン設定で設定すれば、ブラウザのサイトタブに表示されるようになるので、目立つこと間違いなしである。

 

シリウスでのファビコン設定は、入力窓の右側のボタンをクリックして保存フォルダを開いて使用するファビコン画像を指定するだけなのでとても簡単である。
ほかのサイト作成ソフトだったら、HTMLファイルをいじくったりしなくちゃならないところだが、シリウスではそんな必要はないのでとても簡単である。

 

このページで紹介したような便利なサイトなんかも交えていくので、使えるものはドンドン使ってすばらしいサイトを作ってください。

 

次は、こちら⇒⇒⇒SIRIUS サイトデザイン設定(文字関連設定)