Wixの使い方!ホームページを作成する手順

Wixでホームページを作成する手順

このエントリーでは、Wixの特徴やメリットをお伝えして、実際にWixでホームページを作成する手順を詳しくお伝えします。

スポンサーリンク
レクダンクル(大)

Wixとは?

Wixとは、パーツをドラッグ&ドロップするだけでお洒落なホームページが作れるウェブサービスです。本社はイスラエルのテルアビブにあります。

パズルを組み合わせる感覚でホームページが作成できるので、HTML、CSS・JavaScript・PHPの知識は一切不要です。初心者でも簡単にお洒落なホームページが作れます。同じようなサービスと比較すると、デザイン性の高いページを作成できることが特徴です。

また、Wix SEO Wizと呼ばれるGoogleの検索エンジンに最適化する機能もあり、ホームページのSEOを改善することができます。SEOや検索エンジンについて深い知識がない方でも、Wixの管理画面に表示されるチェックリストに沿って回答するだけで、検索パフォーマンスを向上することが可能です。

Wixのユーザー数

Wixの資料によるとユーザー数は約1億5千万人います。無料プランが1億4800万人、有料プランが420万人です。ユーザー数はこの数年でかなり増えていることが分かります。

Wixのユーザー数

Wixのプラン

無料プランと有料プランがあります。

  • 無料・・・独自ドメイン不可、広告あり
  • 有料・・・独自ドメイン可、広告なし
Wix、有料プラン

有料プランは、内容に応じて複数のプランがある

店舗やスモールビジネスで利用するのであれば独自ドメインになりますので、有料プランを選択する方が多いと思います。

レンタルサーバーは不要

無料・有料どちらのプランも、Wixのサーバーを利用できます。ユーザーがレンタルサーバーを用意する必要はありません。プランによって、同時接続できる帯域幅に制限があるのでご注意ください。

帯域幅とは回線の太さというと分かりやすいと思います。例えばお店がテレビで紹介されるとホームページにアクセスが集中します。帯域幅に制限があるとアクセス数が多ければサーバーがダウンしてページが表示されなくなります。

心配な方はアドバンス以上のプランであれば、無制限の帯域幅になるので安心です。

メールサーバーはユーザーで用意

独自ドメインを利用するユーザーは、独自ドメインのメールを利用するはずです。
Wixではメールサーバーの用意はありませんので、ユーザーがメールサーバーを用意します。

  • G Suiteを契約・・・G Suiteを契約すれば、独自ドメインのメールアドレスをGmailとしても利用できます。Wixの管理画面から簡単にG Suiteと契約することが可能です。
  • メールサーバーを契約・・・カゴヤなどのレンタルサーバーではメールサーバーだけのプランがあります。

Wixはこんな人にオススメ

  • 飲食店・美容室など実店舗のオーナー
  • ホームページ作成や運用を外注ではなく、社内で取り組みたい方
  • HTML、CSSの知識はないけれど、ホームページを自分で作ってみたい方
  • SEOについてよく分からないが、SEO業者とは契約したくない方

Wixのメリット

  • HTMLやCSSの知識は不要
  • テンプレートを選択するだけで、お洒落なホームページが作成できる
  • SEOについての機能が組み込まれている (Wix SEO Wiz)
  • ホスティングもついているので、レンタルサーバーとの契約は不要
  • スマホ対応している (モバイル対応)
  • MFI対応している
  • HTTPS対応している
  • セキュリティの管理は不要
  • メンテナンスの手間はない
  • Search Consoleと自動で連携 (有料プラン)
  • 独自ドメインに対応 (有料プラン)

Wixのデメリット

  • テンプレートの変更はできない
  • 独自の凝ったデザインを作ることは難しい

将来的にWordPressに移行できるの?

独自ドメインが利用できる有料プランでホームページを作成しているのであれば、WordPressに移行できます。
Wixで作成した各ページのURLを変更せずにWordPressに移行すればOKです。

Wixでホームページを作る手順

Wixでホームページを作る手順をお伝えします。

今までお伝えしたとおり、本当に簡単にホームページが作成できます。
以下の画像のホームページが10分程度で作成できました。

Wixでホームページを作る

  1. Wixに登録
  2. 3つの質問に答える
  3. テンプレートを選択
  4. ホームページの編集
  5. ドメインを設定
  6. サイトを公開
  7. Wix SEO Wizを設定

1. Wixに登録

Wixに登録します。

①Wixにアクセスし「今すぐはじめる」をクリック

Wixにアクセスし「今すぐはじめる」をクリック

②「無料新規登録はこちら」をクリック

Wix、「無料新規登録はこちら」をクリック

③新規登録は3つの方法がある

  • メアドとパスワードで登録
  • Facebookアカウントで登録
  • Googleアカウントで登録

今回は、Googleアカウントで新規登録します。「Google で続行」をクリック。

Wix、Googleアカウントで新規登録

Googleアカウントを選択すれば、Wixへの登録は完了。

Wixへの登録は完了

2. 3つの質問に答える

Wix、あなたに最適なホームページ作成ツールを選ぶための3つの簡単な質問にお応えください

「あなたに最適なホームページ作成ツールを選ぶための3つの簡単な質問にお応えください」と表示されるので、「次に進む」をクリックします。

誰のためのサイトか、ホームページのジャンル、過去の作成経験が聞かれますので選択してください。

今回、次のように答えました。

Wix、誰のためのサイトか、ホームページのジャンル、過去の制作経験が聞かれる

私が作りたいホームページは自分用のビジネスサイトです。過去の作成経験はプロとしてあります。

3つの質問に答えると以下の画面になりますので、「Wixエディタで作成」の「今すぐはじめる」をクリックしてください。

Wixエディタで作成

3. テンプレートを選択

次にテンプレートを選択します。

Wix、テンプレートを選択

ビジネスのジャンルごとに、様々なテンプレートが用意されています。

先程答えた3つの質問の「ホームページのジャンル」のテンプレートが選択されています。別のジャンルのテンプレートを選択してもOKです。

テンプレートのカテゴリー

Wix、テンプレートのカテゴリー

  • ビジネス・・・企業などのビジネスサイト
  • ネットショップ・・・ECサイト
  • 飲食店・・・レストランのサイト
  • 宿泊施設・・・ホテルや旅館のサイト
  • イベント・・・イベントの募集や告知ページ
  • 個人サイト・・・写真、音楽、動画配信、アート
  • 健康&フィットネス・・・スポーツジムのサイト
  • 美容&ファッション・・・美容室やネイルサロンのサイト
  • ランディングページ・・・LPのページ

①実際にテンプレートを表示してみる

お好みのテンプレートにマウスを合わせて「表示」をクリックすると、テンプレートで作成したサイトが表示されます。実際にメニューなどをクリックしたり、スマホ表示に切り替えて確認します。

Wix、テンプレートを表示してみる

②気に入ったテンプレートがあれば「編集」をクリックする

Wix、気に入ったテンプレートがあれば「編集」をクリック

「編集」をクリックするとWixホームページエディターへ進みます。

4. ホームページの編集

Wixホームページエディターでは、ホームページの編集が簡単にできます。
HTMLやCSSやJSの知識は必要ありません。

テキストを変更したり、画像や動画を追加したりできます。1万点以上の無料写真素材も用意されています。
またレイアウトの編集もパズルを組み合わせる感覚でできます。
ECショップを追加したり、ブログを追加することもできます。

詳しい動画があるのでご覧ください。

Wix.com | Wix エディタでホームページを作成しましょう

テキストの編集

テンプレートのテキストを編集します。テキストをダブルクリックすれば、編集可能です。

Wix、テキストの編集

テキスト設定のパネルが表示されるので、「フォント」「文字サイズ」「太字」「箇条書き」「エフェクト」の設定が可能です。

Wix、テキスト設定のパネルが表示される

テキストの位置変更はドラッグで

テキストの位置変更はドラッグするだけです。

Wix、テキストの位置変更はドラッグ

上の画像のテキストの位置を右にドラッグしたものが、下の画像です。

Wix、テキストの位置変更はドラッグで簡単にできる

画像の変更

画像の変更も簡単です。

①画像を選択すると表示される「画像を変更」をクリック

Wix、画像の変更

②お好きな画像に変更する

  • パソコンに入っている画像を追加
  • 「Wix画像・動画素材」から画像を追加

↓男性の画像から家の画像へ変更しました。

Wix、画像の変更は簡単

Wixでは、画像に以下のこともできます。

  • 画像にリンク先を追加
  • 代替テキストを追加
  • 画像にフレームを付ける
  • 画像の切り抜き
  • フィルターをかける
  • アニメーション効果をつける

モバイルページの表示を確認

Wixでホームページを作成すると、モバイルページも同時に作成されます。

スマホのアイコンをクリックすれば、モバイルページの表示を確認できます。

Wix、モバイルページの表示を確認

定期的に保存

Wixホームページエディターで作成したら、定期的に保存するようにしてください。
ブラウザがフリーズすることがありますので、マメに保存することをオススメします。

最初の保存時にサイト名をつけます。

Wix、最初の保存時にサイト名をつける

5. ドメインを設定

次にドメインを設定します。
無料プランのドメインと有料プランのドメインがあります。

無料プランのドメイン

Wixで無料プランのドメインを使う場合、次のようなドメインになります。

  • https://ユーザー名.wixsite.com/サイト名
ユーザー名を変更する
  1. 管理画面右上のユーザー名→アカウント設定をクリック
  2. ユーザー名を任意のものに変更する

有料プランのドメイン

有料プランにアップグレードすれば、独自ドメインが使えます。

  • https://example.com

6. サイトを公開

ドメインの設定をしたらサイトの公開をします。

右上の「公開」をクリックしてください。

Wix、サイトを公開

以下の画像が表示され、ホームページにアクセスできるようになります。

Wix、サイトがオンラインで公開される

無料プランの広告が表示される場所は?

画面の上部に広告が表示されます。広告の表示を削除するのであれば、有料プランへ移行してください。

Wix、無料プランは画面の上部に広告が表示される

7. Wix SEO Wizを設定

サイトを公開したらWix SEO Wizを設定します。無料プラン・有料プランのどちらにもあるのでご安心ください。

Wixの管理画面で質問に答えていくだけで、ホームページをGoogleの検索エンジンに最適化できます。

Wix SEO Wizについては、動画をご覧ください。

Wix SEO Wiz | 検索エンジン最適化で Google 検索順位アップ!

Wixのサポートは?

Wixのヘルプページは充実しています。

また、英語、スペイン語、ポルトガル語、イタリア語で電話サポートが提供されています。語学が堪能な方には嬉しいサポートですね。

ホームページ作成でプロのヘルプが必要ならば

Wixアリーナでホームページ作成をプロに代行してもらうことが可能です。

デザインだけ代行、ネットショップだけ代行してもらうという使い方ができます。以下の項目を1つから依頼できます。

  • Webデザイン
  • 小規模プロジェクト
  • ネットショップ
  • Web開発
  • マーケティング・宣伝
  • グラフィックデザイン

さいごに

以上、Wixの使い方を紹介しました。

本当に簡単にお洒落なホームページが作成できるので、ぜひお試しください。

先日、1ヶ月ほどWixを試す機会があり、Wixの使い方とWixのSEO機能を試しました。 Wixを使えば簡単にホームページが作成で...
スポンサーリンク
レクダンクル(大)

フォローする

スポンサーリンク
この記事をお届けした
iSchoolの最新情報を、
いいねしてチェックしよう!
スポンサーリンク
レクダンクル(大)