SIRIUS2 SMART(スマート)テンプレートのサンプルサイト

SMART(スマート)テンプレート
サンプルサイト

ページ設定に記入したテキストがここに挿入されます。
非表示にすることも可能。

TOPICS
フリースペース(画像レイアウトを使用)

SIRIUS2の画像レイアウト機能の3列を使用しています。スマホだと縦1列になります。
画像レイアウトの機能でこのテキストを記入していますので、きれいな配置で文字を入れられます。
画像レイアウトの画像の数は任意で増やすことができます。
ただし列数を増やすと横幅が足りなくなるのであまり多くは増やせないかもしれません。

 

 

レイアウトボックス

レイアウト2列で左に画像、右にテキストを配置しています。

 

cssのfloatだと文字量が多いと画像の下にに回り込みますが、この機能だときっちり左右に分かれてくれます。

 

ここもレイアウトボックス

左右を入れ替えています。

表示領域の広いPCだとこのレイアウトボックスはよく使う機能だと思います。

 

スマホで表示させると、縦一列に切り替わります。

 

当サンプルサイトについて

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

https://dekiru-sirius2.jp/