Использование выборочной синхронизации в Divi

Выберите, какую часть глобального элемента библиотеки вы хотите синхронизировать.

Синхронизация части элементов глобальной библиотеки

Выборочная синхронизация позволяет сохранять индивидуальные настройки при сохранении нового элемента глобальной библиотеки. Вы можете выборочно синхронизировать любую или все вкладки «Контент», «Дизайн» или «Расширенный». Например, если вы сохраняете новый модуль в библиотеке как глобальный элемент, вы можете редактировать настройки, чтобы синхронизировать только настройки дизайна, тогда только эти настройки будут добавлены в библиотеку. Это особенно полезно, если вы углубляетесь во вкладки «Дизайн» или «Расширенный» и хотите использовать свои уникальные стили для нескольких модулей на веб-сайте, одновременно добавляя уникальный контент на вкладке «Контент» для каждого из них.

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

Использование выборочной синхронизации

Используя Визуальный Builder, сохраните новый элемент в своей библиотеке и установите флажок, чтобы сделать его глобальным элементом. Затем нажмите, чтобы изменить настройки вашего модуля. Вы увидите небольшой значок синхронизации слева от всех параметров на вкладках «Контент», «Дизайн» и «Расширенный». Щелкните этот значок, чтобы включить или отключить возможность выборочной синхронизации любых или всех настроек для текущего элемента глобальной библиотеки, и нажмите «Сохранить». Только выбранные вами параметры будут доступны для редактирования в библиотеке. Когда вы добавляете элемент глобальной библиотеки на свою страницу, будут присутствовать те настройки, которые вы отметили для синхронизации.

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

Сила выборочной синхронизации

Использование выборочной синхронизации в сочетании с глобальными модулями может быть чрезвычайно мощным. Давайте копнем немного глубже. Допустим, у вас есть модуль заголовка полной ширины вверху всех ваших страниц. Это обычное дело. Каждый модуль заголовка имеет свой заголовок в настройках «Содержимое» для представления текущей страницы. Вы также использовали настройки «Дизайн», чтобы придать своему заголовку уникальный вид, настроив стиль шрифта заголовка на Полужирный и заглавные буквы, и вы увеличили отступы вверху и внизу заголовка, чтобы сделать модуль заголовка больше. Вы хотите, чтобы все ваши модули заголовков на каждой странице использовали этот уникальный стиль, но вам нужно, чтобы каждая страница имела уникальные заголовки. В этом случае вы можете создать модуль Global Fullwidth Header (Глобальный полноэкранный хедер) и выбрать выборочную синхронизацию только параметров на вкладке «Дизайн». Теперь всякий раз, когда вы добавляете этот глобальный модуль на новую страницу, настройки «Дизайн» будут синхронизироваться.

Если вы когда-нибудь захотите изменить стиль заголовков на всей своей странице, то можете изменить синхронизированные настройки «Дизайн», общие для этих глобальных модулей, и изменения будут отражены на каждой отдельной странице, на которой был использован глобальный заголовок! Вау, это сэкономит вам невероятное количество времени!

Эту же теорию можно применить и к вкладке «Расширенный». Допустим, вы создали модуль слайдера и использовали вкладку «Расширенный», чтобы применить уникальную анимацию к кнопке слайдера. Вы хотите использовать эту новую уникальную анимацию во всех модулях слайдеров на своем веб-сайте. В этом случае вы можете создать новый модуль глобального слайдера и выборочно синхронизировать «Расширенные» настройки, которые включают вашу пользовательскую анимацию CSS. Добавьте этот ползунок на свою страницу и свободно регулируйте параметры «Содержимое» и «Дизайн», сохраняя при этом свой уникальный настраиваемый CSS-код, синхронизированный для всей серии модулей. Если вы когда-нибудь захотите изменить настройки «Расширенный» для этой серии глобальных модулей, то вам нужно будет сделать это только один раз. Редактирование настроек в одном модуле обновляет все реализации этого модуля на страницах.