2023年2月1日からスタートしたWordPressサイト制作実践講座の2月20日（月）19:00〜21:00開催に開催した講座のまとめを紹介します。
講座の動画もご視聴可能です！
講座の録画動画は「リスナレ」にて配信しています。
【オンライン対応】マンツーマンの個別レッスンも受付中！→WordPress個別レッスン
WordPressサイト制作実践講座の受講生の方はこちらからログインしてください
【補足：重要】こちらのデザインの見本はスクショ（画像）です
こちらの記事で紹介しているデザインの見本はスクショ（画像）ですので、スマホで見るとレスポンシブデザインになっていません。モーションがかかっているものも見えませんので
実際に作成したPartsを確認したい方は下記でご確認ください。
実際に作成したデモページはこちら
以前講座内で作成したデモサイトにデモページを追加しました
作成した内容
フローのデザイン
フローのデザインAパターン
フロー・流れをシンプルにデザインしました
フローのデザインBパターン
フロー・流れに数字を入れて、そのデザインを複数作成しました。
フローのデザインCパターン
フロー・流れに横にしました。ポイントは、矢印がPCでは右を向いていますが、スマホで見ると下になるようにしました。
お客様の声のデザイン
お客様の声のデザインAパターン
お客様の声のデザインを４つデザインしました。
お客様の声のデザインBパターン
お客様の声のデザインで横にスライドして動くデザインにしました。 実際のページはこちら
お客様の声のデザインCパターン
お客様の声のデザインを写真をお花にマスクで切り抜き、文字の下に色を入れて、角を丸くしてさらにかわいいデザインにしました。 実際のページはこちら
FAQ・よくあるご質問のデザイン
FAQ・よくあるご質問のデザインAパターン
FAQ・よくあるご質問のデザインBパターン
FAQ・よくあるご質問のデザインBパターン
アコーディオンで作成しています。
料金表のデザイン
料金表のデザイン
料金表のデザインは下記のを利用しました。
実際に文字を入れるとこのようになります。
ノーコードで作るWordPressウェブデザイナー育成のWordPressサイト制作実践講座の受講生の方はこちらからログインして録画講座をご覧ください
