Глобальные модули, строки и разделы Divi

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

Что такое элемент глобальной библиотеки?

Элемент глобальной библиотеки — это модуль, строка или раздел, которые выглядят одинаково на всех страницах, на которые они добавлены. Вы можете добавить один глобальный модуль на несколько страниц. Если вы измените глобальный модуль на одной странице, он мгновенно обновится и на всех других страницах, на которые он был добавлен.

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

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

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

Создание нового элемента глобальной библиотеки

Сделать элемент библиотеки глобальным просто. При сохранении элемента библиотеки установите флажок «Сохранить как глобальный». Любой элемент, сохраненный с выбранным параметром, становится глобальным элементом.

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

Глобальные модули и выборочная синхронизация

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

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

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

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

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

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

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