ELEGANT

画像レイアウト

このページは、SIRIUS2(シリウス2)のテンプレート「ELEGANT」のサンプルサイトです。

画像素材はAdobe Stockを使用しています。

ここでは、「レイアウトボックス」の2列を使用して、左側に画像を、右側にテキストを配置しています。

交互に配置

ここも同じくレイアウトボックスを使用しています。

テキストのサイズは14pxと、少し読みにくいが、公式サイトに掲載してあるサンプルサイトの雰囲気の再現を優先して、小さめのフォントサイズになっています。

レスポンシブ対応

PCとパソコンではサイトのレイアウトが異なりますので、スマホ・PC両方で確認してみてください。

CONTENTS コンテンツ

ここでは「ブロック設定」の背景画像を適用しています。背景の色をこのパートだけ灰色にしている設定です。

また、エリアを2分割する「コンテンツ枠」も使用しています。

COLUMN コラム

◆当サンプルサイトについて
当サンプルサイトはSIRIUS2の情報サイト「できる！SIRIUS2」によって製作されています。
公式のものではありませんので、販売サイトに記載されているサンプルサイト画像とは一部仕様が異なります。