Elementorバージョン2.2では、ページの乱雑さを解消するための便利なデザイン機能を追加しました。
ナビゲーターは、ワンクリックでエディタ上のすべての要素に簡単にアクセスできるナビゲーションツリーパネルです。ナビゲータは、ユーザーがページ内の要素をドラッグして、素早く簡単に編集することを可能にします。
ナビゲータは、長いページや複雑な多層デザインのページや、Z-index、マイナスマージン、絶対位置などを組み合わせた要素に特に便利です。他の要素の後ろに配置されている可能性のある要素のハンドルにアクセスすることができます。
Navigatorにアクセスするには、以下の3つの簡単な方法があります。
注: ユーザーが編集者で、ロールマネージャの設定で編集者ロールに「コンテンツ編集のみアクセス」がチェックされている場合、ナビゲーター機能はユーザーには利用できません。
任意の要素を一度クリックすると、すぐに編集パネルにスクロールします。
任意の要素を上下にドラッグして、他の要素の前後にドロップします。
要素を右クリックして、編集、複製、コピー、貼り付けなどの通常の右クリックメニューオプションをすべて有効にします。
要素の表示ボタンをクリックすると、要素の表示・非表示を切り替えることができ、よりデザインに集中することができます。
注:これはウェブサイトのフロントエンドには影響しません。
個々の要素の矢印ボタンをクリックすると、その要素を拡大・縮小することができます。
ナビゲーターパネルの左上にある上または下矢印ボタンをクリックすると、すべての要素を一度に拡大・縮小することができます。
ページ上の任意の場所にナビゲータパネルをドラッグします。
ナビゲーターのパネルを画面右側付近にドラッグしたときに表示される垂直方向の青いドロップゾーン内にドロップすることで、ナビゲーターのパネルを画面の横にピン留めします。