Горячие клавиши в Визуальном Редакторе Divi 3.0

В Divi 3.0 появилась замечательная новая возможность — визуальный редактор

Теперь можно вносить изменения в контент любой страницы не только с помощью встроенного конструктора страниц Divi, но и с помощью визуального редактора — в режиме реального времени, прямо при просмотре страницы в браузере.

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

В гифках на этой странице показана работа визуального редактора на английском языке. Если в настройках вашей темы для WordPress Divi будет выставлен русский язык, все элементы управления будут на русском. 

Представляем возможности визуального билдера Divi и сочетания горячих клавиш для управления

Почти все в визуальном редакторе может быть исполнено с помощью комбинаций клавиш. То, что обычно занимает 2, 3, 4 или даже 5 щелчков мыши, может быть выполнено всего за несколько нажатий клавиш. Вы можете вырезать, копировать, вставлять, добавлять новый контент, настраивать столбцы, изменять отступы и многое другое, даже не открывая панель настроек. После того, как вы освоите эти сочетания, вы сможете строить страницы с новой скоростью и эффективностью.

ВЫРЕЗАТЬ, КОПИРОВАТЬ, ВСТАВИТЬ

Вы, вероятно, уже привыкли к этим сочетаниям горячих клавиш, и теперь они работают в Divi Builder так, как вы привыкли. Наведите курсор мыши на модуль и нажмите Ctrl + C, чтобы скопировать его или Ctrl + X, чтобы вырезать его (скопировать и удалить его со страницы). После того, как модуль, строка или секция была скопирована, просто наведите курсор мыши, где вы хотите ее вставить и нажмите Ctrl + V.

 

КОПИРОВАНИЕ И ВСТАВКА СТИЛЕЙ ИЗ СУЩЕСТВУЮЩИХ МОДУЛЕЙ

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

Скажем, у вас есть страница с 8 одинаковыми модулями на ней, и вы решили обновить цвета и стили шрифтов в этих модулях. Просто настройте один из модулей, а затем наведите на него курсор и нажмите Ctrl + Alt + C, чтобы скопировать стиль модуля. Это позволит скопировать весь дизайн настроек, которые вы сделали в модуле.

Наведите курсор мыши на другой модуль, нажмите Ctrl + Alt + V, чтобы вставить в этот модуль скопированный стиль. Модуль обновится и будет выглядеть так же, как модуль, из которого вы скопировали стиль, при этом в нем сохранится весь исходный контент!

КОПИРОВАНИЕ ПЕРЕТАСКИВАНИЕМ — Drag & Drop

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

Создайте и настройте нужный модуль, затем наведите на него курсор и, удерживая клавишу Alt, перетащите копию модуля в новое место, затем отпустите клавишу Alt. Создайте таким образом столько копий модуля, сколько нужно, затем замените в каждом модуле контент и стили по необходимости.

 

ОТМЕНА И ПОВТОР ДЕЙСТВИЯ

Возможность Отменить и Повторить в визуальном редакторе иногда может спасти большую часть работы, и это невероятно легко сделать с помощью сочетания клавиш. Если вы хотите отменить сделанные изменения, просто нажмите Ctrl + Z. Если вы передумали, нажмите Ctrl + Y или Ctrl + Shift + Z, чтобы отмененные изменения снова вступили в силу.

 

НАСТРОЙКА ШИРИНЫ РЯДА И ПЕРЕПЛЕТА

(или желоба, иначе — расстояния между столбцами)

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

Для того, чтобы сделать ряд в полную ширину, просто наведите на него курсор и нажмите R + F.

Чтобы отрегулировать ширину переплета для всего ряда, наведите на него курсор и нажмите G + 1 / 2 / 3 / 4. Например, вы можете мгновенно создать сетку рисунков без полей и в полную ширину, нажав R + F и G + 1!

 

ИЗМЕНЕНИЕ СТРУКТУРЫ КОЛОНОК (СТОЛБЦОВ)

Теперь вы можете изменить структуру столбцов мгновенно. Просто наведите курсор на строку и нажмите C + 1 / 2 / 3 / 4 и т.д., чтобы последовательно переключиться между 11 доступными структурами столбцов.

Вы также можете открыть «Изменения колонки» в подсказке и нажать Shift + Tab для переключения каждого из типов столбцов в списке.

 

Мы в соцсетях

Рубрики

—-

ИЗМЕНЕНИЕ ПАРАМЕТРОВ ОТСТУПОВ С ПОМОЩЬЮ ПЕРЕТАСКИВАНИЯ

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

Удерживая клавишу Shift во время перетаскивания, вы ограничите шаг изменения отступа 10 пикселями. Например, если вы хотите увеличить отступы своего раздела до 100px, вы можете просто нажать клавишу Shift, и отрегулировать ширину до заданного значения в пару нажатий, и каждый шаг будет не больше 10 px.

Так же появилась возможность зеркалирования значения отступов. Если изменить отступ с одной стороны, удерживая Shift + Alt, отступ на противоположной стороне будет автоматически изменен до точно такого же значения.

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

 

НАСТРОЙКА ОТСТУПОВ РЯДОВ И РАЗДЕЛОВ

В качестве альтернативы перетаскиванию для увеличения или уменьшения значения отступов, теперь вы можете использовать клавиши со стрелками на клавиатуре (вверх — вниз — влево — вправо), чтобы сделать точную настрйку отступов.

Нажатие кнопки S + клавиши со стрелками приведет к увеличению значения отступов родительского раздела в соответствии с направлением клавиши (верхний отступ или нижний или отступ слева / справа).

Нажатие R + клавиши со стрелками будет регулировать отступы родительского ряда. Например, нажатие кнопки S + Up увеличит верхнего отступа текущего раздела. Нажатие R + Down увеличит отступ нижней части родительского ряда.

Значения отступа так же может быть уменьшено нажатием S / R + Alt + клавиши со стрелками. Например, при нажатии R + Alt + Down уменьшит нижнее значение отступа родительского ряда.

ДОБАВЛЕНИЕ НОВЫХ РЯДОВ И РАЗДЕЛОВ (СЕКЦИЙ)

Клавиши быстрого доступа существуют также для добавления новых рядов и разделов. Нажатие R + 1/2/3/4 и т.д. автоматически добавит новый ряд ниже текущего ряда с выбранной структурой колонок. Например, нажатие R + 4 добавит новый ряд из 4-х колонок на страницу.

То же самое относится и к разделам. Добавьте любой из типов секций/разделов Divi  — стандартный, специальный или в полную ширину, нажав S + 1/2/3.

 

ЗАКРЕПЛЕНИЕ И ОТКЛЮЧЕНИЕ

Любые элементы на странице теперь могут быть отключены или зафиксированы (защищены от изменений), просто наведите на элемент курсор и нажмите клавишу  D (Disable — отключение) или L (Lock — закрепление = защита от изменений).

СОХРАНЕНИЕ И ПУБЛИКАЦИЯ

Стандартная комбинация клавиш для сохранения, Ctrl + S, теперь будет автоматически сохранять страницу во время работы в конструкторе Divi. Вам даже не нужно открывать панель настроек страницы.

Вы также можете нажать Ctrl + Alt + S, чтобы сохранить страницу в качестве проекта без публикации.

ВЫХОД ИЗ ВИЗУАЛЬНОГО РЕДАКТОРА И ПЕРЕХОД К ВНУТРЕННЕМУ КОНСТРУКТОРУ СТРАНИЦ

Теперь легко выйти из конструктора и перемещаться туда и обратно между визуальным редактором и встроенным конструктором страниц Divi.

Для выхода из визуального редактора, просто нажмите Ctrl + E.

Для перехода из визуального редактора к встроенному конструктору страниц нажмите Ctrl + Shift + E.

ПЕРЕКЛЮЧЕНИЕ НАСТРОЕК ОДНИМ НАЖАТИЕМ КЛАВИШИ

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

Чтобы переключить панель настроек, нажмите T. Чтобы открыть настройки страницы нажмите O. Чтобы открыть портативную всплывающую подсказку, нажмите P. Чтобы открыть историю изменений, нажмите кнопку H.

ПЕРЕКЛЮЧЕНИЕ ОКНА НАСТРОЕК МОДУЛЯ

Интерфейс визуального редактора полностью настраиваемый, особенно в части настройки всплывающих окон.

Когда у вас открыты настройки модуля, вы можете нажать Ctrl + Enter, чтобы перейти в полноэкранный режим или минимизировать из полноэкранного режима.

Можно также привязать окно настроек модуля к левой / правой части экрана, нажав Ctrl + Стрелка влево или Ctrl + Стрелка вправо.

 

УВЕЛИЧЕНИЕ И УМЕНЬШЕНИЕ ДЛЯ ПРЕДПРОСМОТРА АДАПТИВНОГО ДИЗАЙНА

Теперь вы можете легко уменьшить или увеличить масштаб для просмотра адаптивной страницы в каждом режиме — для ПК, планшета или сматфона — нажав Ctrl + «-» и кнопок Ctrl + «+». Это действительно отличный способ быстро просмотреть, как будут выглядеть изменения на различных устройствах.

ПЕРЕКЛЮЧЕНИЕ МЕЖДУ ВКЛАДКАМИ И ПОЛЯМИ

Теперь вы можете быстро просматривать вкладки и опции модулей. Всякий раз, когда у вас открыто всплывающее окно настроек, нажмите Shift + Tab для перехода к следующей владке или нажмите Tab для перемещения по полям ввода, содержащихся в каждой вкладке. Кроме того, можно переключаться через каждую колонку макета, нажав Shift + Tab в то время как открыто окно подсказок по изменению структуры макета.

ДВОЙНОЙ КЛИК ДЛЯ ВЫЗОВА ОКНА НАСТРОЕК

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

СПИСОК ВСЕХ СОЧЕТАНИЙ КЛАВИШ

Если вам когда-нибудь понадобится помощь с запоминанием сочетаний клавиш, просто нажмите клавишу «?». Модуль справки появится с полным списком соответствующих сочетаний клавиш для Mac и Windows. По большей части, клавиша Ctrl заменяется Cmd на Mac в приведенном ниже списке.

  • Отмена: Ctrl + Z
  • Повтор: Ctrl + Y / Cmd + Shift + Z
  • Сохранить страницу: Ctrl + S
  • Сохранить страницу как черновикt: Ctrl + Shift + S
  • Выйти из визуального редактора Visual builder: Ctrl + E
  • Перейти во встроенный конструктор страниц Divi builder: Ctrl + Shift + E
  • Увеличить масштаб: Ctrl + +
  • Уменьшить масштаб: Ctrl + -
  • Переключить панель настроек: T
  • Открыть страницу настроек элемента: O
  • Открыть историю изменений элемента: H
  • Открыть список подсказок: ?

Сочетания для встроенного редактора

  • Выйти из встроенного редактора: Esc

Сочетания клавиш для модулей

  • Скопировать модуль: Ctrl + C
  • Вырезать модуль: Ctrl + X
  • Вставить модуль: Ctrl + V
  • Копировать настройки дизайна модуля: Alt + Ctrl + C
  • Вставить настройки дизайна модуля: Alt + Ctrl + V
  • Отключить модуль: D
  • Зафиксировать модуль (защитить от изменений): L
  • Изменить отступ на 10px: Shift + Drag
  • Зеркальное изменение отступов: Shift + Alt + Drag
  • Изменение отступа на равное противоположной стороне: Alt + Drag
  • Скопировать модуль перетаскиванием:  Alt + Module Move
  • Изменить структуру колонок: C + 1 / 2 / 3 / 4
  • Сделать ряд в полную ширину: R + F
  • Изменить ширину желоба (переплета): G + 1 / 2 / 3 / 4
  • Увеличить отступы ряда (строки): R + Left/Right/Up/Down
  • Увеличить отступы ряда на 10px: Shift + R + Left/Right/Up/Down
  • Уменьшить отступы ряда: Alt + R + Left/Right/Up/Down
  • Уменьшить отступы ряда на 10px: Alt + Shift + R + Left/Right/Up/Down
  • Добавить новый ряд: R + 1 / 2 / 3 / 4
  • Увеличить отступы секции: S + Left/Right/Up/Down
  • Увеличить отступы секции на 10px: Shift + S + Left/Right/Up/Down
  • Уменьшить отступы секции: Alt + S + Left/Right/Up/Down
  • Уменьшить отступы секции на 10px: Alt + Shift + S + Left/Right/Up/Down
  • Добавить новую секцию: S + 1 / 2 / 3
  • Открыть настройки модуля: Двойной клик на модуле.

Сочетания клавиш для элементов

  • Закрыть: Esc
  • Отменить: Ctrl + Z
  • Повторить: Ctrl + Y / Cmd + Shift + Z
  • Сохранить изменения: Enter
  • Переключить колонки – Shift + Tab
  • Переключиться между строками модуля: Ctrl + Enter
  • Быстрый переход влево: Ctrl + Left Arrow
  • Быстрый переход вправо: Ctrl + Right Arrow

ГОРЯЧИЕ КЛАВИШИ РАБОТАЮТ ВО ВСТРОЕННОМ КОНСТРУКТОРЕ ТОЖЕ!

Это касается обновленного встроенного конструктора Диви. Были не только добавлены новые горячие клавиши в визуальынй редактор, все сочетания так же добавлены во встроенный конструктор. В него так же добавлены несколько своих горячих сочетаний, таких как нажатие Ctrl + P для запуска предварительного просмотра элемента. 

 

Сочетания клавиш для страниц

  • Сохранить страницу: Ctrl + S
  • Сохранить страницу как черновик: Ctrl + Shift + S
  • Отменить: Ctrl + Z
  • Повторить: Ctrl + Shift + Z
  • Открыть историю: H
  • Открыть всплывающие подсказки: P
  • Открыть настройки страницы: O

Сочетания клавиш для модулей

  • Вырезать модуль: Ctrl + X
  • Копировать модуль: Ctrl + C
  • Вставить модуль: Ctrl + V
  • Копировать и перетащить модуль: Alt + Module Move
  • Отключить модуль: D
  • Закрепить модуль: L
  • Изменить структуру колонок: C + 1 / 2 / 3 / 4
  • Добавить новую строку: R + 1 / 2 / 3 / 4
  • Добавить новую секцию: S + 1 / 2 / 3
  • Открыть настройки модуля: Двойной клик на модуле
  • Закрыть: Esc
  • Сохранить изменения: Enter
  • Переключение вкладок: Shift + Tab
  • Предпросмотр модуля: Ctrl + P

Pin It on Pinterest

Share This

Поделитесь полезным!

Информация была полезной? Поделитесь с друзьями!