ホームページ

Wixの使い方まとめ!超簡単なホームページ作成手順(無料可)

専門的な知識がなくても簡単に操作できる無料ホームページ作成サービス「Wix」の使い方をまとめました。

実際にネイルサロン用のデモサイトもWixで作ってみたので見てみてください。

この記事でわかること
  • Wixのサービス説明
  • Wixでホームページをつくるときの流れ
  • Wixの操作方法

参考になれば幸いです。

Wixとは?

Wixとは世界190か国で1億6,000万人以上に選ばれている無料ホームページ作成サービス。(2020年2月時点情報)

本部はイスラエルですがちゃんと日本語版のサイトもあり、ホームページ作成も日本語で行うことができます。

Wixの特徴

Wixの特徴は「誰でも簡単にホームページを作れる」ところ。他にも簡単にホームページを作れるサービスはありますが「詳しい人はこっちの方法、初心者はこっちの方法」という形で同じサービス内で棲み分けしてるものがほとんど。

Wixもホームページの立ち上げ方法は2タイプありますが、どちらを選んでも初心者が簡単に進められる仕組みです。

選べる2つのホームページ作成方法

Wixはホームページの作り方を次の2つから選べます。

選べる2つの作り方
  • Wix ADIで自動作成:簡単な質問に答えるだけでAIがホームページを自動作成
  • Wixエディタで作成:テンプレートを選んで編集

作り方を選べるのはJimdoと一緒ですが、Jimdoと違うのはどちらを選んでも簡単に作れるというところ。

Jimdoの場合は1つ(ジンドゥーAIビルダー)は誰でも簡単に作成、1つ(ジンドゥークリエイター)はそれなりの知識が必要。

Wixの料金プラン

Wixにはプレミアムプランと呼ばれる有料プランと無料プランが存在します。会員登録時点では無料プランとして登録され、アップグレードすることによって料金が発生します。

無料プランでもホームページの作成、公開という基本的な部分は利用することができます。アップグレードしない限りは無料のまま使えます。

機能を追加したい、スペックを上げたい、といった場合にプレミアムプランを利用すすことで拡張可能。

出典:https://ja.wix.com/upgrade/website

Wixのホームページの作り方(初期設定)

Wixでホームページを作る流れを紹介します。今回デモとして下記サイトを作成しました。

Wixで作ったホームページ

ネイルサロン風デモサイトはこちら

HTML/CSSといった専門知識がなくても直感的な操作で簡単にホームページを作ることができます。

Wixのアカウント登録

  • STEP1
    Wixにアクセス

    まずは下のボタンからWixにアクセスします。

    Wixはこちら

  • STEP2
    「ログイン / 新規登録」ボタンをクリック
    「ログイン / 新規登録」ボタンをクリック
  • STEP3
    新規登録

    「メールアドレス」「Facebookアカウント」「Googleアカウント」いずれかで会員登録を行います。

    「メールアドレス」「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のおさらい

Wixのおさらい
  • 作り方は2種類。違いは初期デザインの選び方。
  • エディターは初心者でも簡単に扱える
  • 無料のままでも使い続けられる

「知識がないので自分ではホームページを作れない」
「コストがかかるので業者に依頼できない」
「でも、ホームページを作りたい」

そんな風に悩んでた方はWixを試してみてはいかがでしょうか?

こんなホームページを簡単につくることができます。

試してみて良ければ無料のまま使ってみれば良いし、実際に作ってみてわかることも多いです。行動の後押しとなれば嬉しいです。

最後まで読んでいただきありがとうございました。

ホームページを無料で作成したいけどサービスが多くて悩む・・・

という方にはこちらの記事がおすすめです。

無料ホームページ作成サービスの比較・おすすめ

無料ホームページ作成サービス比較!初心者にはどれがおすすめなの?
【ネイルサロン・自宅サロン向け】無料ホームページ作成サービスの徹底比較!ホームページを作るのに「専門知識が必要」「コストがかかる」そんなイメージは過去のもの。ホームページ作成サービスを利用すれば「初心者でも簡...
あなたにおすすめの記事

COMMENT

メールアドレスが公開されることはありません。