専門的な知識がなくても簡単に操作できる無料ホームページ作成サービス「Wix」の使い方をまとめました。
実際にネイルサロン用のデモサイトもWixで作ってみたので見てみてください。
- Wixのサービス説明
- Wixでホームページをつくるときの流れ
- Wixの操作方法
参考になれば幸いです。
Wixとは?
Wixとは世界190か国で1億6,000万人以上に選ばれている無料ホームページ作成サービス。(2020年2月時点情報)
本部はイスラエルですがちゃんと日本語版のサイトもあり、ホームページ作成も日本語で行うことができます。
Wixの特徴
Wixの特徴は「誰でも簡単にホームページを作れる」ところ。他にも簡単にホームページを作れるサービスはありますが「詳しい人はこっちの方法、初心者はこっちの方法」という形で同じサービス内で棲み分けしてるものがほとんど。
Wixもホームページの立ち上げ方法は2タイプありますが、どちらを選んでも初心者が簡単に進められる仕組みです。
選べる2つのホームページ作成方法
Wixはホームページの作り方を次の2つから選べます。
- Wix ADIで自動作成:簡単な質問に答えるだけでAIがホームページを自動作成
- Wixエディタで作成:テンプレートを選んで編集
作り方を選べるのはJimdoと一緒ですが、Jimdoと違うのはどちらを選んでも簡単に作れるというところ。
Jimdoの場合は1つ(ジンドゥーAIビルダー)は誰でも簡単に作成、1つ(ジンドゥークリエイター)はそれなりの知識が必要。
Wixの料金プラン
Wixにはプレミアムプランと呼ばれる有料プランと無料プランが存在します。会員登録時点では無料プランとして登録され、アップグレードすることによって料金が発生します。
無料プランでもホームページの作成、公開という基本的な部分は利用することができます。アップグレードしない限りは無料のまま使えます。
機能を追加したい、スペックを上げたい、といった場合にプレミアムプランを利用すすことで拡張可能。
Wixのホームページの作り方(初期設定)
Wixでホームページを作る流れを紹介します。今回デモとして下記サイトを作成しました。
HTML/CSSといった専門知識がなくても直感的な操作で簡単にホームページを作ることができます。
Wixのアカウント登録
-
STEP1Wixにアクセス
まずは下のボタンからWixにアクセスします。
-
STEP2「ログイン / 新規登録」ボタンをクリック
-
STEP3新規登録
「メールアドレス」「Facebookアカウント」「Googleアカウント」いずれかで会員登録を行います。
登録アカウントに確認メールが届くので「メールアドレスを確認」ボタンをクリック。
-
STEP4登録完了
これでWixの会員登録は完了です。
新規ホームページ作成(初期設定)
つづいて新規ホームページを作る手順。
-
STEP1「新しいサイトを作成」を選択
Wixの管理画面TOPから「新しいサイトを作成」ボタンをクリックします。
ここからいくつか質問に答えていきます。
-
STEP2どんなホームページを作成しますか?
作りたいホームページの種類を選択します。ここでは「美容&健康」を選択します。
-
STEP3作り方を選ぶ
ホームページの作り方を選びます。
選べる2つの作り方- Wix ADIで自動作成
- Wixエディタで作成
今回は質問に答えながらAIがホームページを自動作成していく「Wix ADI」を選択。
-
STEP4どんなサイトを作成するか
「ネイルサロン」としました。
-
STEP5サイトに追加したいアプリを選択
いろいろなアプリの中から追加したいアプリを選択します。今回は初めからチェックが入っている「サービス予約」「チャット」で進めます。
-
STEP6サイト名を入力
ビジネス名またはサイト名を入力との事なのでサロン名を入力します。
-
STEP7画像とテキストのインポート
既にサイトを持っている場合やGoogleプレイスに登録している場合は、そこから画像やテキストのインポートが可能。今回は持っていない体でいくので、このまま進めます。
-
STEP8情報入力
サロンの情報を入力します。自宅サロンでホームページに住所などを公開したくない場合は入力せず進めればOK。
SNSアカウントのソーシャルリンク項目もあるのでInstagramやFacebookなど運用していたら追加しましょう。
-
STEP9スタイル選択
フォントとサイトカラーの初期値となるスタイルを選びます。このあと作りながら編集していけるので、あまり難しく考えず「こんなホームページにしたい」というイメージで選んでOK。
-
STEP10好きなデザインを選択
ここまでのヒアリングを基に3パターンのホームページデザインが提案されます。好きなデザインを選択しましょう。
※コンテンツはこのあと編集できます -
STEP11初期設定完了
これで初期設定は完了。ここから編集をしていきます。
Wixのホームページ作成(編集方法)
WixはHTML/CSSといったWebの専門知識がない初心者の方でも簡単にホームページを編集することができます。
Wixの代表的な操作などを説明します。
Wixのホームページの基本構成
Wixのホームページは次のように構成されます。
ホームページ > ページ > セクション >各パーツ
コツとして後述しますが、この構造を意識して上位から考えていくとスムーズに進められます。
Wixエディタの画面の見方
まずはエディタ画面をザックリと説明します。
ヘッダーメニュー
画面上部のヘッダーメニューから。編集で主に使うのは左半分。
まずは「デザイン」で大まかなスタイルやフォント・カラーなどを調整して全体のイメージをある程度固めてから細部へと編集していくとバランスよく進められます。
ページ編集画面
ページ内の各セクションの上にマウスを持っていくといろいろボタンが表示されます。各ボタンの役割は次のとおり。
セクションの追加、移動、削除、セクション内の要素の編集をすることができます。
セクション編集画面
セクションをクリックすると選択したセクションの編集画面になり、画面左側にセクション編集メニューが表示されます。
各項目の役割は次のとおり。
セクションの追加
-
STEP1「+」ボタン選択
セクションを追加する場合は、セクション間にある「+」ボタンをクリックします。
-
STEP2セクションを選択
かなりたくさんの種類のセクションがあるので、分類を選択したあとに追加したいセクションをクリック、もしくはページ内にドラッグします。
-
STEP3セクション追加完了
セクションの追加完了です。
セクションの削除・移動
セクションの削除はセクションの上にマウスを持ってったときに表示されるボタンから行います。
セクションの編集
セクションの編集は「デザインの変更」「要素(パーツ)の要否選択」「各パーツの編集」らを覚えれば、自由度高く変更していくことができます。
デザインの変更
-
STEP1「デザイン」を選択
編集したいセクションの「デザイン」ボタンを選択します。
-
STEP2変えたいデザインを選択
編集メニューにデザイン一覧が表示されるので変えたいデザインを選択します。
-
STEP3変更完了
これでデザイン変更完了です。
セクション内パーツの表示/非表示
「あーこのテキストエリア要らない」「ここにテキストエリア追加したい」
そんなときはセクション内パーツの表示/非表示を切り替えましょう。
テキスト・画像の変更
同じ画面でテキストや画像の変更もできます。
ここまでの基本操作を把握していれば編集していくことができます。
Wixでホームページをつくるときのポイント
Wixでホームページを作る際のポイントをいくつか挙げます。
全体から細部へ考えていく
Wixは複数ページ作成することができるのでTOPページだけにすべてを任せる必要がありません。考えているコンテンツをどのページに入れるかを決めてから進めていくと迷うことなく構成していけます。
-
STEP1どんなコンテンツが必要か?
ホームページ自体にどんな要素が必要か考える
例サロン紹介、ネイルギャラリー、メニュー、ネイリスト紹介、アクセス情報、問い合わせフォーム・・・など
-
STEP2ページ構成をどうするか?
STEP1で考えた要素をページ分けする
例- TOPページ:サロン紹介、ネイルギャラリー、ネイリスト紹介
- 別ページ:メニュー
- 別ページ2:アクセス情報、問い合わせフォーム
-
STEP3セクション構成をどうするか?
ページごとにセクションを構成する
TOPページの例上からヘッダーメニュー、ヘッダー画像、サロン紹介、ネイリスト紹介、ネイルギャラリー・・・
-
STEP4パーツを調整する
セクション単位でパーツの要否、内容などを調整する
例この画像は違うものに変えて、、、
このテキストはいらないな、、、
ここに文言を加えて、、、みたいな -
STEP5全体を見て再調整
もう一度全体を見て微調整をかけていく
簡単で良いので、全体像をイメージしてからディテールへと落とし込んでいく(ホームページ→ページ→セクション→パーツ)と、手戻り少なく進めやすいはず。
ホームページに載せた方が良いコンテンツ
はじめてのホームページ作成の場合、何を載せたら良いかわからない方も多いと思います。
迷ったら次のようなコンテンツを入れると良いでしょう。
- サロンの写真(インテリア・エクステリア)
- あなた(ネイリスト)の写真
※可能であれば。難しいならうつむき気味の雰囲気フォトでもOK - あなた(サロン)のコンセプト・メッセージ
- ネイル(デザイン)ギャラリー
- アクセス情報
※伏せるプライベートサロンもあるのでケースバイケース - SNSボタン
- 予約フォーム
※予約管理システムを入れていない場合はLINE@やDMに使うSNSなど - FAQ(よくある質問)
※駐車場はありますか?デザイン持込OKですか?子ども連れてってOKですか?など
Wixは複数ページ作成できるので、どのページに何を載せるかなども考えて、興味を持ってくれたお客様に対して
- 魅力を伝えられる
- 疑問や不安を解消できる
- 予約方法がわかりやすい
ホームページを意識して組み立てていきましょう。
写真のクオリティがとにかく大事
ネイルサロンのホームページそ作るのであれば何より大事なのは写真のクオリティ。サロンの雰囲気やネイルギャラリーの写真がキレイなだけでホームページ自体の印象はグッと良くなります。
まとめ:Wixのおさらい
- 作り方は2種類。違いは初期デザインの選び方。
- エディターは初心者でも簡単に扱える
- 無料のままでも使い続けられる
「知識がないので自分ではホームページを作れない」
「コストがかかるので業者に依頼できない」
「でも、ホームページを作りたい」
そんな風に悩んでた方はWixを試してみてはいかがでしょうか?
こんなホームページを簡単につくることができます。
試してみて良ければ無料のまま使ってみれば良いし、実際に作ってみてわかることも多いです。行動の後押しとなれば嬉しいです。
最後まで読んでいただきありがとうございました。
という方にはこちらの記事がおすすめです。