画像レイアウト-SIRIUS2の使い方

下で調整した設定が実際にどんな感じで表示されるかの確認画面。
ただあくまでチェック用なので細かい設定まできちんと反映されるわけではありません。

画像のチェックや雰囲気の確認用としての使い方に留めておいて、実際の表示確認は内蔵ブラウザでチェックした方が正確で早いです。

『スマホ表示』をクリックするとスマホサイズでのプレビューになります。
（もう一度クリックで解除）

コンテンツ（画像＋テキスト）は最大5ブロックまで設定できます。
（最初は『コンテンツ3』までが表示）

右端の「＋」クリックで『コンテンツ4→5』の順に表示され、「－」で『コンテンツ5→4』の順に非表示になります。
（入力したデータは保持されるので「－」ボタンで表示数を減らしてもデータは残ったままです）

また矢印をクリックすることでコンテンツの表示順を変更できます。

右端の三角をクリックすると画像選択項目が出てきます。
（選択決定後は下のサンプル画面のように画像パスが自動挿入されます）

• 『画像ファイルを追加』→Windowsの画像選択画面が開きます。
• 『画像管理画面から選択』→SIRIUS2の画像管理画面が開きます。
  （三角矢印左側のアイコンクリックでも同じ画面が開きます）
• 『アイコン画像一覧から選択』→SIRIUS2内蔵のアイコン選択画面が開きます。
• 『画像をクリア』→画像パスを消去します。

画像が表示されない時に代替表示するテキストをここに挿入します。

通常の画像挿入だと挿入と同時に「{AUTO}」というSIRIUS2の独自タグが画像パスの後ろに自動挿入されるんですが、ここは手動挿入になってます。

「{AUTO}」が入ってると画像管理内で設定済みの『説明文』（＝alt属性）”が自動挿入される仕様なのでその方が便利なんですけどね。

ということで試しに【alt属性】の欄に「{AUTO}」と入れてみたら…ちゃんと機能してるみたい。

画像管理内で『説明文』に代替テキストを入力済みの方はお試しください。

サンプル画面・プレビュー内の①という丸数字の下にある「テスト見出し1」の部分です。

『リンクの設定』をクリックするとリンク設定ダイアログが開きます。

【リンク先URL】には右端の選択項目から自動挿入が可能です。

• 『内部ページへのリンク』→そのサイト内のページ一覧が表示されます。
• 『他サイトへのリンク』→”他サイト”というのはSIRIUS2の管理画面内にある別サイトという意味で、SIRIUS2で作ったサイトの一覧が表示されます。
  そのため完全に別サイトへのリンクを付けたい場合はシンプルにサイトURLをコピー＆ペーストします。
• 『画像ファイルへのリンク』→実際のページ上でクリックするとここで選択した画像が表示されます。

必要ならこちらも選択します。

• 『新しいウインドウ』→同ページではなく別タブ（別ウインドウ）で開いてほしいときにチェック。
• 『NoFollow』→自サイトとは無関係なサイトへのリンクや広告リンクなどはチェックを入れておいた方がいいかも。

リンクを設定すると画像と見出しにリンクが付きます。

テキスト（内容）はここに書き込みます。

右上の『テキストエディタ』や『デザインモード』をクリックするとそれぞれの編集画面が開くので、テキスト装飾などが必要な方はそちらでやった方が効率的です。

見た目のデザインはここで調整します。

このブロックに関しては情報量が多いので次に別コンテンツとしてご紹介します。