ゼロから始められるDivi入門チュートリアル【サーバーもDiviも不要】
こんにちは、ナオミです！
この度Diviの新しい入門シリーズの動画を作りました。
- ゼロから始めるDivi入門１『ワイヤーフレーム作成』【Diviもサーバーもこちらから提供します】
- ゼロから始めるDivi入門２『モジュール挿入』
- ゼロから始めるDivi入門３『ビジュアルビルダー』【コード無しでレイアウト構築】
- ゼロから始めるDivi入門４『ホバーとレスポンシブ』
- ゼロから始めるDivi入門５『Diviライブラリー』
今回の動画シリーズは前回のものと二つの点で大きく違います。
- サーバーもDiviも不要で本当にゼロから始められる
- シリーズを通して一つウェブサイトを作る
どうしてサーバーもDiviも無しでチュートリアルを進められるのか？
どうしてそれが可能かと言いますと、demodivi.comを使っているからです。
demodivi.comとは？
demodivi.comはDiviを無料で５日間試せるサイトです。
必要なのはメールアドレスだけです。
シリーズを通して一つのウェブサイトを作る
前回の動画を見た方の意見で、『全部繋がっていなくて、わかりにくい』というものがありました。
なのでそれを改善し、今回はシリーズを通して一つのウェブサイトを作るようになっています。
このシリーズを見るときは、Divi完全マニュアルも参考にしてみてください。
1. ワイヤーフレームの作成
この動画ではサイトの設計図となるワイヤーフレームをDiviのセクションと行で作っていきます。
2. モジュールの挿入
この動画では１で作ったワイヤーフレームにモジュールを挿入し、さらにワイヤーフレームの肉付けをしていきます。
3. ビジュアルビルダー
この動画では２まで作ったワイヤーフレームを、今度はDiviの一番の強みであるビジュアルビルダーで、デザインを加えていきます。
4. ホバーとレスポンシブ
この動画では３で作ったデザインを、スマホ画面で見てもちゃんと表示されるように設定します。そして、マウスカーソルを持って行った時に画像や文字に変化を加えるホバーエフェクトの説明もします。
5. Diviライブラリー
この動画では４までで、完成したデザインをどうやって保存し共有するのか説明します。そして下層ページのレイアウトの使い回し方を説明しています。
とても分かりやすく作ってますので、Diviを触ったことがない人にはもってこいですし、Diviをすでに持ってる人も新しく学べるものがあると思います。
コードを書かないウェブ制作を目指すコミュニティ『TOFUラボ』
Diviの最新情報を知りたいなら、ノーコードでWEBサイト制作を支援するサロン『TOFUラボ』に参加しませんか？
私が運営してるノーコードでWEBサイト制作を支援するのコミュニティです。
最新情報だけではなく技術的な質問も飛び交っています。
また、デザインやSEOなどWEBサイト制作に関する様々な勉強会も開催されています。
『TOFUラボ』の紹介はこちらです
興味があれば、是非参加してくださいね。
入会してから７日間は無料で合わないなと思えばいつでもキャンセル可能です。
