INDEX
目次
前の章に戻る注意事項
- Wix上級編は、ノーコードツールでのWeb制作経験を積み、本格的なLPやHP制作に挑戦したい方を対象としています。
- もし一度学習してみて難しく感じたり、他のデザインツールを先に学びたい場合は、そちらを優先して学習するようにしましょう
- 将来的にポートフォリオを作成したい方には、ぜひ学習をおすすめします。コーチと相談した上で、ご自身のスキルが上がったタイミングでこの教材に戻ってくるようにしましょう！
0. はじめに
この教材の学習時間: 12時間
いよいよWixについての学習は最後になります！この課題を自力で完成させることができたら、Wixで大体のHPは対応できます。
初級編・中級編を終えて、「難しくて大変だな。。。」と感じた方も少なくないと思います！
しかし、誰もが通る道です。ここで挫けずにあと少しがんばりましょう！
逆に上級編まで、躓くことなく学習ができている方は本当に素晴らしいです👏
WEBスキルについての学習で初期段階からここまでハイレベルなことをやっている人はなかなかいないと思います😅
ぜひ、自信を持ってください！
上級編では、中級編同様、ご自身の力のみで本格的なコーポレートサイトの制作を行っていただきます。
中級編までをしっかりと実行し、理解できている方にとっては新しい知識はあまり必要なく実装できると思います。
WIXでの作業スピードの向上とこれまでの知識の定着を目指してやっていきましょう。
中級編までをしっかりと実行し、理解できている方にとっては新しい知識はあまり必要なく実装できると思います。
WIXでの作業スピードの向上とこれまでの知識の定着を目指してやっていきましょう。
以下のフローに沿っての上級編を進めてください！
==
1 . 制作課題を確認する
2 . ヒント・初級編・中級編を参考にしながらご自身の力のみで、1から白紙のテンプレートを用いて構築する。
3 . 制作課題をご自身のWixのアカウントの「マイサイト」のところに追加していただきます。編集画面から間違っていた場所、わからなかった場所をご自身で添削していただきます。
4 . コーチにてSlackにて共有する。
==
注意事項
- 分からないところがあっても、すぐに答えを見るのではなくご自身の力のみで自己解決を図ってください！
15分間は、初級編・中級編の動画を復習する・ヒントをみる・ググって解決法を模索するなど自己解決を図りましょう！ - 受講生の皆様がご卒業後にWEB業界で働く際には、新たなWEBスキルをご自身で身に付け、発生した問題を解決する”自己解決能力”が必要不可欠です。
- 画像は見本と全く同じものを使用する必要はありません。画像サイトからご自身でお選びください。
- サイトに合った良い素材を選定するのもスキルの一つです。
- WEBサイトに載っているグラフやイラストはご自身で「Figma」・「Excel」を用いて代用してみてください！
- 全く課題と同じものでなくて構いません。ご自身が納得できるものであればOKです👌
- ブログの検索機能は実装しなくて大丈夫です！
Wixの仕様が変更されてブログの検索機能はなくなってしまいました😢
答えにはブログの検索機能がついていると思いますが、実装していただかなくて構いません👌 - 提出の際、コーチにメールアドレスを聞いてWixの権限を共有しましょう！
添削をするにあたって、Wixの権限共有は必須です。権限共有の方法がわからない方は、「WIX -実践編- ＞ d. WIXの権限共有機能を理解しよう」を確認しましょう🙌
いよいよWix最後の制作課題です！ぜひやりきってください🙌
1. 作成課題の確認
目安の学習時間:5分
こちらが作成課題となります！
2. ヒント
目安の学習時間:15分
制作課題において難易度が高いスキルについてです！以下のヒントを確認しながら作成課題に取り組んでみましょう！
予約機能の追加方法
オンラインでサービスの予約を受け付けるための機能です。「Wix ブッキング」というアプリを追加して実装します。Wixの多くの高機能は、このように「アプリ」を追加することで実装できます。
その他のアプリの追加方法（ブログ・チャット・販売プラン）
以下のアプリも、「Wix ブッキング」と全く同じ手順でWix App Marketからサイトに追加できます。
エディタ左側メニューの「アプリ」から、それぞれ以下のアプリ名を検索して追加しましょう。
エディタ左側メニューの「アプリ」から、それぞれ以下のアプリ名を検索して追加しましょう。
-
ブログ機能
サイト内で情報発信を行うための機能です。
検索するアプリ名：「Wix ブログ」 -
チャット機能
サイト訪問者とリアルタイムでコミュニケーションをとるための機能です。
検索するアプリ名：「Wix チャット」 -
販売プラン機能
月額課金や回数券など、会員向けのプランを販売するための機能です。
検索するアプリ名：「Wix 販売プラン」
決済機能の追加方法
サイト上で商品やサービスの代金支払いを受け付けるための機能です。これにはサイトのアップグレードが必須となります。
決済機能を追加する上での重要な注意点
- サイトでオンライン決済を受け付けるには、まず決済機能に対応したプレミアムプランにサイトをアップグレードする必要があります。
- Wix独自の決済サービス「Wix Payments」は現在日本では利用できません。決済方法を設定する際は、必ずサードパーティの決済代行サービスを選択してください。
ピンポイント解説
ページで使われている「プラン」の設定について説明します。
サイドバーからアプリを選択し、「Wixビジネスソリューション」を選択しましょう。
こちらにはWixがデフォルトで用意しているアプリが一覧で確認できます。
「販売プラン」を選択しインストールしましょう。
そうすると今回のページのようなプランを設定することができます。
それ以降はプランを追加できたら、プランを選択した上で
「プランを管理」をクリックすると新しいプランの作成やプラン内容の編集を行えます。
「設定」をクリックすると表示やデザイン面での編集を行うことができます。
「プランを管理」後の操作と「設定」後の操作方法については割愛します。
実際に触ってみること、Google検索を通じて解決できるはずです。
サイドバーからアプリを選択し、「Wixビジネスソリューション」を選択しましょう。
こちらにはWixがデフォルトで用意しているアプリが一覧で確認できます。
「販売プラン」を選択しインストールしましょう。
そうすると今回のページのようなプランを設定することができます。
それ以降はプランを追加できたら、プランを選択した上で
「プランを管理」をクリックすると新しいプランの作成やプラン内容の編集を行えます。
「設定」をクリックすると表示やデザイン面での編集を行うことができます。
「プランを管理」後の操作と「設定」後の操作方法については割愛します。
実際に触ってみること、Google検索を通じて解決できるはずです。
3. サイト制作
目安の学習時間:12時間
a. 【動画解説】弊社クライアント部分のロゴマークの探し方
補足動画_WIX上級編_弊社クライアントのロゴマークの探し方
Wix上級編の「弊社クライアント」セクションで使用するロゴマークの作成方法について、動画にて簡単に解説しながら説明していますのでご覧ください。特に、素材サイトからの探し方に悩む方が多いため、Canvaを使用して簡単にオリジナルのロゴマークを作成する方法を詳しく紹介しています。Canvaの基本的な使い方から、ロゴデザインのコツまで、ステップバイステップで解説しています。
b. 【動画解説】上級編-円グラフ部分の画像の色の変え方
補足動画_WIX上級編_円グラフ部分の画像の色の変え方
Wix上級編で多くの方が躓くポイントである、マウスオーバー時に画像の色が変化する効果の設定方法について、動画にて簡単に解説しながら説明していますのでご覧ください。この機能は、ユーザーがマウスを画像に重ねると色が変わる動的な視覚効果を作り出すもので、サイトのインタラクティブ性を高めます。設定手順や注意点、さらにはカスタマイズのコツについても詳しく解説しています。
Wix上級編 使用素材
こちらは使用しなくても構いません。可能な方はご自身で画像を制作してみましょう！
c. 【動画解説】上級編-サイトメニューの構造や調整について解説
d. 【動画解説】上級編のアンカーメニューの位置を変えたい
補足動画_WIX上級編_アンカーの配置を変えたい
アンカーボタンのレイアウトと配置について、Wixエディターでの設定方法を動画にて簡単に解説しながら説明していますのでご覧ください。
e. 【動画解説】上級編でつまずきやすい用語の解説
補足動画_WIX上級編_用語解説
Wix上級編で頻繁に使用される機能や用語、特にダッシュボードとハンバーガーメニューについて、動画にて簡単に解説しながら説明していますのでご覧ください。
4. 自己添削
目安の学習時間:5分
課題制作、お疲れ様でした！自分が納得できるWEBサイトを制作することはできたでしょうか。
完成版のサイトを、コーチの方からお使いのWixアカウントに共有いたしますので、以下のテンプレートを参考に、Slackの「 c-【受講ID】-【お名前】」のチャンネルでコーチをメンションしてください！
実際に制作課題がどのように作られているかを確認することができるため、不明点を解決することができると思います。
完成版のサイトを、コーチの方からお使いのWixアカウントに共有いたしますので、以下のテンプレートを参考に、Slackの「 c-【受講ID】-【お名前】」のチャンネルでコーチをメンションしてください！
実際に制作課題がどのように作られているかを確認することができるため、不明点を解決することができると思います。
例）
お世話になっております。
Wix実践 -上級編- 作成課題の完成版サイトの共有を希望します。
以下のメールアドレスに送付をお願いいたします。
==
Wixアカウントでお使いのメールアドレス
==
お世話になっております。
Wix実践 -上級編- 作成課題の完成版サイトの共有を希望します。
以下のメールアドレスに送付をお願いいたします。
==
Wixアカウントでお使いのメールアドレス
==
それでは、自己添削に取り組んでください！現在の自分ができる100%の状態のWEBサイトを完成させましょう！
そして、下記のテンプレートを参考にし、Slackの「 c-【受講ID】-【お名前】」のチャンネルでコーチをメンションし、制作課題を共有してください🙌
そして、下記のテンプレートを参考にし、Slackの「 c-【受講ID】-【お名前】」のチャンネルでコーチをメンションし、制作課題を共有してください🙌
注意事項
- その際、権限共有も忘れないでください！権限共有の仕方がわからない方は、「WIX -実践編- ＞ d. WIXの権限共有機能を理解しよう」を確認しましょう🙌
- また、サイト名は作成者が分かるように上級編-名前で統一しましょう！
コーチにSlackで共有する際のテンプレート
〇〇コーチ (@メンション)
お世話になっております。
Wix -〇〇編-の制作課題が終了いたしました。
以下のURLのサイトに権限共有もいたしましたのでご確認いただき、添削をよろしくお願いいたします。
==
サイトURL
==
お世話になっております。
Wix -〇〇編-の制作課題が終了いたしました。
以下のURLのサイトに権限共有もいたしましたのでご確認いただき、添削をよろしくお願いいたします。
==
サイトURL
==
5. まとめ
目安の学習時間:5分
Wix実践 -上級編-お疲れ様でした！
もう皆様は、Wixについてのスキルを完璧に身に付けたので大抵のHPはご自身の力のみで制作することができます！
まだ一つのWEBサイトを制作するのに時間がかかるかもしれませんが、慣れてくればどんどん時間を短縮することができます🤝
次はもう一つのノーコード制作ツールである「WordPress」について学習します。
引き続き頑張っていきましょう！
もう皆様は、Wixについてのスキルを完璧に身に付けたので大抵のHPはご自身の力のみで制作することができます！
まだ一つのWEBサイトを制作するのに時間がかかるかもしれませんが、慣れてくればどんどん時間を短縮することができます🤝
次はもう一つのノーコード制作ツールである「WordPress」について学習します。
引き続き頑張っていきましょう！