見出し画像

【モーダル画面とは?】STUDIO学習はじめてみた。#13日目

こんにちは、yukiです♡ 

13日目の今日はSTUDIOのモーダルについて簡単にまとめます 

モーダルとは?

モーダルは画面を指しています。

Webページ内で遷移を行わず、新しいウィンドウをその画面に新しく表示させる機能です♪


簡単な追加の仕方

最初にモーダルを追加したいBOXを作ります!

今回はボタンで作成します。

画像4

次にページ追加の画面で【モーダル】の画面を選択してください。

モーダル2

そしてモーダル用にBOXを作ります。

モーダル画面3


モーダルの設定方法

例えば、ボタンを押してモーダルを表示させたいときで綴りますね。

その場合、ボタンのリンク機能で作ったモーダルを繋げます。

ボタンの右上の▶を押して、リンク指定をしてくださいね。

▼下記の赤線のところが、リンクの指定箇所です♪

モーダルリンク4


以上です♡

いいなと思ったら応援しよう!