SIRIUSで簡単ホームページ~ヘッダーを作ってみよう

ここでは、SIRIUS(シリウス)を使って、
ヘッダー画像を極めるためのあれこれを解説します。

  • ヘッダータイトルや説明文を編集する
  • ヘッダー作成機能を使ってロゴや画像を入れる
  • オリジナル画像を使ってヘッダーを作成する

この3段階でお話をすすめます。

step1 ヘッダータイトルや説明文を編集する

まずはこの部分。ヘッダーのタイトルや説明文を、
ロゴ機能を使わず、シリウスのデフォルト設定で使用する場合。

  • ヘッダータイトルや説明文の仕組み
  • 色やフォント、サイズを変更する方法

step2 ヘッダー作成機能を使ってロゴや画像を入れる

  • シリウスであらかじめ用意されているヘッダー画像を編集し、
    オリジナルロゴや画像を入れる方法
  • ヘッダーのロゴを使うためにデフォルトのサイトタイトルや
    説明文を非表示にする方法

こんな感じのヘッダー画像を作成していく方法です。
詳しくは動画にしています。

※(追記)作ったオリジナルヘッダー画像をシリウスで使用するときは、
必ず、「header」という文字を頭に入れてください。
頭に「header」という文字が無いと、
シリウスでヘッダー画像であると認識しませんのでご注意。
header1」「headersakana」など、最初に「header」さえあればあとは自由です。

step3 オリジナル画像を使ってヘッダーを作成する

いよいよ、オリジナルヘッダーの作成法。

この機能を操れば、自在にかっこいいヘッダー画像が作れます。

やり方は動画にしています。

今回は、あくまでもデモサイトで解説したのですが、
サイトのヘッダーに入れるキャッチコピーは、
サイトの命そのものです。

しっかり練って、言葉を選んで、
そのキャッチコピーを思いっきり際立たせる画像を使い、
デザインを組み立てましょう。

あわせて読みたい関連記事

コメントは停止中です。

サブコンテンツ

このページの先頭へ