ノーコード・STUDIOで2階層のヘッダーナビゲーションを作る方法を徹底解説!|2023年3月仕様アップデート対応
Studians - Studio使い方マニュアル
0:00 / 0:00
ノーコード・STUDIOで2階層のヘッダーナビゲーションを作る方法を徹底解説!|2023年3月仕様アップデート対応
8 859 просмотров · 2 года назад
Studians - Studio使い方マニュアル
11,1 тыс. подписчиков
8 859 просмотров · 2 года назад
この動画ではSTUDIOでウェブサイト制作にチャレンジしている方向けに、2階層構造のヘッダーナビゲーション・モバイルナビゲーションを作成する方法をわかりやすく丁寧に解説しています。
STUDIOのトグル機能を使ってコードを書かずに誰でも簡単にできますのでぜひご覧ください!
----------
●目次
00:00 オープニング
01:02 ヘッダー構造説明
01:40 ヘッダー作成
06:25 ホバーするとふわっと出現するメニューの作成
29:01 タブレット・モバイルのナビゲーションメニュー作成
41:03 リンクの設定
49:55 背景画像の挿入
50:51 完成・確認
----------
●参考動画
動画内で使用している各機能については下記の動画で詳しく解説しています。
ぜひ一緒にご覧ください。
○トグルについて
• ノーコード・STUDIOのトグルの使い方ついてわかりやすく徹底解説!|2023年2月...
○マージン・パディングについて
• 2023年8月仕様アップデート対応|ノーコード・STUDIOのマージンとパディングの...
○画像のボックスモード・イメージモードの違いについて
• 2023年8月仕様アップデート対応|ノーコード・STUDIOでの画像挿入方法・表示方...
○ボックスの配置について
• ノーコード・STUDIOのボックスの並び(方向・配置)について基礎からわかりやすく徹...
○絶対位置・固定位置について
• ノーコード・STUDIOでのボックス配置(相対位置・絶対位置・固定位置)ついて基礎か...
○ギャップについて
• ノーコード・STUDIOでのギャップを使った余白設定方法について基礎からわかりやすく...
○ボックスのサイズの単位について
• ノーコード・STUDIOのサイズ単位について基礎からわかりやすく徹底解説!|2023...