Как редактировать элемент Divi Cloud внутри самого облака

Опубликовано: 2022-07-02

Divi Cloud отлично подходит для хранения макетов, к которым вы хотите получить доступ с любого веб-сайта Divi. Сохраняйте или организуйте свои макеты любым удобным для вас способом, а затем легко находите и импортируйте их с помощью пары щелчков мыши. Однако что произойдет, если вы захотите внести изменения в эти макеты после их загрузки в Divi Cloud? К счастью, в Divi Cloud есть функции редактирования макета, как и в Divi Builder. В этом посте мы увидим, как редактировать элемент Divi Cloud внутри самого облака без необходимости загружать и загружать макет вручную.

Давайте начнем.

Зачем редактировать элемент внутри облака?

Прежде чем мы увидим, как редактировать в облаке, давайте подумаем, зачем нам это нужно.

Редактирование элемента в облаке экономит время и является более простым процессом, чем редактирование на странице. Процесс редактирования макета вне Divi Cloud выглядит примерно так:

Выберите элемент в Divi Cloud, импортируйте его на свою страницу и внесите изменения. После завершения редактирования вы можете сохранить макет в своей библиотеке, сохранить его в Divi Cloud, дать ему то же имя, что и макет, который вы хотите отредактировать, и сохранить его. Затем вам придется удалить оригинал, чтобы у вас был только один макет с этим именем, и у вас не было бы двух макетов с разными правками.

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

Как найти элементы Divi Cloud

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

Для получения дополнительной информации об организации вашего облака Divi см. публикации Как упорядочить элементы Divi Cloud по категориям и тегам и Рекомендации по именованию элементов и организации вашего облака Divi.

  1. Сначала включите Visual Builder, перейдя на любую страницу в интерфейсе вашего веб-сайта Divi и нажав «Включить Visual Builder» на панели инструментов в верхней части экрана.
  2. Щелкните фиолетовый значок плюса на панели инструментов Divi в нижней части страницы, чтобы открыть библиотеку Divi.
  3. Щелкните вкладку вверху с надписью «Ваши сохраненные макеты».
  4. Затем просмотрите свои элементы Divi Cloud. Установите флажок «My Divi Cloud» в разделе «Местоположения» на левой боковой панели.
  5. Выберите представление «Сетка», значок сетки над миниатюрами макета справа, чтобы увидеть миниатюры. Кроме того, вы можете выбрать представление списка, значок списка находится над миниатюрами макета справа, чтобы увидеть имена и метаинформацию.
  6. Найдите макет, который вы хотите найти, путем поиска, сортировки или фильтрации элементов Divi Cloud. Ищите по ключевым словам или избранным, выбирайте категории и/или теги для их фильтрации или сортируйте их по времени, имени или избранному.

Как редактировать элемент Divi Cloud внутри самого облака

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

Для получения дополнительной информации о добавлении элементов в ваше облако Divi см. сообщение Как перенести локальный элемент в ваше облако Divi.

Загрузите элемент Divi Cloud для редактирования

Во-первых, вам нужно загрузить макет в редактор Divi Cloud.

  1. Сначала включите Visual Builder, перейдя на любую страницу в интерфейсе вашего веб-сайта Divi и нажав «Включить Visual Builder» на панели инструментов в верхней части экрана.
  2. Щелкните фиолетовый значок плюса на панели инструментов Divi в нижней части страницы, чтобы открыть библиотеку Divi.
  3. Щелкните вкладку вверху с надписью «Ваши сохраненные макеты».
  4. Затем просмотрите свои элементы Divi Cloud. Установите флажок «My Divi Cloud» в разделе «Местоположения» на левой боковой панели.
  5. Найдите макет, который хотите изменить, с помощью поиска, сортировки или фильтрации элементов Divi Cloud. Ищите по ключевым словам или избранным, выбирайте категории и/или теги для их фильтрации или сортируйте их по времени, имени или избранному.
  6. Щелкните правой кнопкой мыши макет, который хотите отредактировать.
  7. Выберите «Редактировать с Divi» во всплывающем меню. Макет откроется в новой вкладке, а не на странице вашего веб-сайта с включенным Visual Builder.
  8. Кроме того, вы можете щелкнуть правой кнопкой мыши предварительный просмотр на экране «Сведения о макете», чтобы открыть пункты меню, и нажать «Редактировать с помощью Divi» во всплывающем меню.

Редактировать макет внутри облака

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

  1. Просто отредактируйте макет с помощью Divi Builder, как обычно. Добавляйте или настраивайте разделы, строки, столбцы, модули, код и т. д.
  2. Просматривайте макет в различных представлениях Visual Builder (каркас, рабочий стол, планшет и телефон).
  3. Откройте модальное окно «Загрузить из библиотеки», чтобы загрузить макеты Divi, загрузить из своей библиотеки или Divi Cloud или клонировать существующую страницу.
  4. Нажмите на корзину, чтобы очистить макет, если вы хотите начать с нуля.
  5. Щелкните значок часов, чтобы просмотреть и выбрать из истории редактирования. Это история редактирования с момента загрузки макета на эту вкладку.

Сохраните изменения в облаке

Наконец, сохраните изменения. Изменения автоматически сохраняются в Divi Cloud.

  1. Нажмите «Сохранить элемент облака» в правом нижнем углу макета, чтобы сохранить изменения.
  2. Дождитесь сохранения изменений. Изменения сохраняются в самом облаке.
  3. Закройте вкладку, когда закончите редактирование. Это не страница вашего веб-сайта, поэтому вам не нужно выходить из Visual Builder.

Окончание мыслей

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

Ждем вашего ответа. Редактируете ли вы свои элементы Divi Cloud внутри самого облака? Сообщите нам о своем опыте в комментариях.