BlogBiNDupBlockDesignに追加したモーダルウィンドウ風メニューを紹介しますBlockDesignに追加したモーダルウィンドウ風メニューを紹介します2019年11月12日Editor三本線のアイコンをクリックすると画面いっぱいにメニューが表示される「モーダルウィンドウ風メニュー」を最近はよく見かけます。BiNDupでもスマホモードでは三本線のメニュー(通称:ハンバーガーメニュー)で表示されますが、最近良く見かけるケースはパソコンで見たときも三本線のメニューで表示されるようになっているデザインです。上下や左右などに固定して表示しておきいつでもメニューを開けるような構成が多く、見ている人も「ここをクリックすればいつでもメニューが開く」と認識していることが多いと考えられるので、迷いにくいサイト作成に役立つ印象です。こんな感じのメニュー(モーダルウィンドウ風メニュー)にしたいというご要望は何件かお聞きしてきました。これはメガメニューのようにBiNDupの標準機能としてできることではないためBiNDupにどのように取り込むかを試行錯誤しながらブロックデザインを作成してみました。スマホ対応のレスポンスデザインです。メニューボタンの色、モーダルウィンドウの背景色や文字色など、リソースエディタ内に取り込んでいただくCSSから簡単に変更できますので、ご自身のサイトのカラーイメージなどに合わせることが可能です。右上に設置したメニューボタンに合わせてコンテンツ右に余白を設けたブロックデザイン。右上に設置したメニューボタンに合わせてコンテンツ右に余白を設けたブロックデザインで、ページ背景に動画を指定したバリエーション。DesignはBiNDでの制作を請けている方、BiNDupセールスパートナーに登録されている方(個人・法人とも)のご利用はご遠慮いただいております。パートナー募集」をご覧ください。