新しいサイトビルダー
読了時間:14分
新しいエディタへようこそ。新しく改善された方法で Wix サイトを構築できます。ウェブサイト構築体験を改善するための継続的な取り組みの一環として、既存の機能を更新し、新しい機能を追加して、手間をかけずに美しいサイトを作成できるようにしました。
新しいエディタには、希望通りのサイトを作成するためのツールが用意されています。セクションを追加してコンテンツを整理したり、サイトのデザインを変更したり、さまざまなパーツをカスタマイズしたりできます。
この記事では、以下の項目について説明します:
エディタについて
新しいエディタへようこそ。これはドラッグアンドドロップビルダーなので、好きな場所にパーツを配置できます。また、ユニークでプロフェッショナルなサイトを簡単に作成するのに役立つ、さまざまな組み込みツールや機能もあります。
知っておくべき主な場所は、左側のメニューとトップバーです。これらには、サイトページを編集するために必要なツール、オプション、設定がすべて含まれています。
![Wix エディタ内のサイト。トップバーと左側のメニューがハイライトされます。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/06/cbd5783c-b16e-488a-8fc0-49e73f2c4846/537d0306-5e82-475d-9a98-8704e75b6832.png)
以前のビルダーで知っている機能やオプションの多くは、別のアイコンや名前でエディタにも存在します。
エディタの領域とそれらが提供する機能の詳細については、以下のオプションをクリックしてください:
エディタトップバー ①
左のメニュー ②
以前のビルダーと新しいエディタについて
新しいエディタには、以前のビルダーで使用していた同じ機能に加え、サイトの外観やレイアウトを制御する追加機能が搭載されています。このエディタを使用すると、ページにパーツを追加および配置し、個別に設定・カスタマイズすることができます。
セクションを追加・カスタマイズする
セクションはサイトにおけるページの構成要素です。パーツとコンテンツを追加することで、セクションを使用して、訪問者が簡単に閲覧し楽しめるようにページの情報を整理することができます。
![Wix エディタ。セクションがハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/06/8d28d5bf-f0b1-42fd-a4a2-10e319d86760/9916b6a9-9740-423d-a845-0a0bdfd2ebd3.png)
エディタ左側の「セクションを追加」アイコン
をクリックして、サイトにセクションを追加します。ニーズに合わせてあらかじめデザインされたスタイルを選択するか、「+空のセクション」をクリックして最初から始めることができます。
ご存知でしたか?
セクションは画面の全幅にまたがり、すべてのブラウザ用に最適化されているため、訪問者のデバイスに合わせて自動的に調整されます。
![エディタの「セクションを追加」パネルには、テキストプリセットとサイトのズームアウトビューが表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/06/9ec2e458-2ffa-4248-9463-c67f403dd3a6/c45854b9-5a27-4edb-b1dc-4eb7f0e8176d.png)
次のステップ:
サイトにセクションを追加したら、希望通りにデザインしましょう。パーツを追加し、レイアウト、背景、サイズを変更し、スクロール効果を追加して、有益で人目を引くページを作成します。セクションのカスタマイズに関する詳細こちら
サイトにパーツを追加する
Wix エディタには、サイトのコンテンツを作成するのに役立つ何百ものパーツがあります。基本パーツと高度なパーツの両方が用意されているので、必要なものはすべて揃っています:
![エディタの「パーツを追加」パネル。「テキスト」タブが開いています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/06/3d63b232-0c57-4cb8-aab3-c6d944884293/97da4ee9-880f-4606-a0f7-5daa24a44c4b.png)
エディタ左側の「パーツを追加」
をクリックして、追加可能なパーツを確認しましょう。パネルはパーツタイプごとに分かれているので、タブをクリックするだけで探しているものを簡単に見つけることができます。
![エディタで「パーツを追加」パネルがクリックされ、「ボタン」タブが表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/06/819ca47d-a075-4daf-bdff-76e1e913928a/539681f2-ebf7-45c1-bf6e-2546dceba5f5.png)
探しているパーツが見つからない場合:
パネル上部の検索バーに必要なパーツを入力するか、追加可能なすべてのパーツタイプの一覧をご確認ください。
パーツをカスタマイズ・調整する
サイトにパーツを追加したら、希望の見た目と動作になるようにパーツを調整できます。
パーツの種類に応じて、さまざまなオプションを利用できます。これには、パーツの設定、デザイン、レイアウトの変更などが含まれます。これらのオプションにアクセスするには、パーツをクリックし、フローティングメニューから関連するアイコンをクリックしてください。
![エディタのボタン。アイコンがハイライトされます。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/06/6072d841-cb90-42c3-bd39-790f270919bd/71cb6a1c-3f6e-4ff8-bfa7-9fe7129f70c5.png)
サイズや配置などその他のオプションは、パーツ自体を選択する際に使用できます。以下のオプションをクリックして、パーツを調整および編集する一般的な方法についてご確認ください。
パーツを移動させる
パーツのサイズを変更する
パーツを回転させる
パーツの設定を変更する
パーツのデザインを編集する
パーツのレイアウトを調整する
他に可能なこと:
モバイル用にサイトを調整する
Wix エディタでサイトを編集すると、モバイル版も自動的に更新されます。モバイルエディタを使用して、デバイスに関係なく、すべての訪問者にすばらしい体験を提供しましょう。
![モバイルエディタのサイト。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/03/f9a363d4-ad4a-486f-a80a-6477f7df1c72/20b6e0d9-55d4-4ed3-9aa9-941790488caa.png)
![モバイルエディタのサイト。特定のアイコンがハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/07/06/c41facb2-cfa5-48b7-adb5-a62a23739f0c/4d7a34d4-d9ea-4427-bd02-3bdafa08fc59.png)
さらに、サイトメニューは自動的にモバイル用に変換され、編集することで希望通りの見た目にすることができます。
モバイルエディタを開くにはどうすればいいですか?![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/03/ad3fd3a1-7f96-4b43-98e8-a6b34d0dc487/dac4fb02-529d-49ea-84fc-3eaeec6c8450.png)
画面上部の「モバイルエディタに切り替え」アイコン
をクリックします。モバイルエディタについての詳細はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/04/11/3435c225-427a-4401-908c-3c1f528dcd6e/36c176ef-351e-4337-b6ab-98f9e1d135cb.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/03/ad3fd3a1-7f96-4b43-98e8-a6b34d0dc487/dac4fb02-529d-49ea-84fc-3eaeec6c8450.png)
注意:
モバイル端末からサイトを編集することはできません。デスクトップからモバイルエディタにアクセスする必要があります。
よくある質問
サイトビルダーの見た目が違うのはなぜですか?
以前のビルダーに戻ることはできますか?
これはライブサイトに影響しますか?
自分のサイトを以前と同じ方法で管理できますか?
アカウントには複数のサイトがありますが、一部のサイトで以前のビルダーが表示されているのはなぜですか?
サイトの上部にあるツールは何ですか?
グリッド線とその使用方法は?
セクションを追加・設定するにはどうすればいいですか?
セクションをカスタマイズするにはどうすればいいですか?
サイトにテキストを追加・編集するにはどうすればいいですか?
モバイルサイトをカスタマイズするにはどうすればいいですか?
さらにヘルプが必要ですか?
新しいサイトビルダーに関して追加の情報やサポートが必要な場合は、次のことができます: