WordPress Блоггинг Темы. Как использовать раздел «Пользовательский CSS» модуля Power Builder

Из этого туториала Вы узнаете, как использовать раздел «Пользовательский CSS» модуля Power Builder.

Пользовательский CSS позволяет пользователям настроить некоторые элементы шаблона на ходу. Не нужно вносить изменения в файлы css. Просто добавьте класс css в настройки ваших модулей.

Каждый модуль Power builder имеет раздел Пользовательский css (Custom css). Для того чтобы получить доступ к нему, сделайте следующее:

1. Откройте страницу, в которую Вы хотите внести изменения в разделе Страницы (Pages) > Все страницы (All Pages) в админ панели вашего сайта.

2. Нажмите на кнопку Настройки модуля (All Pages), для того чтобы внести изменения.

3. Вы увидите вкладку Пользовательское css (Custom css) в всплывающем окне. Нажмите на её, для того чтобы внести изменения в css.

   В этом разделе доступно несколько настроек:

   • CSS ID. Этот селектор указывает на элемент HTML, для которого Вы хотите добавить стили. Этот раздел позволяет добавить css ID раздела, ряда или модуля, которое можно использовать для добавления дополнительного кода css. Для того чтобы добавить дополнительный код css:

     • Откройте вкладку Внешний вид (Appearance) > Настроить (Customize) в админ панели вашего сайта.

     • Нажмите на вкладку Дополнительный css (Additional css), для того чтобы добавить дополнительный код css.

     • Вставьте ваш код css здесь:

   • Класс CSS (CSS Class). Селектор .class выбирает элементы с тем или иным атрибутом class.

   • Поле Before позволяет указать пользовательский код css для псевдо-элемента ::before.

   • Раздел Основной элемент (Main Element) используется для добавления основного пользовательского кода css.

     Обратите внимание! Убедитесь, что Вы добавляете свойства и значения без скобок.

   • After используется для псевдо-элемента ::after.

   • Также, в модулях может быть несколько дополнительных полей: Описание слайда (Slide Description),Название слайда (Slide Title), Кнопка слайда (Slide Button), Элементы управления слайдом (Slide Controllers), Активный элемент управления слайдом (Slide Active Controller), Изображение слайда (Slide Image), Стрелки слайда (Slide Arrows), Изображение цитаты (Blurb Image), Название цитаты (Blurb Title), Промо-описание (Promo Description), Кнопка промо (Promo Button). Дополнительные настройки зависят от модуля, который Вы хотите изменить. Вы моете прочесть о всех доступных модулях в обзоре Power Builder.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Не забудьте ознакомиться с нашими новыми Блоггинг шаблонами WordPress , которые расширяют функциональность вашего сайта.