ホームページ

2021/09/19 更新

Wix(ウィックス)の使い方を解説!ホームページ作成手順とエディタ操作方法

  Wix(ウィックス)の使い方を解説!ホームページ作成手順とエディタ操作方法

Wix(ウィックス)公式サイトへ

Wix(ウィックス)は、800種類以上のテンプレートと充実した機能が用意されているから、個人サイトからビジネスサイト、ネットショップ、ブログまで用途に合わせた本格的なホームページを作成できます

Wixの基本機能は無料で利用できるので、ホームページやブログを開設するだけなら、今すぐ気軽に始められます。

うさ吉先生

デザインの知識不要で、あらゆるジャンルのホームページを作ることができるんだ

Wix(ウィックス)公式サイトへ

Wixについて詳しく知りたい人はこちら↓

1. Wixの使い方

Wixは、直感的にホームページを作成することができます。まずは作成方法を選びます。

選べる3つの作成方法

Wixを使ったホームページの作成方法は3つ。自分のスキルに合わせて1つ選択します。

  • Wix ADI
    いくつかの簡単な質問に答えるだけで、AIが自動的にテンプレートを作成してくれます。初心者でもほんの数分でホームページを作れます。
  • Wix エディタ
    豊富なテンプレートから自分で好みのデザインを選び、直感的な操作でホームページを作成していきます。カスタマイズを好む人向けです。
  • Velo by Wix(旧Wix Code)
    Wixの機能だけでは難しい動作のカスタマイズができます。Webアプリケーションを構築できるデベロッパー向けです。
うさ吉先生

個人的には、自分の好きなようにデザインを編集できる「Wix エディタ」がおすすめだ

Wixでのホームページの作り方

今回は、「Wix エディタ」でホームページを作成してみましょう。

  • 新規登録をする

    1. 新規登録をする

    Wix新規登録は、右上のボタンをクリックします。

  • 新規登録ページを開く

    2. 新規登録ページを開く

    ログインページが開くので、「無料新規登録はこちら」リンクをクリックします。

  • 新規登録情報を入力

    3. 新規登録情報を入力

    新規登録情報を入力します。

    登録するとメールが届くので、メールのアドレスをクリックします。

  • 3つの質問に答える

    4. 3つの質問に答える

    ホームページ作成のための選択肢がいくつか出てきます。

  • ホームページ作成経験を入力

    5. ホームページ作成経験を入力

    選択肢の中から、自分に合った項目を選びます。

    初心者の人は、最後の選択肢は「一度も作成した経験がありません」を選ぶといいでしょう。

  • Wix ADIで自動作成

    6. Wix ADIで自動作成

    Wixは、その人に合った作成方法を選択してくれます。

    初心者の人は、Wix ADIの自動作成を選択しましょう。

  • エディタを開く

    7. Wix エディタで作成

    ここでは、Wix エディタで作成していきます。

  • カテゴリを選択する

    8. カテゴリを選択

    カテゴリごとにデザインが用意されているので、そこからテンプレートを選びます。

  • カテゴリを絞る

    9. カテゴリを絞る

    細かくカテゴリが分かれているので、より適したテンプレートが選べます。

  • 今すぐはじめる

    10. 今すぐはじめる

    テンプレートを選んだら、ホームページの編集画面に移動します。

    ここからオリジナルのサイト名や文言が編集できます。

  • テキストの編集

    11. テキストの編集

    デザイン上のテキストをクリックすると、テキストが入力できます。

    デザインに沿って編集してみましょう。

  • メニューの編集

    12. メニューの編集

    左のメニュー編集から、ナビゲーションメニューも編集可能です。

  • 公開して完了

    13. 公開して完了

    編集が終わったら、右上の「公開」ボタンを押したら完成です。

うさ吉先生

モバイルサイトを最適化しておくと、スマホからの検索流入も見込めるぞ

Wix(ウィックス)公式サイトへ

2. Wix エディタの操作方法

次に、「Wix エディタ」の使い方を解説します。

作りたいサイトのイメージに近いテンプレートを選んだら、あとは基本操作だけでクオリティの高いおしゃれなホームページが作れます。

サイトにパーツを追加する

サイトにパーツを追加する
  • エディタ画面より「追加+」 をクリックします
  • パーツカテゴリーをクリックします
  • パーツをクリックするか、追加したい位置にドラッグします
  • パーツを追加したら、カスタマイズしていきます

テキスト、画像、ボックス、フォームなど、さまざまなパーツをサイトに追加できます。

テキストの書式設定をする

テキストの書式設定をする
  • エディタ画面より「スタイルマネージャー」をクリックします
  • 「テキスト」をクリックして、 該当するスタイルの「編集」アイコンをクリックします
  • フォント、文字サイズ、色、テキストの太字と斜体を変更できます
  • 「適用」をクリックして、変更内容を保存します

テキストにリンクを追加する

テキストにリンクを追加する
  • テキストをサイトに追加します
  • 「テキストを編集」をクリックします
  • URLを入力したら、自動的にリンク化されます

外部URLのほかにもページ内リンク、画像、カラム、ボタンなど、追加できるリンクの種類はたくさんあります。

動画をページ背景に追加する

動画をページ背景に追加する
  • エディタ画面より「背景」をクリックします
  • 「動画」をクリックします
  • 自分で作成した動画をアップロードします
  • 動画を選択して「背景を変更」をクリックします

画像を使う場合、無料で使えるWix フリー写真素材から選んで、背景に設定することもできます。

サイト会員限定ページの作成

サイト会員限定ページの作成
  • エディタ画面より「ページ」 をクリックします
  • 該当するサイトページから「もっと見る」アイコンをクリックします
  • 「設定」をクリックします
  • 「アクセス許可」タブをクリックします
  • 「サイト会員のみ」を選択したら、ページにアクセスできる会員を選択します

「Wix ADI」でサイトを作成していても、より多くの機能やオプションが必要なときは、「Wix エディタ」に切り替えてカスタマイズすることが可能です

うさ吉先生

「Wix ADI」に戻りたい場合は、最後に保存したADI バージョンに戻すこともできるぞ

Wix(ウィックス)公式サイトへ

3. Wixの基本機能

Wixには、ホームページの作成と運営に必要な機能が揃っています。

テンプレート
プロのデザイナーが作成した800種類以上のテンプレートが揃っています。ブログ機能が含まれているテンプレートもあります。
ロゴの作成
Wix ロゴメーカーを使ってオリジナルのおしゃれなロゴを自動作成できます。商用利用権も取得可能です。
メルマガ配信
「Wix ADI」は購読フォームを追加して、「Wix エディタ」はWix メールマガジンを使ってニュースレターやメルマガを配信できます。
スマホ表示
モバイル最適化もクリックひとつで完了します。文字や画像のサイズを自動調整してくれます。
SNSの連携
FacebookやInstagramと連携できます。LINEボタンを追加すればLINEの友だちやグループにシェアできます。
常時SSL対応
Wixで作成されたすべてのサイトを自動的にhttps化しています。ほかにも万全のセキュリティを備えています。
SEOの設定
サイトのアクセス数を伸ばすためにページのSEO設定ができます。 Wix SEO Wizを利用すればサイト全体のSEO設定も可能です。
アクセス解析
自動でセットアップされます。サイトダッシュボードの「アクセス解析・レポート」ページからチェックできます。
うさ吉先生

プレミアムプランにアップグレードすると、ビジネスに必要な独自ドメインを取得したり、サイト上の広告を非表示にしたりできるぞ

Wix(ウィックス)公式サイトへ

Wixの無料プランと有料のプレミアムプランの違いはこちら↓

4. Wixの機能アプリ

Wixでは、近年増え続けているオンラインのイベントやレッスンなど、オンライン上でビジネスを展開するための機能アプリも取り揃えています。

Wix App Marketからアプリを追加することができます。無料アプリを中心におすすめのアプリを紹介します。

Wix イベント

無料

イベントの予約受付ができる機能です。Zoomと接続してオンラインイベントを開催することもできます。
Wix ビデオ

無料

オンラインスクールなどの動画チャンネルを作成できます。動画をアップロードして最大10分間の動画配信が可能です。
Wix ストア

無料

Wix ストアを追加してクーポンコードを発行することができます。ネットショップ機能を使うにはビジネス&Eコマースプランにアップグレードする必要があります。
Wix ブログ

無料

ブログ用のテンプレートを選んで編集するだけで、本格的なブログサイトを作成できます。外部のブログをサイトに埋め込むこともできます。
Wix プロギャラリー

無料

写真や動画を最高のクオリティで公開できるギャラリーアプリです。12種類のレイアウトから選択して自由にアレンジすることができます。
Wix フォーラム

無料

ユーザー参加型のオンラインフォーラムを作成できます。会員登録したお客さんだけが投稿やコメントができる掲示板です。
Wix チャット

無料

サイトにチャットサポート機能を追加できます。お客さんからのメッセージを受信したらリアルタイムで自動回答してくれます。
Wix FAQ

無料

サイトやビジネスに関するよくある質問と回答を掲載できます。豊富なレイアウトから選択可能です。
Wix モバイルアプリ

無料

スマホからサイトを管理できるアプリです。お客さんとリアルタイムでチャットしたり、クーポンを配布したり、外出先からサイトの編集も可能です。
Googleイベントカレンダー

無料

Googleカレンダーをサイトに表示して共有できます。色やフォントをカスタマイズすることも可能です。
カウントダウンクロック

無料

イベント開催やキャンペーンなどのカウントダウンタイマーを表示します。簡単なセットアップで追加できます。
Instagramフィード

無料

Instagramアカウントを接続して写真ギャラリーを表示できます。最新の投稿内容をリアルタイムで更新してくれます。

予約受付だけならWix イベントでも可能ですが、ビジネスで利用するなら自動的にリマインダーメールを送信できたり、顧客管理ができる予約システムは必要です。

Wix ブッキング

有料

24時間オンラインの予約受付が可能です。事前のオンライン決済にも対応しています。月額制やチケット制のサービスにも使えます。

ビジネス&Eコマースプランにアップグレードする必要がありますが、飲食店やサロンなどの予約を効率的に管理できるWix ブッキングは入れておきたいところです。

うさ吉先生

自分のサイトに必要なアプリを追加して使ってみよう!

Wix(ウィックス)公式サイトへ

5. Wixホームページ作成の攻略本

もしWixに関する知識がまったくない人は、解説本も合わせて参考にしてみましょう。

Wixでホームページ制作〈2020年版〉初心者でも今すぐ使える!

Wixの仕組みや基本操作をまとめています。数少ないWixの解説本で、まず読んでおきたい一冊です。

カンタン ブログ感覚で作るお店のホームページ

Wixの基本操作が写真を使ってわかりやすくまとまっています。アマゾンのレビュー評価も高い一冊です。

6. Wixの使い方まとめ

Wix初心者は、「Wix ADI」か「Wix エディタ」のどちらかでホームページを作成することになります。

「Wix ADI」は、おまかせでサイトを自動生成してくれますが、カスタマイズできる部分が少ないというデメリットがあります。

「Wix エディタ」は、デザインや機能は充実しているけれど、初心者は覚えることが多くて使いにくいと感じるかもしれません。

つまり時間と労力をかけずにホームページを作りたいなら「Wix ADI」デザインと機能を自由にカスタマイズしたいなら「Wix ADI」がおすすめです。

Wix(ウィックス)公式サイトへ

うさ吉先生

ジンドゥーにもAIによって自動作成できるプランがあるんだ!初心者はジンドゥーのほうが使いやすいかも

ジンドゥーとWixを比較するならこちら↓

TOP

お困りですか?