新しいエディタ内での操作箇所をご紹介します。

Editor 5.0 Betaの詳細やエディタの切り替え方法は、以下のヘルプページをご覧ください。

画面左のアイコンが並んだ操作セクションがナビゲーションです。各アイコンをクリックすると、それぞれの機能を持つパネルが開きます。

ナビゲーション内で可能な操作は以下の通りです。

画面左側のパネルを総称して「左パネル」と呼びます。

各種ボックスやセクションなどの要素を追加します。パネル内には、以下3つのタブが配置されています。

編集するページを選択したり、ページの管理をします。

ページ内の要素の構成（レイヤー）を確認します。

カラースタイルとテキストスタイルの設定や管理をします。

画像・動画・PDFのアップロードをします。

Studioと連携しているフリー画像サービス、Unsplashの画像が確認できます。検索バーにキーワードを入れて、画像検索も可能です。

デザインエディタ外のコンテンツ（StudioCMS、API連携、RSS連携）関連の設定をします。

設定済みのCMSコンテンツが紐付けられたCMSリストは、接続パネル内のCMSタブから追加が可能です。

コンポーネントとして登録した要素の確認ができます。

エディタ内にコメントを追加する際に使用します。右パネルで編集用のパネルが開きます。

コンテンツ編集モードに切り替える際に使用します。右パネルで編集用のパネルが開きます。

サイトの公開前に確認いただきたい設定のご案内を一覧で確認できるガイドです。アカウント設定から、表示/非表示の切り替えができます。

チャットサポートへ、不具合やフィードバックを報告します。

キャンバス上のいずれかの要素を選択すると、右パネルが開きます。

画面右上部に表示された開閉アイコンからも、右パネルの開け閉めが可能です。

右パネルは、選択した要素により表示されるパネルメニューが異なります。

画像、レイアウト、外観、トランスフォーム、アニメーション、選択色、リンク、タグなどのデザイン編集を行います。

表示されるデザインセクションは、選択した要素により異なります。

設定セクションが画面上で表示されていない場合には、パネル上でスクロールをしてください。

リストや動的ページなどに紐付くデータの設定をします。データ設定が不要な要素では、データ編集パネルは表示されません。

リストデータの編集や、StudioCMS内のデータとエディタ内の動的要素の紐付け設定を行います。

デザイン編集パネル内で行う設定の一部をパネルを開かずに素早く行うことができます。（編集可能な内容は要素によって異なります。）

キャンバス上の要素を選択すると表示されます。

レスポンシブ設定の編集や確認を行います。

エディタの画面下部に表示されています。