Загрузите БЕСПЛАТНОЕ руководство по стилю глобальных предустановок для пакета макетов цифровых платежей Divi

Привет, Divi Nation! Спасибо, что присоединились к нам в следующем выпуске нашей еженедельной инициативы Divi Design Initiative, где каждую неделю мы раздаем совершенно новые бесплатные подарки. Сегодня мы делимся глобальным руководством по стилю предустановок для Divi's Digital Payments Layout Pack. Глобальные предустановки Divi помогут вам ускорить процесс веб-дизайна в кратчайшие сроки, а чтобы помочь вам ускорить его еще быстрее, мы будем регулярно предоставлять глобальные предустановки, уникальные для пакета макетов, в одном макете. Вы можете выбрать, хотите ли вы загрузить все глобальные пресеты сразу или выбрать определенные.

Загрузите руководство по стилю Global Presets для пакета макетов цифровых платежей

Чтобы получить доступ к бесплатному руководству по стилю глобальных пресетов, вам сначала нужно загрузить его, используя кнопку ниже. Чтобы получить доступ к загрузке, вам необходимо подписаться на наш список рассылки Divi Daily, используя форму ниже. Как новый подписчик, вы будете получать еще больше добра Divi и бесплатный пакет Divi Layout каждый понедельник! Если вы уже есть в списке, просто введите ниже свой адрес электронной почты и нажмите «Загрузить». Вы не будете «повторно подписаны» или будете получать дополнительные электронные письма.

Скачать файлы

Скачать бесплатно

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

СКАЧАТЬ

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

Краткий обзор глобальных предустановок

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

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

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

Когда использовать руководство по стилю глобальных пресетов

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

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

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

Вариант A: автоматическая загрузка всех глобальных пресетов сразу

Этот подход автоматически добавит все пресеты в вашу библиотеку пресетов сразу.

Перейти в библиотеку Divi

Перейдите в свою библиотеку Divi на бэкэнде вашего веб-сайта WordPress.

Загрузить макет с предустановками

Там нажмите кнопку «Импорт и экспорт» вверху.

Продолжите, щелкнув вкладку импорта и выбрав файл JSON, который вы смогли загрузить в начале этого сообщения. Чтобы автоматически импортировать пресеты, также отметьте поле «Импорт пресетов». Это автоматически добавит каждую предустановку в каждый модуль.

Имена предустановок в библиотеке предустановок

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

• ДПЛП - H1 - 1
• ДПЛП - Н2 - 1
• ДПЛП - H3 - 1
• ДПЛП - H3 - 2
• ДПЛП - Н4 - 1
• ДПЛП - Кузов - 1
• DPLP - Текст - Все - 1

• DPLP - кнопка 1
• DPLP - кнопка 2
• DPLP - Кнопка 3
• DPLP - кнопка 4
• DPLP - Кнопка 5
• DPLP - Кнопка 6

• DPLP - Вставка 1
• DPLP - Вставка 2
• DPLP - Вставка 3
• DPLP - Вставка 4
• DPLP - Вставка 5

• DPLP - вариант электронной почты 1
• DPLP - вариант электронной почты 2
• DPLP - Контактная форма 1
  • DPLP - поле полной ширины контактной формы
• DPLP - Таблицы цен 1
  • DPLP - Таблица цен, позиция 1
  • DPLP - Цена планшета, позиция 2

Доступ к предустановкам в новых добавляемых вами модулях

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

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

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

Перейти в библиотеку Divi

Перейдите в свою библиотеку Divi на бэкэнде вашего веб-сайта WordPress.

Загрузить макет без предустановок

Затем нажмите кнопку «Импорт и экспорт».

Перейдите на вкладку импорта и выберите файл JSON, который вы смогли загрузить в начале этого сообщения. Если вы хотите иметь возможность выбирать, какие модули вы превращаете в глобальные предустановки, важно не устанавливать флажок «Импорт предустановок».

Создать черновик новой страницы + загрузить макет

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

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

Просмотрите все элементы и решите, какие из них вы хотите превратить в глобальные пресеты.

Превратите модуль в глобальный пресет в настройках

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

Превратите настройки модуля в новый пресет из пользовательских стилей.

Назовите новую предустановку, как хотите.

Повторите шаги для каждого модуля, который вы хотите включить в предустановки

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

Исключение: вложенные модули (модуль таблиц цен)

Для вложенных модулей, таких как модуль Pricing Tables, вам необходимо открыть элемент внутри модуля и сохранить этот элемент как новый пресет.

Создайте собственную цветовую палитру с цветовыми кодами внутри вашего конструктора тем Divi

Перейти к параметрам темы Divi

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

Настройка цветовой палитры с помощью шестнадцатеричных кодов в руководстве по стилю

Добавьте выбранные вами цветовые коды HEX, которые вы можете найти в руководстве по стилю, в цветовую палитру по умолчанию.

Совет: держите руководство по стилям на отдельной вкладке, чтобы копировать / вставлять определенные стили (градиенты / тень блока / граница /…)

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

Новые глобальные руководства по стилям каждую неделю!

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