これがあれば、
レイアウトは自由自在!

BiNDupの『テンプレートから作成』でも、『自由に作成』でも、
選んだBlockDesignを読み込んで並べるだけで、
サイトのレイアウトがあっという間にできあがり

Block Design by fade_007 & fade_001

NEWS

[%new:New%] 

[%article_date_notime_dot%]

[%title%]

Block Design by press_001b

BASE

 

ヘッダー(グローバルメニュー)とフッター、ビルボードのバリエーションでベースとするデータ
選択したベースをもとに、Block Designを追加しながら作成してください。
BASEデータのみページデータではなく、BiNDupのサイトデータです。

base_001

YouTube動画をページ背景とし、ヘッダーを動画に重ねるように設定。スマホではYouTube動画は再生されないため、1枚の画像を指定しています。ビルボード設定「ウィンドウの高さ100%に合わせる」。

base_002

スマホでも動画を再生させるためにmp4動画をカスタムタグで埋め込んだパターン。動画を埋め込んだブロックにヘッダーを重ねることができないため、動画の下に配置しスクロールで上部固定としています。

base_003

ビルボード部の背景としてスライドショーを配置。ヘッダーもビルボード部に置くことでスライドショーに重ねています。スライドショーの画像によってメニューの文字が読みにくくなるため半透明の黒を背景に指定しています。

base_004

ヘッダーはヘッダーエリア。ビルボードにメインイメージ(画像を背景に指定し、文字をブロックに配置)として基本となるパターン。スクロールすると高さを抑えたゴーストヘッダーが表示されます。