Опция Divi Sticky

Опция Divi Sticky

26 августа вышло очередное обновление темы Divi, версия 4.6. В него введена новая революционная функция — Divi Sticky Options. Она позволяет прикреплять любой элемент к верхней или нижней части окна просмотра браузера при прокрутке страницы вверх и вниз.

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

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

Данная система дает полный контроль над липким стилем любого элемента, что позволяет создавать новые переходы дизайна!

Примеры использования липких опций

С новыми опциями Divi можно сделать много. На демонстрационных видео видны возможности новой функции Divi Sticky.

Положение Divi Sticky

Использовать липкие параметры очень просто. При настройке любого элемента (строки, секции или модуля) надо зайти в настройки Расширенные ⟹ Scroll EffectsSticky Position и выбрать один из доступных вариантов закрепления

Закрепление элемента вверху экрана

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

 

Удерживание элемента внизу экрана

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

Это отлично подходит для плавающих форм подписки или призывов к действию, как показано ниже.

Прилипание сверху и снизу

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

Регулировка опций Divi Sticky

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

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

Например, в видео ниже включено редактирование стиля стикера для параметра цвета фона меню. Назначен оранжевый цвет фона для липкого стиля и прозрачный цвет фона для стандартного стиля.

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

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

Чтобы включить настройку дизайна липкого стиля, необходимо сначала активировать опцию Divi Sticky (Расширенные ⟹ Scroll EffectsSticky Position).

После этого в настройках Фон появится «липкий» значок. Теперь можно независимо настроить стандартный и липкий стиль. Как только элемент станет липким, он примет свой липкий стиль.

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

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

Применение липкой границы

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

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

Опция Divi Sticky доступна без ограничений

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

Опция Divi Sticky доступна начиная с версии 4.6

Опция Divi Sticky | foto avtora 1

Автор блога — DiviLancer Леонид

Занимаюсь созданием блогов, интернет-магазинов, лендингов и корпоративных сайтов на премиальной теме WordPress Divi. Работаю на фрилансе, как самозанятый, по техническому заданию и договору. Обучу администрированию сайта. Окажу техническую поддержку. Гарантия на все работы два года.

Обращайтесь, буду рад помочь Вашему бизнесу или хобби.

Как правильно и без потерь обновить тему WordPress Divi

Как правильно и без потерь обновить тему WordPress Divi

Тема вордпресс Divi регулярно обновляется до новых версий командой Elegant Themes. Они включают исправления ошибок, вводят новые и улучшают существующие функции и обеспечивают безопасность сайта. Объем каждого обновления и состав затрагиваемых им файлов темы указан в журнале изменений Divi.

Зачем нужны обновления

Рекомендуется всегда обновлять тему Divi и плагины WordPress. Но когда выходят обновления безопасности их всегда нужно применять. Это обязательные обновления! 

Установка крайней версии гарантирует, что: 

  • Исправлены выявленные ошибки в коде, 
  • Устранены уязвимости системы безопасности сайта,
  • Добавлены новые функции,
  • Улучшены существующие функции темы,
  • Поддерживается совместимость с WordPress и сторонними плагинами.

Желательно иметь на сайте одну тему. Только одну! Если установлено несколько тем, то их можно использовать для взлома сайта, если в них есть проблемы безопасности. Активна тема или нет — это не играет никакой роли. Поэтому, если на сайте нужно использовать несколько тем, то и они должны неукоснительно обновляться.

Когда не надо обновлять тему в WordPress

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

Если введены новая функциональность или набор сервисов, то существует большая вероятность того, что будут обнаружены ошибки. Они будут исправлены в последующих обновлениях версии темы.
Или другая ситуация: обновление большое и глобальное. Это можно увидеть, когда номера версий тем переходят на следующую цифру. Например, была 3.x.x. Произошел переход на 4.0.0. Это серьезное обновление, у которого, скорее всего, есть ошибки или проблемы совместимости. Они потом будут доработаны и исправлены. Но “дискомфорт” сайт может испытать или сломается какая-то настройка.

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

Все-таки хорошо будет, если подождать несколько версий (1-2) и только потом обновляться. За это время ошибки будут “вычищены”.

Как работают уведомления о новой версии

В премиальной Divi, как и в других темах WordPress, встроена система автоматического оповещения о выходе новых обновлений. Уведомления об этом видны в консоли сайта. (Сейчас информация об одном обновлении). Видно, что плагины не нуждаются в обновлении, а вот тема требует.

Информация о выпуске нового обновления
Дополнительно, когда вышла новая версия Divi, уведомление доступно на странице консоли Внешний видТемы
Уведомления о наличии обновления темы в консоли

Можно нажать на Обновить сейчас и обновление установится. Можно, но не надо. Как говорил герой в известном фильме: ”Э нет, торопиться не надо, торопиться не надо…”. Надо подумать о безопасности и работоспособности сайта. Рассмотрим, как правильно “не торопиться”.

Подготовка к обновлению

Сделать резервную копию

Даже при наличии встроенной опции отката обновления всегда лучше иметь резервную копию сайта Divi, готовую к восстановлению. А вдруг что-то пойдет не так и вариант отката не поможет? Тогда всегда есть резервная копия!

Для создания резервной копии сайта можно любой из множества бесплатных или платных плагинов WordPress.

Я использую платную версию Duplicator Pro в связке с облаком Dropbox. Эта связь просто настраивается, без сбоев работает и, самое главное, легко и без потерь восстанавливает сайт.

Вообще-то не лишним будет периодически проверять, правильно ли настроены резервные копии. Как ими пользоваться в случае какого-то “нежданчика”? Как восстановить сайт с помощью плагина, прежде чем в этом возникнет необходимость?

Протестировать бекап сайта

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

Проверить, что есть в обновлении

Желательно посмотреть, что изменено и что введено нового. Это можно видеть на этом сайте или на сайте Elegant Themes. Если решаются проблемы безопасности сайта, то обновляться надо решительно и обязательно. Если введены какие-то новшества и улучшения, то надо посмотреть как они влияют на функциональные особенности сайта и после этого принимать решение.

Сохранить настройки темы

Немаловажное значение сохранить пользовательские настройки сайта. Если они вносятся непосредственно в файлы и шаблоны темы, то надо иметь ввиду, что они при обновлении перезапишутся. И все обновления, увы, исчезнут…

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

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

Ежели изменения вносятся в родительскую тему, то их надо переписать в “укромное“” место и потом, после обновления, внести в те же файлы и в те же самые места (но лучше так не делать! Дочерняя тема — это наше все!).

7 шагов для обновления Divi до последней версии

Подготовились и теперь обновляемся вручную через панель управления WordPress. Для этого необходимо:

1. Перейти на страницу входа для участников Elegant Themes и войти в систему, используя имя и пароль.

Вход в зону участников Elegant Thtmes

2. На панели управления переходим на вкладку Мой Аккаунт (1) API KEYS (2). Скопируем имя Your Username (3) и ключ API (4) для сайта, который будет обновляться.

Формирование ключа API

3. В административной панели WordPress надо перейти во вкладку Divi (1) ⟹ Настройка темы (2) ⟹ Обновления (3). Ввести имя пользователя Elegant Themes (4) и ключ API (5), которые скопировали на шаге 2. Сохранить изменения.

Ввод API на сайт
4. Divi теперь будет автоматически уведомлять в консоли инструментов, когда доступны обновления. В этом случае можно обновить тему Divi.
Уведомления о наличии обновления темы

5. Перейти в Панель управления ⟹ Обновления, установить флажок рядом с Divi (1) и нажать Обновить темы (2).

Установка обновления темы Divi

6. Сайт перейдет в режим обслуживания (1) на короткое время (обычно менее 30 секунд), пока Divi обновляется (2). По окончании (3) данный режим отключится и появится сообщение об успешном обновлении (5).

Процесс обновления темы Divi
Иногда появляется информационное сообщение вида
Warning: call_user_func_array() expects parameter 1 to be a valid callback, array must have exactly two members in /home/l/name/site.ru/public_html/wp-includes/class-wp-hook.php on line 287
Оно не критично, и при первом запуске обновленной Divi сообщение пропадет. Если же оно будет и дальше появляться, то надо обращаться в техподдержку Divi.

7. Только что Divi обновилась до последней версии. Получено сообщение, подтверждающее успешное обновление Divi.

Информация об успешном обновлении

Как обновить тему WordPress Divi вручную

Если нет возможности обновить тему Divi через страницу обновлений WordPress, то тогда это сделать надо вручную.

Для чего скачать копию последней версии Divi с панели управления участника в Elegant Themes и загрузить ее с помощью любой программы FTP на сервер, где хранится сайт.

Вот как выглядят папки и файлы темы Divi на сервере в программе FileZilla

Обновление внучную через FTP

Чтобы обновить тему WordPress вручную необходимо:

  1. Перейти к Elegant Themes и войти в аккаунт
  2. Загрузить тему Divi на компьютер в формате divi.zip.
  3. В программе FTP открыть файлы сайта и найти wp-content/theme/Divi
  4. Переименовать папку Divi в Divi-old (чтобы сохранить рабочую версию темы, если с новой пойдет что-то не так)
  5. Разархивировать файл divi.zipi и загрузить все на сервер в папку wp-content/themes/Divi.
  6. Перезагрузить сайт и убедиться, что используете последнюю версию Divi.
  7. Если возникли проблемы, удалить папку wp-content / theme / Divi и переименовать Divi-old в Divi
  8. Убедиться, что осталась “старая” версия Divi и сайт работает без замечаний.

Обновление темы Divi до версии 2.7.2 и ниже

До версии Divi 2.7 обновления выполнялись вручную или плагином Elegant Themes Updater. Если используется Divi 2.7 или более ранняя, то сейчас при обновлении плагин Updater добавит поля Имя пользователя (4) и API (5) в область Обновления (3) настроек темы Divi.

Обновление темы с помощью плагина
Как правильно и без потерь обновить тему WordPress Divi | foto avtora 1

Автор блога — DiviLancer Леонид

Занимаюсь созданием блогов, интернет-магазинов, лендингов и корпоративных сайтов на премиальной теме WordPress Divi. Работаю на фрилансе, как самозанятый, по техническому заданию и договору. Обучу администрированию сайта. Окажу техническую поддержку. Гарантия на все работы два года.

Обращайтесь, буду рад помочь Вашему бизнесу или хобби.

Журнал изменений темы Divi

Журнал изменений темы Divi

В журнале изменений перечислены все обновления темы Divi.

Формат журнала изменений divi

Каждая запись в журнале изменений имеет следующие значения:

(1) Номер версии Divi (x.xx.x)
(2) Дата обновления (обновлено месяц-день-год)
(3) Список с кратким текстовым описанием каждого обновления (-)
(4) Список, содержащий путь к каждому из обновленных файлов (*)

Журнал изменений темы
Команда разработчиков из Elegant Themes гарантирует, что Divi является постоянно меняющейся и развивающейся темой. Это означает, что это она будет регулярно обновляться.

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

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

При огромном количестве доступных плагинов WordPress и различных средах хостинга невозможно гарантировать 100% совместимость. Поэтому некоторые обновления темы Divi могут вызвать конфликты и проблемы. Для устранения этой проблемы в панели обновлений (1) темы Divi предусмотрена возможность отката на предыдущую версию (2)

Откат от обновлений на предыдущую версию

Можно также получить доступ к журналу изменений Divi прямо на сайте Elegant Themes.

Обновления темы Divi 4.6.х. Список изменений

Версия 4.6.1 от 03.09.2020

  • Исправлена ​​проблема с модулем магазина, который не отображал правильный шаблон, когда он не возвращал результатов.
  • Исправлен некорректный липкий элемент в липком состоянии при изменении размера окна.
  • Исправлено некорректное автоматически генерируемое липкое смещение, когда известный элемент не виден.
  • Исправлен неработающий стиль наведения стиля, ширины и цвета границы во внешнем интерфейсе.
  • Добавлена ​​поддержка чистого кеша для Batcache (Pressable), Breeze, Kinsta Cache, GoDaddy Cache и WP-Optimize.
  • Исправлена ​​проблема при расширении стилей элемента, когда модальное окно уже было открыто.
  • Исправлен неверный селектор при наведении курсора на фоновое поле группы кнопок.
  • Исправлена ​​ошибка при попытке использовать внешние ссылки на видеомодулях.
  • Улучшено уведомление модулей Woo, когда плагин Woocommerce не активен.
  • Исправлена ​​тень окна и тень от текста на кнопке модуля «Добавить в корзину». 

* core/components/SupportCenter.php
* core/components/init.php
* includes/builder/autoload.php
* includes/builder/class-et-builder-element.php
* includes/builder/core.php
* includes/builder/feature/window.php
* includes/builder/frontend-builder/bundle.js
* includes/builder/frontend-builder/theme-builder/api.php
* includes/builder/frontend-builder/theme-builder/theme-builder.php
* includes/builder/functions.php
* includes/builder/module/PricingTablesItem.php
* includes/builder/module/Shop.php
* includes/builder/module/field/Border.php
* includes/builder/module/field/Divider.php
* includes/builder/module/field/MarginPadding.php
* includes/builder/module/field/Position.php
* includes/builder/module/field/Sticky.php
* includes/builder/module/field/TextShadow.php
* includes/builder/module/helpers/Background.php
* includes/builder/module/helpers/HoverOptions.php
* includes/builder/module/helpers/ResponsiveOptions.php
* includes/builder/module/helpers/StickyOptions.php
* includes/builder/module/helpers/StyleProcessor.php
* includes/builder/module/woocommerce/AddToCart.php
* includes/builder/scripts/ext/media-library.js
* includes/builder/scripts/frontend/background-layout.js
* includes/builder/scripts/frontend/sticky-element.js
* includes/builder/scripts/frontend/sticky-elements.js
* includes/builder/scripts/stores/document.js
* includes/builder/scripts/stores/sticky.js
* includes/builder/scripts/stores/window.js
* includes/builder/scripts/utils/sticky.js
* includes/builder/scripts/utils/utils.js
* webpack.production.config.js

Версия 4.6. от 26.08.2020

— Добавлена ​​опция липкого элемента для каждого модуля. Прикрепленный элемент позволяет модулю прикрепляться к краю браузера при прокрутке окна.

* includes/builder/ab-testing.php
* includes/builder/autoload.php
* includes/builder/class-et-builder-element.php
* includes/builder/core.php
* includes/builder/feature/window.php
* includes/builder/framework.php
* includes/builder/frontend-builder/assets.php
* includes/builder/frontend-builder/bfb-template.php
* includes/builder/frontend-builder/bundle.js
* includes/builder/frontend-builder/helpers.php
* includes/builder/frontend-builder/i18n.php
* includes/builder/frontend-builder/i18n/generic.php
* includes/builder/frontend-builder/i18n/library.php
* includes/builder/frontend-builder/i18n/portability.php
* includes/builder/frontend-builder/i18n/theme-builder.php
* includes/builder/frontend-builder/rtl.php
* includes/builder/frontend-builder/theme-builder/ThemeBuilderApiErrors.php
* includes/builder/frontend-builder/theme-builder/ThemeBuilderRequest.php
* includes/builder/frontend-builder/theme-builder/WoocommerceProductVariablePlaceholder.php
* includes/builder/frontend-builder/theme-builder/admin.php
* includes/builder/frontend-builder/theme-builder/api.php
* includes/builder/frontend-builder/theme-builder/dynamic-content.php
* includes/builder/frontend-builder/theme-builder/frontend-body-template.php
* includes/builder/frontend-builder/theme-builder/frontend.php
* includes/builder/frontend-builder/theme-builder/template-setting-validations.php
* includes/builder/frontend-builder/theme-builder/theme-builder.php
* includes/builder/frontend-builder/theme-builder/woocommerce.php
* includes/builder/frontend-builder/theme-builder/wpml.php
* includes/builder/frontend-builder/view.php
* includes/builder/functions.php
* includes/builder/main-structure-elements.php
* includes/builder/module/Accordion.php
* includes/builder/module/AccordionItem.php
* includes/builder/module/BarCounters.php
* includes/builder/module/BarCountersItem.php
* includes/builder/module/Blog.php
* includes/builder/module/Blurb.php
* includes/builder/module/Button.php
* includes/builder/module/CircleCounter.php
* includes/builder/module/ContactFormItem.php
* includes/builder/module/Divider.php
* includes/builder/module/FilterablePortfolio.php
* includes/builder/module/FullwidthHeader.php
* includes/builder/module/FullwidthImage.php
* includes/builder/module/FullwidthMenu.php
* includes/builder/module/FullwidthPortfolio.php
* includes/builder/module/FullwidthPostSlider.php
* includes/builder/module/FullwidthPostTitle.php
* includes/builder/module/FullwidthSlider.php
* includes/builder/module/Gallery.php
* includes/builder/module/Image.php
* includes/builder/module/Menu.php
* includes/builder/module/Portfolio.php
* includes/builder/module/PostSlider.php
* includes/builder/module/PostTitle.php
* includes/builder/module/PricingTables.php
* includes/builder/module/PricingTablesItem.php
* includes/builder/module/Search.php
* includes/builder/module/Shop.php
* includes/builder/module/SignupItem.php
* includes/builder/module/Slider.php
* includes/builder/module/SliderItem.php
* includes/builder/module/SocialMediaFollow.php
* includes/builder/module/SocialMediaFollowItem.php
* includes/builder/module/Tabs.php
* includes/builder/module/TabsItem.php
* includes/builder/module/TeamMember.php
* includes/builder/module/Testimonial.php
* includes/builder/module/Text.php
* includes/builder/module/Toggle.php
* includes/builder/module/Video.php
* includes/builder/module/VideoSlider.php
* includes/builder/module/VideoSliderItem.php
* includes/builder/module/field/Border.php
* includes/builder/module/field/BoxShadow.php
* includes/builder/module/field/Divider.php
* includes/builder/module/field/Height.php
* includes/builder/module/field/MarginPadding.php
* includes/builder/module/field/MaxWidth.php
* includes/builder/module/field/Overflow.php
* includes/builder/module/field/Position.php
* includes/builder/module/field/Sticky.php
* includes/builder/module/field/TextShadow.php
* includes/builder/module/field/Transform.php
* includes/builder/module/helpers/Background.php
* includes/builder/module/helpers/BackgroundLayout.php
* includes/builder/module/helpers/HoverOptions.php
* includes/builder/module/helpers/MultiViewOptions.php
* includes/builder/module/helpers/Overlay.php
* includes/builder/module/helpers/ResponsiveOptions.php
* includes/builder/module/helpers/StickyOptions.php
* includes/builder/module/helpers/StyleProcessor.php
* includes/builder/module/helpers/WooCommerceModules.php
* includes/builder/module/woocommerce/Images.php
* includes/builder/module/woocommerce/RelatedProducts.php
* includes/builder/module/woocommerce/Upsells.php
* includes/builder/scripts/frontend/background-layout.js
* includes/builder/scripts/frontend/global-functions.js
* includes/builder/scripts/frontend/motion-effects.js
* includes/builder/scripts/frontend/scripts.js
* includes/builder/scripts/frontend/sticky-element.js
* includes/builder/scripts/frontend/sticky-elements.js
* includes/builder/scripts/src/bfb_admin_script.js
* includes/builder/scripts/src/library_scripts.js
* includes/builder/scripts/src/roles_admin.js
* includes/builder/scripts/stores/document.js
* includes/builder/scripts/stores/sticky.js
* includes/builder/scripts/stores/window.js
* includes/builder/scripts/utils/sticky.js
* includes/builder/scripts/utils/utils.js
* js/src/custom.js

 

Обновления темы Divi 4.5.х. Список изменений

Версия 4.5.8. от 24.08.2020

— Исправлена ​​невозможность экспорта редактора ролей.

— Исправлен импорт XML макета.

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

— Исправлены неправильные стили на защищенных страницах WordPress.

— Исправлена ​​проблема при работе со ссылками, содержащими специальные символы.

— Исправлены отсутствующие атрибуты alt и title в изображении заголовка сообщения.

— Убрана нижняя граница в шапке панели BFB.

— Фиксированный ввод диапазона настройщика темы не обновляет значение самого элемента управления.

— Исправлена ​​проблема при использовании модуля Woo Image на странице магазина.

 *core/components/Updates.php
* functions.php
* includes/builder/class-et-builder-element.php
* includes/builder/frontend-builder/bundle.js
* includes/builder/frontend-builder/theme-builder/WoocommerceProductVariablePlaceholder.php
* includes/builder/functions.php
* includes/builder/module/FullwidthPostTitle.php
* includes/builder/module/PostTitle.php
* includes/builder/plugin-compat/sitepress-multilingual-cms.php
* includes/builder/scripts/src/builder.js

Версия 4.5.6. от 10.08.2020

— Исправлена ​​проблема с добавлением дополнительных полей сверху на страницу.

* includes/builder/frontend-builder/bundle.js
* js/src/custom.js
* js/src/theme-customizer.js

Версия 4.5.5. от 08.08.2020

— Исправлены нижние разделители разделов, появляющиеся вверху разделов.

* style.css

Версия 4.5.4. от 07.08.2020

— Исправлена отсутствующая функция обратной совместимости для обработки данных Гутенберга для редактора блоков.
— Скрыть кнопку вставки блока, когда Divi Layout еще не активирован.
— Исправлены гибкие настраиваемые стили границ, которые не применялись к предварительному просмотру модуля.
— Исправлено добавление дополнительного места в конце страницы при использовании разделителя.
— Нормализована высота слайдеров видео.
— Исправлена проблема, из-за которой невозможно было обновить пресет с текущими стилями для столбцов.
— Исправлена ошибка при использовании модуля портфолио в качестве домашней страницы.
— Исправлена загрузка готовых макетов из библиотеки Divi в Safari и Edge.
— Исправлена проблема с рендерингом ползунков во всю ширину, которая приводила к неправильным расчетам размера при навигации по слайдам.

*core/admin/js/portability.js
*core/components/data/Utils.php
*includes/builder/frontend-builder/bundle.js
*includes/builder/module/Portfolio.php
*js/src/custom.js
*js/src/theme-customizer.js

Версия 4.5.3. от 03.08.2020. Обязательное обновление

Исправлена ​​уязвимость при загрузке произвольных файлов.
— Исправлена ​​проблема с разбивкой на страницы модуля портфолио, которая не отображалась на отдельных страницах.
— Исправлен поиск страниц шаблона Theme Builder, который отображал повторяющиеся результаты.

* core / components / Portability.php
* core / components / data / Utils.php
* includes / builder / core.php
* includes / builder / frontend-builder / bundle.js
* includes / builder / frontend-builder / i18n / portability .php
* includes / builder / frontend-builder / theme-builder / ThemeBuilderApiErrors.php
* includes / builder / frontend-builder / theme-builder / api.php
* includes / builder / module / Portfolio.php

Версия 4.5.2. от 30.07.2020

— Исправлена ​​проблема с изменением цвета счетчика круга в разных контекстах отзывчивого представления.
— Исправлена ​​проблема, когда настройки модуля в некоторых случаях не сохранялись.
— Исправлена ​​не перехваченная ошибка addEventListener при наведении курсора на блок макета Divi, который еще не активирован.
— Обновлены имена классов кнопок-заполнителей Divi Layout и исправлены предупреждения об устаревших свойствах и методах.
— Ограничен функционал предустановок Divi для пользователей без администратора.
— Theme Builder теперь отключает некоторые фильтры (например, «Размытие») при наведении, чтобы соответствовать поведению Visual Builder.
— Исправлена ​​проблема, когда любые пользовательские настройки CSS, назначенные через предустановку модуля, не отображались в Visual Builder.
— Исправлена ​​ошибка, из-за которой стиль основного текста заменял стиль текста компании при установке ссылки компании.
— Увеличен z-index значка reCAPTHA, чтобы он всегда был наверху.
— Исправлен неработающий предварительный просмотр блока Divi Layout и стили, когда устройство предварительного просмотра Gutenberg находится на планшете или мобильном устройстве.
— Скрывает контроль действий на метабоксе строителя.
— Обрабатывает устаревшую функцию wp_make_content_images_responsive () при рендеринге макета.
— Улучшена производительность встроенного видео за счет кеширования результата.
— Исправлен неопределенный текст в новом редактируемом элементе блока на сторонних расширениях.
— Исправлена ​​устаревшая передача параметров PHP 7.4+ в join () (псевдоним implode ()) в обратном порядке.
— Обновлен Центр поддержки, чтобы проверить, что настройка журнала отладки WP указывает на файл (а не на каталог), прежде чем пытаться загрузить его последние записи.

* core / components / SupportCenter.php
* включает / builder / class-et-builder-element.php
* includes / builder / core.php
* includes / builder / feature / global-presets / History.php
* includes / builder / frontend -builder / bundle.js
* includes / builder / frontend-builder / helpers.php
* includes / builder / functions.php
* includes / builder / module / Portfolio.php
* includes / builder / module / SliderItem.php
* includes / builder /module/Testimonial.php
* includes / builder / module / Video.php
* includes / builder / module / VideoSliderItem.php
* includes / builder / module / helpers / HoverOptions.php
* includes / builder / scripts / src / bfb_admin_script.js

Версия 4.5.1. от 13.07.2020

— Исправлена ​​проблема, мешавшая переключаться между вкладками адаптивных опций.
— Добавлен фон при наведении курсора при наведении курсора на кнопку в Visual Builder.
— Разрешить стороннему расширению использовать редактируемые элементы компоновщика в своих пользовательских модулях.
— Исправлена ​​ошибка, из-за которой устаревшие параметры передачи PHP 7.4+ сбрасывались в обратном порядке.
— Исправлена ​​ошибка с эффектом параллакса на iPad с iOS 13.
— Запретить установку выбранной опции на 2-ю позицию в элементе управления выбором, когда общий размер результатов равен 1.
— Исправлен конфликт модуля блога с виджетом видео.
— Исправлена ​​проблема с динамическими категориями в пользовательских типах сообщений.
— Исправлен текст описания опции значка кнопки.
— Исправлен эффект перехода при наведении курсора CSS-фильтра на рабочем столе.
— Исправлена ​​проблема с отображением контактной формы, когда опция была добавлена ​​с помощью сочетания клавиш.
— Исправлена ​​совместимость продуктов на странице с плагином.
— Исправлена ​​ошибка, из-за которой атрибуты модуля были пустыми при импорте макета через Divi Library или Divi Builder.
— Исправлена ​​проблема, вызванная несовместимостью с PHP 5.4.
— Изменены термины черного и белого списков на черный список и список разрешений во всей кодовой базе.
— Исправлена ​​опечатка в описании опции «Захватить первое изображение публикации» в настройках темы.

* core / admin / js / support-center.js
* core / components / Portability.php
* core / components / SupportCenter.php
* core / components / VersionRollback.php
* core / components / api / ElegantThemes.php
* core / components / data / Utils.php
* core / components / mu-plugins / SupportCenterSafeModeDisablePlugins.php
* core / functions.php
* core / ui / utils / utils.js
* epanel /custom_functions.php
* includes / builder / ab-testing.php
* includes / builder / class-et-builder-element.php
* includes / builder / core.php
* includes / builder / deprecations.php
* includes / builder / feature /dynamic-content.php
* includes / builder / feature / global-presets / History.php
* includes / builder / feature / global-presets / Settings.php
* includes / builder / feature / woocommerce-modules.php
* includes / builder /frontend-builder/bundle.js
* includes / builder / frontend-builder / theme-builder / theme-builder.php
* includes / builder / functions.php
* includes / builder / module / Blurb.php
* includes / builder / module / ContactFormItem.php
* includes / builder /module/helpers/HoverOptions.php
* includes / builder / plugin-compat / eventon.php
* includes / builder / plugin-compat / woocommerce.php
* includes / builder / scripts / frontend / scripts.js
* includes / builder / scripts /src/builder.js
* options_divi.php

Автор DiviLancer

Автор блога - DiviLancer Леонид

Занимаюсь созданием блогов, интернет-магазинов, лендингов и корпоративных сайтов на премиальной теме WordPress Divi. Работаю на фрилансе, как самозанятый, по техническому заданию и договору. Обучу администрированию сайта. Окажу техническую поддержку. Гарантия на все работы два года.

Обращайтесь, буду рад помочь Вашему бизнесу или хобби.

Открытие Divi Marketplace

Открытие Divi Marketplace

Место, где можно найти всё для Divi

30 июля 2020 года открыт Divi Marketplace, хранилище плагинов, сторонних модулей Divi, дочерних тем и макетов.

Это место, где разработчики и дизайнеры Divi могут загружать свои творения и делать их доступными для всего сообщества пользователей Divi (Divi Nation) для покупки или для бесплатной загрузки.

Разработчик темы Elegant Themes не будет добавлять собственные продукты на DM. Это как репозиторий WordPress или iPhone App Store.

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

Обзор Divi Marketplace

На DM представлены как продукты, так и продавцы. Существуют фильтры для поиска по модулям, дочерним темам и макетам, цене, категории и рейтингу. В верхней части экрана есть панель поиска, чтобы быстро найти что-нибудь в пределах всего каталога.

Открытие Divi Marketplace | 33ikyMl

Цель торговой площадки Divi — помочь процветать экосистеме Divi. 

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

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

Покупка продуктов на рынке

Для покупки товаров на рынке требуется членство в Elegant Themes. Покупки осуществляются только из своей учетной записи при помощи активного платежного профиля. Купленные продукты загружаются из пользовательской панели Marketplace.

На все покупки действует правило возврата денежных средств в течение 30 дней.

Техподдержка покупок

Поскольку продукты на рынке не поддерживаются Elegant Themes, то и поддержку своим продуктам оказывает каждый продавец сам. Если нужна помощь, то можно отправить заявку в службу поддержки со страницы продукта.

Лицензирование продуктов

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

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

Продукты, продаваемые на маркетплейсе Divi

Модули и расширения

Благодаря API модуля Divi разработчикам легко создавать собственные модули Divi. Когда покупается и устанавливается модуль Divi, он добавляется в список модулей в сборщике для его использования в качестве дополнительного стандартного блока для сайта.

На торговой площадке Divi уже есть несколько отличных модулей, таких как Event Calender — календарь событий и мероприятий, DiviMenus — новые виды меню. Можно использовать модуль Table Maker для создания таблиц.

Некоторые расширения, такие как Divi Supreme, Divi Plus и Divi Next Text, поставляются с целыми коллекциями новых модулей Divi по очень низкой цене. Эти модули действительно расширяют возможности Divi.

Другие расширения, Divi Toolbox и Divi Switch, фокусируются на теме Divi и предлагают целый ряд новых опций темы. Есть расширения, такие как всплывающий редактор Divi Overlays , которые распространяют конструктор Divi Builder на новые области. Divi Mega Menu открывает массу новых возможностей для заголовка Divi Theme, а Divi Rocket делает сайт Divi быстрее!

Список можно продолжить. Но лучше один раз увидеть, чем сто раз рассказать. 

Дочерние темы Divi

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

Некоторые обслуживают широкие категории, такие как Divi Ecommerce и Divi Business Pro. Другие обслуживают небольшие категории, такие как пиццерия (Divi Pizza) или стоматология Divi Dental.

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

Многие темы Divi Child не просто меняют или расширяют стили CSS самой Divi, но и предлагают новые функциональные возможности, пользовательские макеты, предопределенные шаблоны (пресеты) Theme Builder и системы демонстрационных данных, которые настроят весь ваш сайт всего за несколько секунд!

Макеты (Layouts) Divi

В отличие от дочерних тем (Divi Child Themes), которые фокусируются на стилизации элементов темы Divi, макеты (Divi Layouts) — это готовые дизайны. Их можно импортировать в визуальный конструктор Divi Builder.

Некоторые макеты ориентированы на определенные типы сайтов, такие как юридические, строительные или продуктовые.

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

Продажа элементов Divi на DM

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

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

Открытие Divi Marketplace | foto avtora 1

Автор блога — DiviLancer Леонид

Занимаюсь созданием блогов, интернет-магазинов, лендингов и корпоративных сайтов на премиальной теме WordPress Divi. Работаю на фрилансе, как самозанятый, по техническому заданию и договору. Обучу администрированию сайта. Окажу техническую поддержку. Гарантия на все работы два года.

Обращайтесь, буду рад помочь Вашему бизнесу или хобби.

9 признаков того, что Divi правильная тема

9 признаков того, что Divi правильная тема

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

Будущее WYSIWYG

9 признаков того, что Divi правильная тема | app marketing icon 05 6 1

Drag & Drop

Добавляйте, удаляйте и перемещайте элементы и сразу смотрите на сайт глазами пользователя. Никакого кодирования и никаких запутанных серверных опций
9 признаков того, что Divi правильная тема | app marketing icon 04 6 1

Настоящее визуальное редактирование

Создайте страницу сайта и в режиме реального времени мгновенно посмотрите результаты. Создавайте и настраивайте страницы с помощью визуальных элементов управления.
9 признаков того, что Divi правильная тема | app marketing icon 07 6 1

Гибкое управление CSS

При создании сайта можно легко комбинировать элементы визуального дизайна Divi со своими элементами CSS. Интерфейс Divi прост, но не ограничивает фантазии.
9 признаков того, что Divi правильная тема | app marketing icon 08 6 1

Адаптивность к мобильным устройствам

Создавать красивые адаптивные сайты легко. Divi отзывчивая по своей природе и дает полный контроль над тем, как сайт выглядит на мобильных устройствах.
9 признаков того, что Divi правильная тема | app marketing icon 06 6 1

Профессиональные дизайны

Наслаждайтесь десятками уникальных элементов страницы и тысячами вариантов дизайна. Divi дает полный контроль над дизайном сайта.
9 признаков того, что Divi правильная тема | app marketing icon 10 6 1

Редактирование текста

Просто нажмите и начните печатать! Редактировать страницу еще никогда не было так просто. Пишите и сразу смотрите результаты по мере ввода текста
9 признаков того, что Divi правильная тема | app marketing icon 08 6 1

Управление своими дизайнами

Сохраняйте и управляйте неограниченным количеством своих дизайнов. Легко используйте их для быстрого запуска новых страниц. Создавайте современные системы проектирования и оптимизируйте рабочий процесс.
9 признаков того, что Divi правильная тема | app marketing icon 06 6 1

Глобальные элементы и пресеты

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

9 признаков того, что Divi правильная тема | app marketing icon 10 6 1

Отменить, повторить, сохранить

Divi работает как современное программное приложение. Легко отменить, повторить и путешествовать по всей истории редактирования. Если совершите ошибку, то у Divi всегда есть «соломка».

Divi для всех и для каждого

Фрилансерам

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

Агентствам

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

Владельцам сайтов

Divi делает создание сайтов проще. Для начинающих мастеров и владельцев сайтов Divi дает свободу воплощать свои мечты в жизнь. Любой желающий может создать сайт-мечту благодаря визуальному редактору Divi Builder и сотням готовых дизайнов.

9 признаков того, что Divi правильная тема | foto avtora 1
Автор блога — DiviLancer Леонид
Занимаюсь созданием блогов, интернет-магазинов, лендингов и корпоративных сайтов на премиальной теме WordPress Divi. Работаю на фрилансе, как самозанятый, по техническому заданию и договору. Обучу администрированию сайта. Окажу техническую поддержку. Гарантия на все работы два года.

Обращайтесь, буду рад помочь Вашему бизнесу или хобби.

Divi 4.0. Новый подход к созданию сайтов

Divi 4.0. Новый подход к созданию сайтов

Тема Divi 4.0 после включения в её состав Theme Builder стала больше, чем просто визуальный конструктор сайтов

Настал тот день, которого многие ждали. Сегодня я с гордостью объявляю о выпуске Divi 4.0, которая включает новый Divi Theme Builder. Theme Builder использует возможности Divi Builder, но теперь распространяет его на все области сайта. Theme Builder позволяет создавать собственные верхние (header) и нижние (footer) колонтитулы, страницы категорий, шаблоны продуктов, записей блога, 404 страницы и многое другое. В Theme Builder введены такие важные функции Divi как динамический контент и модули WooCommerce, а также удивительная дизайнерская мощь самого конструктора. Все это дает полный контроль над всем сайтом. Divi 4.0 меняет правила игры при создании сайтов. 
Ник Роач (Nick Roach),
основатель и директор компании Elegant Themes, разработчик темы Divi 

Особенности Divi Theme Builder

Divi Theme Builder — это полнофункциональная система шаблонов сайта, которая позволяет  использовать Divi Builder для структурирования сайта. Билдер позволяет редактировать любую часть сайта, включая хедер (header) и футер (footer), шаблоны записей, категорий и многое другое. Каждый шаблон Theme Builder состоит из пользовательского макета тела записи, хедера и футера. Все три области могут быть построены и настроены конструктором Divi Builder с учетом динамического контента.

Конструктор сайтов divi 4.0

Хорошо сделанное не пропадет

Можно создать новый шаблон Theme Builder и создать записи блога или же даже создать глобальный шаблон сайта, который будет обновляться. Конструктор Theme Builder это позволяет.
Глобальные модули в конструкторе divi 4.0

Точно настроенный контроль

Шаблоны Theme Builder можно использовать для настройки любой отдельной части сайта, назначая или исключая каждый шаблон из разных мест. Использование назначений и исключений дает возможность точного контроля над дизайном сайта. Можно настроить таргетинг на большие области своего проекта, такие как, архивы сообщений, или на определенные места, такие как отдельные записи, страницы и категории. Каждая область может иметь свой собственный заголовок, хедер, футер и макет тела.

Шаблоны divi 4.0 можно точно настраивать в каждом конкретном случае

Импорт и экспорт макетов Theme Builder

Шаблоны Theme Builder также можно импортировать и экспортировать, включая все макеты header, footer и основного текста. Экспорт Theme Builder — это, по сути, «пакеты сайтов». Это как пакеты Divi Layout Pack. Пакеты Theme Builder устраняют необходимость в дочерних темах и позволяют создавать предварительно созданные шаблоны тем, которые можно использовать на любом сайте.

Экспорт и импорт модулей построителя сайтов divi 4.0

Пользовательские верхние (header) и нижние (footer) колонтитулы

Используя Theme Builder можно создавать собственные верхние и нижние колонтитулы для любой части сайта. Divi 4.0 позволяет создавать уникальные header и footer. Можно создать как глобальные дизайны, так и для каждой страницы сайта.

Пользовательские header и footer в шаблонах Divi

Шаблоны записей  и товаров для всего сайта

Theme Builder также позволяет создавать собственные шаблоны категорий, страниц и записей сайта. Вместо того, чтобы редактировать каждую запись или товар (продукт) по отдельности, можно использовать Theme Builder для создания шаблона для всего сайта. Динамический контент назначается модулям Divi в этих шаблонах для вывода информации о его текущем состоянии: заголовок, содержание и рекомендуемое изображение. Отредактировать один раз шаблоны происходит изменение всего сайта.

Почтовые и товарные шаблоны для всего сайта
Divi 4.0. Новый подход к созданию сайтов | foto avtora 1

Автор блога — DiviLancer Леонид

Занимаюсь созданием блогов, интернет-магазинов, лендингов и корпоративных сайтов на премиальной теме WordPress Divi. Работаю на фрилансе, как самозанятый, по техническому заданию и договору. Обучу администрированию сайта. Окажу техническую поддержку. Гарантия на все работы два года.

Обращайтесь, буду рад помочь Вашему бизнесу или хобби.