チュートリアル:Wixを使用して最初のWebサイトを構築する方法(ステップバイステップガイド)

Wixはかなり直感的なウェブサイトビルダーです。しかし、それはたくさんのオプションを提供するので、初めてWixを使用して独自のWebサイトを構築するときに、少し圧倒されるように簡単に感じるかもしれません。.


Wix Webサイトを作成するためのチュートリアルを探しているなら、このガイドはあなたのためです.

このガイドでは、Wixダッシュボードを紹介し、その仕組みを示します。光沢のある新しいWix Webサイトを公開するために必要なさまざまな設定と手順も表示されます.

準備はいい?さぁ、始めよう.

目次

  • ステップ1:Wixアカウントにサインアップする
  • ステップ2:Wix ADIまたはWixエディターを選択する
  • ステップ#3:ビルド済みのテンプレートを選択する
  • ステップ#4:サイト要素と関数を追加する
  • ステップ#5:公開して公開する 
  • Wix Site Managerの使用
  • よくある質問

Wixを探索する

  • Wixを使い始める
  • WixビジネスWebサイトテンプレート(無料)
  • Wixオンラインストアテンプレート
  • オンライン再開用Wix
  • 結婚式/写真のWix
  • 作家や本の著者向けのWix
  • 不動産業者のためのWix

*これらはWixウェブサイトを指す発信リンクです.

最初のWix Webサイトを作成する5つのステップ

ステップ1 – Wixアカウントにサインアップする

Wixは5つのプレミアムプランを提供しています。ニーズに最適なものを選択してください.

特徴
VIP
eコマース
無制限
コンボ
接続する
帯域幅無制限10GB無制限2GB1GB
ストレージ20GB20GB10GB3GB500MB
無料ドメインはいはいはいはい番号
Wix Ads削除されました削除されました削除されました削除されましたはい
カスタマイズされたファビコンはいはいはいはい番号
フォームビルダーアプリはいはいはい番号番号
サイトブースターアプリはいはいはい番号番号
オンラインストアはい(サンプル)はい(サンプル)番号番号番号
メールキャンペーンはい、10 /月番号番号番号番号
価格$ 24.50 /月$ 16.50 /月$ 12.50 /月$ 8.50 /月$ 4.50 /月

初心者の場合は、Wixコンボプランから始めて、サイトの成長に応じてアップグレードすることをお勧めします。ビジネスの場合は、オンラインショップをセットアップできるeコマースプランをご利用ください.

Wixプレミアムプラン(コンボ– VIP)は常に推奨されます。これは、独自のドメインに接続する機能、Wix広告を削除する機能、追加の帯域幅とストレージスペースを提供する機能など、多くの利点を提供するためです。.

Wixを使用して構築されたWebサイトのサンプルを以下に示します.

私たちはWixを最高のWebサイトビルダーの1つと見なしていますが、どのツールにも常に長所と短所があることに注意してください。たとえば、 言及 使いやすさへの愛情と、いくつかの点で制限が多すぎる.

Wixがうまくできること:

Wixに肯定的な評価を与えたユーザーは、Wixシステムの直感性に満足しています。ドラッグアンドドロップインターフェイスは使いやすく、コーディングに関する知識がなくても、企業はWebサイトを作成できます。.

Wixがうまくいかないこと:

否定的なWixレビューアは、遅いサーバーについて不満を述べています。 Wixで作成されたWebサイトは、読み込みが遅く、SEOフレンドリーではないと考えられます。つまり、Wixで作成されたWebサイトは、検索エンジンの結果にあまり表示されない可能性があります。.

ステップ2 – Wix ADIまたはWixエディターで作成する

WixはWebサイトを作成する2つの方法を提供します– Wix ADIとWix Editor.

Wix ADI(またはWix Artificial Design Intelligence)は、A.I。の力を利用するユニークなツールです。 –必要なのは、基本的な情報(ビジネスの種類やサイト名など)を提供することだけで、システムはその情報を使用してサイトを自動的に構築します。一方、Wixエディターでは、ドラッグアンドドロップビルダーを使用してWebサイトを最初から作成できます。.

このウォークスルーチュートリアルでは、両方のオプションを使用してビジネスWebサイトを構築する方法を示します.

adi-or-editorWixでサイトを作成するための2つのオプション:Wix ADIまたはWix Editor.

オプション#1:Wix ADIを使用してWebサイトを作成する

Wix ADIでビルドするには、「Wix ADIで開始」をクリックします.

Wixは、構築するビジネスWebサイトの種類を尋ね、いくつかの基本的なオプションを提案します。作成するWebサイトの種類がわからない場合は、キーワードを入力するだけで、Wix ADIが効果を発揮します.

wix-adi-step-1このチュートリアルでは「デジタルマーケティング」を選びました.

ビジネスWebサイトの性質を指定すると、Wix ADIは、Webサイトで必要な機能のセットを要求します。ここで、あなたはあなたがあなたのウェブサイトでできるようにしたいすべてのことを考える必要があります.

wix-adi-step-2この例では、「予約を取る」以外のWixが提案するすべての機能を選択します。 & 予定の機能.

Webサイトの目的の機能について学習した後、Wix ADIはWebサイトの名前の入力を求めます.

この例では、ウェブサイトの名前を「BuildThisDigita・ロークリング」にしています。.

Wix ADIは、会社の住所やその他の詳細など、より多くのビジネス情報を要求します。.

Wix ADIは、この情報を使用してWebサイトの関連セクション(Webサイトのフッターや連絡先ページなど)に入力するため、できるだけ多くの情報を提供します。

wix-adi-step-3

最後に、すべての機能の設定と情報を指定すると、Wix ADIがWebサイトを構築する準備が整います。.

「開始」をクリックします。「開始」をクリックします.

次の画面で、Wix ADIはカラースキームの設定を要求します.

この例では、「Spark」配色を選択しています。この例では、「Spark」配色を選択します.

好みの配色で、Wix ADIはWebサイトのホームページで作業する準備ができました.

約1分程度で、Wix ADIはあなたのウェブサイトで準備ができているはずです.

例:Wix ADIを使用して作成したサイト

参考までに、Wix ADIを使用して作成したホームページは次のとおりです。

wixウェブサイト

正直なところ、私はWIX ADIが私のために作成したデザインのファンではなかった.

実際、私はこれを使用しません.

ただし、この設計は最終的なものではないことを知っておく必要があります。新しいセクションを追加できます。配色や要素も変更できます。ゼロから再設計することもできます.

とにかく、少しの間デザインを忘れて、このWebサイトに対してWix ADIプログラムが他に何をしたか見てみましょう。たとえば、Wix ADIがサイトに追加する適切なページを少なくとも選択したかどうかを確認しましょう.

これを確認するには、ダッシュボードの左側のパネルにある[ページ:ホーム]オプションをクリックします。.

次のスクリーンショットは、Wix ADIがデジタルマーケティング代理店のWebサイト用に作成することを選択したさまざまなページを示しています。

wix-adi-step-7ご覧のように、ビジネスWebサイトを構築しているにもかかわらず、Wix ADIは一連の「ショップ」ページをWebサイトに追加しました。 「オンラインで販売」する機能を選択したため、これらのページが追加されたと思います。ショップページの他に、Wix ADIはブログページも追加しました。.

結論:Wix ADIは確かにプライムタイムの準備ができていません

先ほど見たように、Wix ADIを使用してWebサイトを設計することは便利でしたが、結果はすばらしいものではありませんでした.

たぶん、これはWix ADIが正しく理解できなかった1回限りの例にすぎません。それにもかかわらず、あなたは今、このオプションから何を期待するべきかについてのアイデアを得ます.

次に、Webサイトを作成する2番目のオプションであるWixエディターを使用する方法を見ていきます。このオプションにより、サイトの外観、操作、ナビゲーション、機能、その他すべてを完全に制御できます.

オプション#2:Wixエディターを使用してサイトを作成する

Wixエディターの動作を確認するために、例として同じデジタルマーケティング代理店のWebサイトを作成しようとしていると仮定します。.

あなたがそれをクリックすると、Wixはあなたが構築したいサイトのタイプを再び尋ねます。キャプション:新しいサイトを作成するには、[サイト]メニュー項目の[新しいサイトの作成]オプションをクリックします.

Wixをクリックすると、構築するサイトのタイプを尋ねられます.

このチュートリアルでも、「ビジネス」ウェブサイトのカテゴリを選択します。このウォークスルーでも、「ビジネス」ウェブサイトのカテゴリを選択します.

今回はWixエディターを使用してサイトを作成します。今すぐエディターを試したいからです。これにより、次のステップに進みます。

ステップ3 – Wixのビルド済みサイトテンプレートを選択する

[Start with Wix Editor]ボタンをクリックするとすぐに、さまざまなテンプレートが表示されます.

次の画像からわかるように、Wixはすでに「ビジネス」カテゴリで関連する多数のテンプレートを強調表示しています.

それだけでなく、適切なテンプレートをフィルタリングするのに役立つ便利な検索オプションもあります(ここでWixのビルド済みテンプレートを参照).

wix-edit-step-3「広告」に進みましょう & マーケティングのサブカテゴリは、私たちにとって最も関連性があるように見えるため.

テンプレートには、「広告およびマーケティング会社」を選択します。テンプレートには、「広告およびマーケティング会社」を選択します.

Wixビルド済みテンプレートの編集

テンプレートを選択すると、完全なWixエディターダッシュボードが表示されます.

Wixダッシュボードには3つの重要な領域があります(強調表示されたセクションを参照)。1)中心部分はWebサイトです。変更を加えると、リアルタイムでプレビューできます。 2)右側には、サイト上のさまざまな要素の削除、複製、回転、配置の調整を行うオプションがあります。 3)左側には、使用できるビルディングブロックとデザインオプションがあります。.

wix-edit-adi-step-5Wixエディターダッシュボード.

ステップ4 –サイト要素と機能を追加する

ビルディングブロックとデザインオプションのすべての要素を詳しく見てみましょう.

1.ウェブサイトの背景

wix-edit-step-6サイトの背景として、Wixは単色、画像、動画をサポートしています.

背景色を変更したい場合は、「色」オプションをクリックするだけで、Wixがカラーパレットを表示します。パレットの色にカーソルを合わせると、Wixがリアルタイムのプレビューを表示します.

画像の背景が必要な場合は、独自の画像をアップロードするか、Wixが無料で提供している美しい画像のコレクションから選択できます.

画像は美しいだけでなく、カテゴリ別に整理されています.

同様に、動画の背景を試したい場合も、独自の動画をアップロードするか、Wixのコレクションから選択できます.

Wixの無料の画像ライブラリ。Wixの無料画像ライブラリ.

このようなプレミアムメディアストックを利用できるようにすることで、Wixは素晴らしい画像やメディアで美しいWebサイトを構築するのに役立ちます.

ほとんどのWebサイトビルダーテンプレートのデモを再作成したことがある場合は、デザインと比べてデザインがどのように平坦化しているかがわかるでしょう。これはほとんどの場合、高品質の画像がないために発生しますが、Wixはこの領域であなたの世話をします.

2.コンテンツブロックとデザイン要素

「追加」オプションを使用すると、ウェブサイトにデザイン要素を追加できます。これらの要素は次のとおりです。

  • テキスト
  • 画像
  • ギャラリー
  • スライドショー
  • ボタン
  • ボックス
  • ストリップ
  • 形状
  • ビデオ
  • 音楽
  • ソーシャル
  • 連絡先
  • メニュー
  • リスト
  • ライトボックス
  • ブログ
  • 痛い
  • もっと

これらの要素のいずれかを追加すると、Wixが「少し」の詳細に注意を払っていることに気付くでしょう.

たとえば、私たちのサンプルWebサイトでは、メインメニューにCTA(行動を促すフレーズ)ボタンを追加することにしました。そのため、ボタンのデザイン要素をクリックすると、Wixにいくつかのボタンスタイルが表示され、テンプレートに適した推奨スタイルが厳選されました。次の画像の「テーマボタン」をご覧ください。

wix-edit-step-8

もう1つ注意すべき点は、これらのデザイン要素は完全にカスタマイズ可能であることです。この例では、メニューに配置したCTAボタンは少し大きすぎて、フォントがデフォルトのメニューフォントと一致していなかったため、少しずれていました。.

しかし、これには簡単な修正があります。要素をクリックするだけで、設計ツールボックスが開きます。絵筆アイコンをクリックすると、次のようなカスタマイズオプションが表示されます。

CTAボタンを他のメニューと一致させるために、フォントとサイズを簡単に変更できます。これは、新しく追加された要素をデザインの一部のように見せるために十分です.

wix-edit-step-9

これらの設計ツールを、Squarespaceのような他のほとんどのプラットフォームで提供されているものと比較すると、ここには100のスタイルとカスタマイズオプションを持つ要素がさらにあることがわかります。 Wixは、他のほとんどのサイトビルダーが提供するものよりもはるかに優れています.

3. Wix App Market経由のウェブサイト機能

Wixアプリマーケットには、Webサイトで必要になる可能性のあるすべての機能のアプリがあります。 FAQセクションを追加する必要がある場合でも、単純なライブチャットウィジェットを追加する必要がある場合でも、Wix App Marketが対応します。Wixアプリマーケットには、Webサイトで必要になる可能性のあるすべての機能のアプリがあります。 FAQセクションまたはライブチャットウィジェットを追加する必要があるかどうかにかかわらず、Wix App Marketはあなたをカバーしています.

「Wixアプリ市場」は、サイトの機能を拡張できる多数のサードパーティ製アプリやWixネイティブアプリのリポジトリです.

基本的なウェブサイトを構築するだけの場合は、Wixが必要とするほぼすべての機能をカバーしているので、追加のアプリは必要ありません。.

ただし、すぐにはWixにない機能が必要になる場合があります。または、ウェブサイトを拡張したり、マーケティング力を追加したりすることもできます。そのような場合は常に、Wix App Marketにアクセスしてください。.

多くのアプリが無料で、プレミアムなアプリもいくつかあります.

追加するアプリはニーズによって異なりますが、私がお勧めするアプリがあり、それはWix Get Subscribers’アプリ。これを使用して、Webサイトにサインアップフォームとポップアップを追加し、メーリングリストを超高速で作成できます。.

4.私のアップロード

「マイアップロードWixのセクションは、個人の画像ギャラリーのようなものです。このセクションには、Wixにアップロードした画像、ビデオ、オーディオなど、サイトに追加できるすべてのビジュアルファイルが含まれています.

5.ブログ用Wix

必要に応じて、このページにさらに要素を追加できます。 [ブログマネージャー]メニューの[ブログ要素を追加]オプションを使用するだけです。

wix-edit-step-10「ブログを開始する」オプション–その名のとおり–ブログをWebサイトに追加できます.

[今すぐ追加]ボタンをクリックすると、ブログページがウェブサイトに追加されます。ブログページのレイアウトを見ると、タグによる検索、注目の投稿ウィジェット、最近の投稿ウィジェットなどの便利なオプションを備えた(完全にカスタマイズ可能な)サイドバーがあることがわかります。[今すぐ追加]ボタンをクリックすると、ブログページがウェブサイトに追加されます。ブログページのレイアウトを見ると、タグによる検索、注目の投稿ウィジェット、最近の投稿ウィジェットなどの便利なオプションを備えた(完全にカスタマイズ可能な)サイドバーがあることがわかります.

このページにはさらに要素を追加できます。 [ブログマネージャー]メニューの[ブログ要素を追加]オプションを使用するだけです。このページにはさらに要素を追加できます。 「ブログマネージャー」メニューの「ブログ要素を追加」オプションを使用するだけです.

[ブログ要素を追加]オプションを使用すると、次のようなさまざまな要素をブログページに追加できます。

  • Disqusコメント
  • Facebookのコメント
  • カスタムフィード
  • RSS
  • カテゴリー
  • そしてもう少し.

これらの要素に加えて、このセクションでは、ブログにさらにパワーを追加できるWixアプリもいくつか推奨します.

Wixはブログページにダミーの投稿を事前に入力するため、コンテンツでの更新がはるかに簡単になります.

6.予約

「予約」オプションは、予約システムを必要とする相談やその他のものを提供したい場合に役立ちます。.

これは、左側のパネルのすべてのオプションとWixエディター全般をカバーしています.

ステップ5 –公開して公開する

ウェブサイトを公開する準備ができました。右上隅のボタンをクリックして最初のWix Webサイトを公開する前に、プレビューすることができます。 「公開」をクリックする前に、Webサイトのすべての部分に問題がないことを確認してください。このボタンを押すと、ポップアップにドメイン名が表示されます。 Wixサイトを自分のドメインに接続することを選択できます(ドメインネームサーバーにWixを指定する)またはデフォルトのままにします.

Wixサイトが正式に公開されました!

Wix Site Managerを使用してサイトを管理および更新する

ウェブサイトのデザインが完了したら、[サイト]メニューオプションからサイトの設定にアクセスできます。

「サイトマネージャー」の設定では、サイトのSEO、ソーシャル、分析などのさまざまなオプションを利用できます。これらの各オプションについて説明します。「サイトマネージャー」の設定には、サイトのSEO、ソーシャル、分析などのオプションが多数あります.

これらの各オプションについて説明します。これらの各オプションについて説明します.

Wix Site Managerのオプション

ドメイン

ドメイン設定では、カスタムドメインを接続して、カスタマイズしたファビコンをWix Webサイトに追加できます。ただし、これを行うにはWixプレミアムプランが必要です.

SEO

SEO設定では、カスタムトラッキングやその他のコードをWebサイトに追加できます。 Googleウェブマスターツール、Bingウェブマスターツール、Twitterカード、Pinterest確認などのトラッキングコードを追加できます*。 SEOの基本について詳しくは、こちらをご覧ください.

モバイル

この設定は、モバイルフレンドリーなウェブサイトを実行していることを保証するだけです.

言語 & 領域

Wixの優れた機能の1つは、ローカライズされたWebサイトをすぐに作成できることです。 「言語」の下で & 地域の設定では、ウェブサイトの言語を指定できます.

ビジネス情報

[ビジネス情報]設定で、会社名、住所、メールなどの詳細を追加できます.

ソーシャル

「ソーシャル」設定では、Facebookプロフィールをサイトに追加できます。 (私はなぜFacebookだけがここに含まれるのかについて本当に興味があります!)

分析

一部のウェブサイトビルダーとは異なり、Wixには独自の訪問者またはサイト指標追跡システムがありません。トラッキングのために、WixはGoogleアナリティクスと統合されているため、ここにGoogleアナリティクススクリプトを追加できます.

役割 & 許可

Wixを使用すると、Webサイトに複数のユーザーを追加でき、ブログの寄稿者、編集者、管理者など、さまざまなユーザーの役割をサポートできます。.

SSL証明書

HTTPSは、追加コストなしで、新しく作成されたすべてのWixサイトに対して自動的に有効になります。サイトのダッシュボードで設定を確認できます。執筆時点では、WixはサードパーティのSSL証明書をサポートしていません.

* SEO設定に関する追加メモ:

ここで非常に興味深いWix SEOツールは SEOウィズ. SEO Wizは、ページ上のSEOでサイトを支援します.

このツールの使用を開始するには、SEOパネルオプションの[Let’s Go]ボタンをクリックします。 SEO Wizツールで最適化を開始すると、まずいくつかのビジネス情報を求められます。提供すると、ウェブサイトを最適化する約5つのキーワードを入力するように求められます。キーワードを入力して[SEOプランを作成]オプションをクリックするだけです。するとすぐに、サイトの検索エンジンを使いやすくするための手順が記載されたチェックリストが表示されます。このツールの使用を開始するには、SEOパネルオプションの[Let’s Go]ボタンをクリックします。 SEO Wizツールで最適化を開始すると、まずビジネス関連の情報を求められます。提供すると、ウェブサイトを最適化する約5つのキーワードを入力するように求められます。キーワードを入力して[SEOプランを作成]オプションをクリックするだけです。すると、サイトの検索エンジンを使いやすくするための手順が記載されたチェックリストが表示されます.

よくある質問

Wixの費用はいくらですか?

Wixの価格は、選択したプランに応じて、月額$ 4.50〜$ 24.50です。エントリープランは$ 4.50から始まり、カスタムドメイン名をサイトに接続できます。 Comboプランは月額8.50ドルで、広告なしで、1年間無料のドメイン名が含まれています。月額$ 12.50の無制限プランは、中規模から大規模のサイトに適しています。あなたのサイトで製品を販売するつもりなら、あなたは彼らの「ビジネスの1つを選ぶことを確実にする必要があります & 月額$ 17から始まるeコマースプラン.

WixでWebサイトを開始する方法?

次の5つの簡単な手順に従って、最初のWix Webサイトを作成します。

1. Wixアカウントにサインアップする > 2. Wix ADIまたはWix Editorを選択します > 3.事前に作成されたテンプレートを選択します > 4.サイト要素と機能を追加する > 5.公開します。ここをクリックして開始.

Wixウェブサイトをセットアップするのにどのくらい時間がかかりますか?

シンプルなサイトは、Wixでほんの数分でつなぎ合わせることができます(どれだけうるさいかによります)。より高度にカスタマイズされたサイトが必要な場合は、さらに時間が必要になります。基本的な機能を備えた十分にカスタマイズされたサイトで平均2〜3時間を費やすと思います.

どのWixプレミアムプランが適しているか?

初心者の場合、月額たったの$ 8.50のWixコンボプランから始めることをお勧めします。サイトの成長に合わせてアップグレードできます。ビジネスオーナーの方は、オンラインストアをセットアップできるので、eコマースプランを利用することをお勧めします.

詳細については、Wixの料金を確認してください.

一度にいくつのWixサイトを作成できますか?

1つのアカウントで、Wixサイトをいくつでも作成できます。ただし、公開する各サイトには独自のプレミアムプランを添付する必要があることに注意してください.

WixはWordPressより優れている?

WixとWordPressの両方に長所と短所がありますが、一般的に、WixはWordPressに比べて使いやすいです.

Wixを使用すると、技術に精通していないユーザーでも、ドラッグアンドドロップエディターを使用してサイトをすばやく構築および展開できます。一方、WordPressは、より優れたカスタマイズ性とサイトの制御により、大きな可能性を提供します。それは少し急な学習曲線を犠牲にして来ます.

まとめ

これはおそらく、WixでWebサイトを開始するために知っておく必要のある量です。 Wix ADI、Wixエディター、および利用可能なさまざまなサイト設定について説明しました.

最初のWixサイトで頑張ってください!

*翻訳:EN ID

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map