[Elementor] Навигатор — просмотр и редактирование макета страницы в одной панели

Представляем вашему вниманию новую функцию в Elementor — Навигатор по макетам. Легко переключайтесь между разделами, колонками и виджетами из одной панели, которая всегда видна.

Elementor стал одним из самых популярных конструкторов страниц и целых сайтов, а также он стал стандартом визуального создания дизайна в WordPress.

Легкий, гибкий, легконастраиваемый, интуитивно понятный и адаптивный Elementor стал находкой для многих сайтостроителей. Никогда еще не было так легко и быстро создавать адаптивные лендинги с высокой конверсией.

Но, наряду с простотой конструктора всплывают и трудности в работе с ним. Речь идет о длинных страницах, на которых размещено множество разделов и элементов.

Чем дольше контент — тем сложнее перемещаться по различным разделам, перемещать и управлять элементами. Скроллинг страницы и перемещение элемента занимает время и испытывает терпение пользователя.

Именно поэтому команда Elementor разработала новую функцию пользовательского интерфейса, предназначенную для решения этой конкретной задачи.

Что такое Навигатор?

Навигатор — это окно дерева навигации, которое обеспечивает легкий доступ к каждому элементу в редакторе. Он позволяет пользователю перетаскивать элементы на странице и редактировать их быстро и легко.

Навигатор особенно полезен для длинных страниц или страниц со сложными множественными слоями, а также для элементов, объединяющих Z-index, отрицательный внешний отступ, абсолютное позиционирование и т.д. Он позволяет вам полностью контролировать весь процесс редактирования.

Вот некоторые из преимуществ Навигатора:

Все разделы, колонки и виджеты видны на одной панели, что дает вам гораздо лучший контроль над макетом страницы.

Возьмите любой раздел, колонку или виджет и переместите их, изменив порядок элементов по своему усмотрению.

Вы можете скрыть элементы на экране редактирования. Это повлияет только на отображение, что даст вам больше фокуса при настройке страницы. Элементы, которые вы скрываете на экране редактирования, по-прежнему будут видны при просмотре страницы.

Переименовывайте элементы. Таким образом, вы можете быстро идентифицировать и редактировать каждый элемент.

Отображение навигатора на странице — плавающий дизайн или фиксированный блок сбоку. Панель помнит свое положение даже при открытии новой страницы.

Другие новые функции

Автоматическая подстановка ссылок, которые ведут на внутренние страницы

Для ссылок в элементах теперь вы можете легко на полном автомате подставить ссылку, которая ведет на внутренние страницы сайта. Для этого достаточно в поле ссылки начать вводить название страницы и система предложит страницы для вставки.

Отображение на элементах кнопок редактирования

Наряду с функцией правой кнопки, которая открывает меню опций вы можете также настроить отображение на элементах кнопок редактирования: копировать, вставить и удалить.

Настройте метод отображения кнопок в разделе: Настройки — Дополнительно — Редактирование кнопок — Включить (Settings > Advanced > Editing Handles > Enable).

Отладчик

Мы добавили возможность эффективно отлаживать загружаемые страницы. Отладчик помогает понять, почему загружается конкретный файл шаблона или темы, или же они конфликтуют друг с другом.

Включение отладчика полезно для пользователей в процессе создания своего сайта с помощью Elementor.

Часто страница состоит из разных частей: шапка, футер, один или несколько шаблонов. Используя Отладчик, вы лучше поймете иерархию файлов и их местоположение в процессе отображения страницы.

Как включить Отладчик?

Вставьте этот код:

define( 'WP_DEBUG', true );

в файл wp-config.php

Или, активируйте Отладчик в настройках Elementor: Tools > Debug Bar — Enable.

Виджет колонок

«Виджет колонок» теперь переименован на «Внутренний раздел».
Когда пользователям нужно было добавить колонку в существующий раздел, то вместо того, чтобы просто щелкнуть правой кнопкой мыши, пользователи ошибочно перетаскивают виджет колонок, что создает ненужное нагромождение и путает пользователей.