ビジュアルエディタのご紹介

ウェブページのパターンをすばやく簡単に作成できます。

ウェブページのパターンの作成は、オプティマイズビジュアルエディタで行います。このツールを使うと、再コードの必要なくパターンを簡単に作成することができます。

この記事の内容:

ビジュアルエディタのコンポーネント
アプリバー
エディタパレット
エディタ診断

ビジュアルエディタのコンポーネント

オプティマイズのビジュアルエディタは、次の 3 つの主なコンポーネントで構成されています。

– アプリバー
– エディタパレット
– 現在の選択

アプリバー

アプリバーは、次のコンポーネントで構成されます。

テスト名 - 現在のテスト名が表示されます。
テストのステータス - 現在のテストのステータスが表示されます。
パターン選択ツール - 現在のパターンのプルダウンリストです。ここでパターンの追加もできます。
変更リスト - エディタで現在のパターンに加えたすべての変更が表示されます。
プロパティパネルの切り替えボタン - プロパティパネルをオンとオフに切り替えます。
インタラクティブモード - プルダウンメニューやスライドショーなど、ウェブサイトの動的な部分にアクセスできます。このボタンをクリックするとインタラクティブモードが有効になり、編集する要素が表示されます。その後、編集モードに戻ると変更を加えることができます。
階層バー - 現在の選択がページ階層のどこにあるかが表示されます。注: 要素の横の大なり記号（「>」）をクリックして、子要素のいずれかを選択します。
移動の設定
- 並べ替え - 要素をページ内のどこにでも簡単に移動することができます。その際、ページの構造は保たれます。
  - 並べ替え用に自動選択 - オンにすると、移動する適切な要素が自動的に選択されます。
  - ターゲット要素外で並べ替え - オンの場合、他の要素の前後のアイテムだけを並べ替えできます。オフにすると、別の要素の内側（たとえば、2 つのパラグラフ間）に要素を配置できます。
- 自由に移動 – 残りのコンテンツの上にフローティングすることで、ページの任意の場所に要素を移動できます。