header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix Studio エディタ:要素を追加する

2分
サイトのコンテンツは要素で構成されています。これにはテキストやボタン、フォーム、画像などが含まれます。「要素を追加」パネルでは、クライアントのニーズに合ったデザインを選択できます。

要素を追加する

「要素を追加」パネルではカテゴリーとサブカテゴリーに分かれているため、探している要素を簡単に見つけることができます。また、検索バーを使用して、パーツをすばやく見つけることもできます。

要素を追加する方法:

  1. エディタ左側で「要素を追加 をクリックします。
  2. 要素のカテゴリーをクリックします。
  3. 該当するサブカテゴリーをクリックします。
  4. 要素をクリックするか、ページにドラッグします。
「要素を追加」パネルが開いており、ワイヤーフレームカテゴリーが表示され、パネルの検索バーがハイライトされているスクリーンショット

要素の種類

「要素を追加」パネルでは、以下のカテゴリーが表示されます:
  • クイック追加:毎回「要素を追加」パネルで必要なものを検索するのではなく、これらの一般的な要素を使用することでより早く効率的にサイトを作成することができます。
  • セクション:デザイン済みのページセクションを多数用意しています。これらのプリセットは、すべての画面サイズで美しく表示されるように作られています。
  • コンテナ:コンテナは、一緒に属するコンテンツを構造化するのに役立ちます。動画、テキスト、画像などの要素を追加・添付してレイアウトを作成します。
  • テキスト:タイトルと段落に異なるテキスト要素を追加します。
  • レイアウトツール:これらのツールを使用して、レスポンシブレイアウトで関連する要素のグループを表示します。
  • ボタン:機能的で魅力的なボタンを使用して、訪問者にサイトとのやり取りを促します。
  • メニュー・検索:訪問者がサイト内を移動しやすいように、さまざまなメニューを追加します。ここから検索バーを追加することもできます。
  • メディア:画像、動画、オーディオを追加してサイトを華やかにします。
  • 装飾:美しくデザインされた要素でサイトを飾ります。
  • フォーム:訪問者がサイト所有者に連絡し、回答集計表に回答を集めることができるようにします。ここから Google マップの要素を追加することもできます。
  • 埋め込み・SNS:コード、外部サイト、Lottie アニメーションを埋め込みます。ここからクライアントの SNS アカウントへのリンクを含むソーシャルバーを追加することもできます。
  • 入力欄:CMS(コンテンツ管理システム)要素を使用して、独自のフォームを作成する か訪問者がサイトのコンテンツをフィルターできるようにすることができます。
  • ブログ:素敵なブログを作成し、オンラインコミュニティを成長させます。
  • ショップ:商品を販売するネットショップを設定します。
  • サービス予約:オンライン予約を追加して、顧客がサービスの予約と支払いができるようにします。
  • イベント:オンラインまたは対面イベントを作成・管理します。
  • サイト会員:訪問者がサイト会員になり、サイトの非公開アカウントにアクセスできるようにします。
  • マルチリンガル:複数の言語と地域用にサイトをローカライズします。
  • CMS:コレクションにコンテンツを作成して保存することで、サイトをより効率的に管理します。
「要素を追加」パネルが開いており、ワイヤーフレームカテゴリーが表示され、パネルの検索バーがハイライトされているスクリーンショット