Editor X：ガイドツアー

Editor X は、自分だけのレスポンシブなサイトを構築するのに役立つツールと機能を提供しています。このガイドでは、エディタを最大限に活用できるように、エディタのさまざまな部分を紹介します。

Editor X の上部にあるメニューバーには、サイトを管理するためのツールと設定が含まれています。メニューとその内容を見ていきましょう。

キャンバスは、ワークスペースのサイトを編集するエリアです。ここでは、さまざまな画面サイズに合わせてページを確認したり、デザインしたりする場所です。

ワークスペースの上部では、最も一般的なデバイス（デスクトップ、タブレット、モバイル）のプリセットブレイクポイントにアクセスし、カスタムブレイクポイントを作成することもできます。

上部にあるブレイクポイントアイコンをクリックして、異なるビューポート用にデザインするか、側面にあるサイズ変更ハンドルを使用して、画面サイズが変更する際のデザインの動作を確認します。詳細はこちらをご覧ください。

エディタ左上で「追加」アイコン  をクリックします。ここには、デザイン要素やネットショップ等のビジネスアプリなど、サイトに追加できる数百ものパーツがあります。タブを使用して、異なるカテゴリー間を移動します。詳細はこちらをご覧ください。

左上の「ページ」アイコン  をクリックして、サイトのページ一覧にアクセスします。ここから、新しいページを追加したり、不要になったページを削除したりできます。また、マウスオーバーし、「もっと見る」アイコン  をクリックしてページを管理することもできます。詳細はこちらをご覧ください。

左上の「レイヤー」アイコン  をクリックして、パネルにアクセスします。ページのすべてのセクションを上から下に階層で表示します。パネル内のセクションまたはコンテナを選択する際に、内部のすべてのパーツ（例：テキストやボタン）を確認したり、順序を変更したり、非表示にしたりすることができます。詳細はこちらをご覧ください。

サイト内の複数のページに表示するマスターセクションを作成します。左上の「マスター」アイコン  をクリックしてサイトのマスターを確認し、それらを表示するページを選択します。マスターセクションの横に緑色のチェックマークが表示されている場合、そのセクションが現在のページに表示されていることを意味します。詳細はこちらをご覧ください。

サイトスタイルパネルでは、タイポグラフィ、色、ページトランジションなどを使用して視覚言語を作成できます。自身のブランドを表現するスタイルを作成し、サイトをデザインする際に適用しましょう。

左上の「サイトスタイル」アイコン  をクリックしてスタイルにアクセスし、必要に応じて調整します。詳細はこちらをご覧ください。

サイトのページ間を簡単に移動して、必要なページを表示・編集できます。

要素設定パネルでは、サイト上の各要素のプロパティを確認、デザイン、編集することができます。異なるブレイクポイントでの要素の配置やサイズ変更、ドッキング位置の変更、スクロール効果の追加などを選択できます。

右上の「要素設定パネル」アイコン  をクリックします。選択した要素に応じて、タブをクリックしてさらにカスタマイズできます：レイアウト  、デザイン  、操作  とコンテンツ  。

左上の「App Market」アイコン  をクリックして、Wix App Market にある数百ものアプリの中からニーズに合ったものを探します。詳細はこちらをご覧ください。