「画像レイアウト」の設定方法について

 

「画像レイアウト」は、画像とテキストを使ったダイナミックなレイアウトを作成することができるパーツです。
SIRIUS2では複数のレイアウトパターンが用意されており、選択肢を選ぶだけでデザインをガラッと変更できます。
2～3カラムのサイトはもちろん、1カラムのランディングのページで使用すると、
非常にインパクトのあるコンテンツに仕上げる事が可能となっています。

 

なお本機能では、最大5つまでのアイテムを設定することができ、それぞれにリンクを設定することができます。
上記の特徴を活かすことで、商品・サービスの特徴を大きく紹介したり、
画像付きのメニューを作成したりと、様々な場面で活用することが可能です。

 

画像レイアウトのデザイン一覧

ここでは、画像レイアウトの設定方法の流れについて解説します。

 

ページ内に「画像レイアウト」を設置したい場合、文字装飾メニュー3段目にある「パーツ」メニューを開き、
画像レイアウト→「画像レイアウトの追加」を選択してください。

 

下図のような画像レイアウトの設定画面が表示されます。
こちらから画像を選択し、テキストを入力するだけで、ダイナミックなレイアウトを作成することができます。

 

最初に画像レイアウト上に表示させる画像を選択します。
画像の項目の横にあるアイコンまたは▼ボタンをクリックし、表示させたい画像を選択してください。

 

見出しの項目に、テキスト部分に表示される「見出し」の内容を入力してください。
(なお見出しの設定は必須事項ではありません)

 

 

テキスト部分に表示するコンテンツを指定します。
本項目で改行した場合、自動的に改行タグが挿入されますので、
プレビュー画面を確認しながらテキストを入力してください。

 

 

 

画像レイアウトでは、各コンテンツにリンクを設定することができます。
メニューのように使用したい場合は、画面右にある「リンク設定」からリンクの設定を行って下さい。
(なおリンクの設定は必須事項ではありません。)

 

 

設定したいタブを切り替え、3～6と同様の手順で各コンテンツの設定を行ってください。

 

コンテンツの設定ができたら、レイアウトに関する各種設定を行います。
一番右側のタブでレイアウトなどの設定ができますので、そちらのタブを開いてください。

 

レイアウト設定の詳細

 

画像レイアウトの設定が完了したら、画面下部の「OK」ボタンをクリックします。
すると下図のような管理IDの入力画面が表示されます。(新規作成時のみ)
デフォルトでは「画像レイアウト1」と入力されていますが、ご自身で管理しやすい名前に変更してください。

 

以上で画像レイアウトの設定は完了です。
記事本文内に、画像レイアウトの独自タグが挿入されているかと思います。
再編集をしたい場合、このタグをダブルクリックすることで設定画面を再表示することができます。