# Studioの使い方について **URL:** \ **Category:** STUDIO\ **Tags:** ツールの操作方法\ **Created:** [2021 年 4 月 29 日午後 3:13 UTC](https://www.nocode-faq.com/t/topic/1498 "2021-04-29T15:13:16Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![sato](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/sato/32/2177_2.png) [@sato](https://www.nocode-faq.com/u/sato)\ **Post date:** [2021 年 4 月 29 日午後 3:13 UTC](https://www.nocode-faq.com/t/topic/1498/1 "2021-04-29T15:13:17Z")
こちらのサイトはStudioで作成されています。前から気になっていたのですが、 > **[N高S高N中等部文化祭](https://n-s-fes21.studio.site/)** > > N高S高N中等部文化祭実行委員によるWebサイトです。 バックにイラストを入れて、その上にボタンやクリックしたら何かが表示できるようにするやり方を教えてもらえると嬉しいです。このサイトならセクション？をそれぞれ分けてバックにイラスト＆文字を入れる感じなのでしょうか？ ![スクリーンショット 2021-04-29 午後11.11.53](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/82f71091de60c10e22b2ca299064a8007c3fe9b0.png) ---
**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\ **Post date:** [2021 年 4 月 29 日午後 4:21 UTC](https://www.nocode-faq.com/t/topic/1498/2 "2021-04-29T16:21:09Z")
意図が的確に解釈できているかはわかりませんが、 ①imageをBoxで設定して、その上にテキストやボタンを設置する ②画面右上のアイコンから設定できるポップアップのような【モーダル】を作って、クリックするとモーダルへのページ遷移を設定する これでうまくいくかなと感じました。 足りていないところがありましたら追加ご質問ください。 ---
**Author:** ![sato](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/sato/32/2177_2.png) [@sato](https://www.nocode-faq.com/u/sato)\ **Post date:** [2021 年 4 月 30 日午前 2:26 UTC](https://www.nocode-faq.com/t/topic/1498/3 "2021-04-30T02:26:13Z")
意図あっています！ありがとうございます。モーダル初めて聞きましたが、調べたらやり方わかりました。 ついでに確認させてもらってもよろしいでしょうか。下記もStudioで作成された学生向けサイトですが、こちらは、Canvaやイラレみたいなものでイラスト作成してその画像を裏に入れていますか？子供向けサイトで全部バックにイラストが入っているサイトを見ますが、斜めの色が分かれている画像は一枚でイラスト作っているのでしょうか？？斜めの画像がカッコよくて真似したく。。 > **[全国オンライン学生祭](https://zen-on-sai.com/)** > > 全国初、高校生主催オンラインイベント「全国オンライン学生祭」は3/27（土）16:30よりYouTubeLiveにて開催！イベントには、数々のゲストが登場！コロナ禍でもオンラインという場を通して社会と関わり、自らの作品を発表する機会を自分たちの手で作ります。学生同士の交流だけでなく、学生祭を見てくださる方たちも元気付け、新たな伝統となるようなオンラインイベントを目指します！ ![スクリーンショット 2021-04-30 午前10.20.06](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c31acb96723f198ec849c698d4c83d3a8829f206.jpeg) ---
**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\ **Post date:** [2021 年 4 月 30 日午前 4:38 UTC](https://www.nocode-faq.com/t/topic/1498/4 "2021-04-30T04:38:05Z")
良かったです😆 もう一点については、STUDIOでここの設定を調整するだけで実現できます🙌 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/46241c7fce6ea8923be1f413bc7d42d397543dd4.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/8263a13b98b98e8c52f620e21b0ad29a740ed3d7.png) ---
**Author:** ![sato](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/sato/32/2177_2.png) [@sato](https://www.nocode-faq.com/u/sato)\ **Post date:** [2021 年 4 月 30 日午後 3:32 UTC](https://www.nocode-faq.com/t/topic/1498/5 "2021-04-30T15:32:10Z")
バック、斜めにもできるんですね！知らなかった 😅 STUDIOを色々と作成する中で、引き続き質問が、、、、新しく投稿します。。引き続き、どうぞよろしくお願いいたします。