シリウス2　独立ページサンプル1(CONCEPT)

「レイアウトボックス」機能で3列のレイアウトを設定しています。

「レイアウト枠」3列の真ん中。フォントサイズは14pxです。

「レイアウト枠」3列の左側。使用した画像は、AdobeStockのフリー画像を使用しています。

 

画像レイアウト

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

 

レスポンシブ設定という機能が付いているので、横幅の狭いスマホなどで表示したときには、1列表示に切り替わります。(画像が上で、テキストが下)

 

 

交互に画像を配置

 

ここも「レイアウトボックス」の2列を使用しています。

 

PCとスマホで表示が変わるので確認してみてください。スマホで見た場合は1列に自動的に変換されます。

 

上のパートでは画像を左に貼り付けましたが、ここでは右に画像、左にテキストを書き込んでいます。

 

ちなみに下のボタンはダミーですのでクリックしてもページ移動しません。