ヘッダー画像を作成する

このページでは、ヘッダー画像を編集する方法について解説していきます。
SIRIUS2では画像に飾り文字を入れる事ができる「ヘッダー画像編集機能」が搭載されていますので、
この機能を活用してお好みのヘッダー画像を作成してみてください。

 

 

SIRIUS2には様々なヘッダー画像が標準搭載されていますが
任意のテキストや図形を追加したり、自分で用意した画像を使ってヘッダー画像を編集することができます。
ここではヘッダー画像作成機能を使用したヘッダー画像の作成手順を解説します。

 

ヘッダー画像を編集したい場合、上部メニューにある「編集」タブを開き、「ヘッダー画像」ボタンをクリックします。

 

すると、下図のようなヘッダー画像編集画面が表示されます。こちらからヘッダー画像の編集を行っていきます。

 

この例では、ヘッダー画像にテキストを挿入していきます。
ヘッダー画像編集画面の上部リボンバーにある「テキスト追加」ボタンすると、
カーソルが「テキストの挿入」モードに変わります。

 

この状態で、画像をクリックするとテキストボックスが表示されます。
こちらにサイト名やキャッチコピーなどなどお好きなテキストを記述してください。（改行する事も可能です）

 

入力したテキストをクリックすると、画面右側に文字列のフォントやサイズなどの設定画面が表示されます。
お好みに応じて、文字列を装飾してください。

 

文字装飾の詳細

 

文字列をドラッグ＆ドロップすることで、
テキストの位置を自由に変更することができますのでお好きな場所に移動させてください。

 

画像の出力について

画像の編集が完了したら、必ず「画像出力」を行う必要があります。
画像出力を行っていない場合、画像が保存されないためサイト上に表示させることができません。

 

ヘッダー画像が完成したら、上部リボンバー上にある「画像出力」ボタンをクリックします。

 

 

すると下図のような、「ファイルの保存」ダイアログが表示されます。
デフォルトで、サイトの画像フォルダが選択された状態になっていますので、
ここでファイル名を入力し保存してください。

 

 

 

データの保存について

画像として出力したファイル自体は、再編集することはできません。
後で画像の再編集を行いたい場合は、「設定ファイルの保存」を行います。

 

作成した画像のデータを別の場所に保存したい場合は、
上部リボンバーにある「設定を保存」をクリックしファイルを保存します。

 

 

ヘッダー画像内に、ロゴ画像などを追加したい場合の操作方法を解説します。

 

ヘッダー画像内にアイコン画像等を追加したい場合、上部メニューにある「画像追加」ボタンをクリックします。
すると、カーソルが「画像の挿入」モードに切り替わります。

 

この状態で、画像をクリックすると画像の選択画面が表示されます
デフォルトでは、SIRIUS2のロゴ画像のフォルダが表示されますが、
ご自身で用意した画像を追加したい場合はこちらから画像の選択を行ってください。

 

 

画像を選択後、「開く」ボタンをクリックすることでヘッダー画像内に画像が追加されます。

 

画像内に図形を描画したい場合の操作方法です。
SIRIUS2のヘッダー画像編集画面では、四角形、角丸四角形、円形の3種類の図形を描画することができます。

 

SIRIUS2ではヘッダー画像内で長方形等の図形を描写することができます。
ヘッダー画像内に図形を追加したい場合、「図形」ボタンをクリック後、
描写したい図形の種類を選択し、ヘッダー画像上で左クリックを押しながら描写を行うことができます。

 

 

描写した図形をクリックすると、画面右側に線の太さやカラーなどの設定画面が表示されます
お好みに応じて、各種設定を行ってください。

 

 

図形の詳細設定

種類

図形のデザインを指定します。

枠線の設定

枠線に関する設定を行います。この設定は「種類」が「枠線のみ」、「枠線+背景」の場合のみ有効です。

背景の設定

背景に関する設定を行います。この設定は「種類」が「背景のみ」、「枠線+背景」の場合のみ有効です。

角丸の設定

図形の角丸に関する設定を行います。この設定は図形が「角丸長方形」の場合のみ有効です。

ヘッダー画像に文字を入れた場合、「タイトル」や「説明文」のテキストが邪魔になってしまう場合があります。
この場合、レイアウト設定からヘッダーのタイトルや説明文を非表示にする事ができます。

 

(ヘッダーテキストと、作成したヘッダーのテキストが被っている)

 

 

(レイアウト設定画面からヘッダーテキストを非表示にする)