Відкоригуйте стандартний стиль оформлення макета вашого сайту, елементів, кольорів, посилань, типографії тощо на всьому сайті через Стилі Теми для узгодженої та легкої в обслуговуванні системи дизайну для вашого всього сайту.
Доступ до Стилів Теми можна отримати, натиснувши на іконку Налаштування (шестерня) у панелі інструментів. Потім перейдіть до Стилів Теми.
Щоб створити свій власний Стиль Теми, натисніть на іконку Створити (плюс) і надайте ім’я.
Застосуйте будь-які зміни стилю, які хочете, у контрольних групах нижче (наприклад, встановивши ваші шрифти у розділі “Типографія” тощо).
Умови
Відкрийте контрольну групу Умови, щоб вказати, де на вашому сайті має використовуватися цей стиль теми.
Щоб застосувати стиль теми до всього вашого вебсайту, відкрийте контрольну групу Умови, натисніть Додати умову і виберіть Весь вебсайт.
Ви можете встановити стільки умов стилю теми, скільки хочете.
Припустимо, ви хочете застосувати стиль теми до двох конкретних цільових сторінок і вашої головної сторінки. Ви просто додаєте умову, натискаєте на Індивідуальна, і вибираєте ваші дві цільові сторінки. Потім ви додаєте ще одну умову і вибираєте Головна сторінка.
Ось доступні контрольні групи:
- УМОВИ
- ЗАГАЛЬНІ
- КОЛЬОРИ
- ЗМІСТ
- ПОСИЛАННЯ
- ТИПОГРАФІЯ
- ЕЛЕМЕНТ – РОЗДІЛ
- ЕЛЕМЕНТ – КОНТЕЙНЕР
- ЕЛЕМЕНТ – БЛОК
- ЕЛЕМЕНТ – DIV
- ЕЛЕМЕНТ – АКОРДЕОН
- ЕЛЕМЕНТ – ПОПЕРЕДЖЕННЯ
- ЕЛЕМЕНТ – КНОПКА
- ЕЛЕМЕНТ – КАРУСЕЛЬ
- ЕЛЕМЕНТ – КОД
- ЕЛЕМЕНТ – ЛІЧИЛЬНИК
- ЕЛЕМЕНТ – РОЗДІЛЬНИК
- ЕЛЕМЕНТ – ФОРМА
- ЕЛЕМЕНТ – ЗАГОЛОВОК
- ЕЛЕМЕНТ – ІКОНКА
- ЕЛЕМЕНТ – ЗОБРАЖЕННЯ
- ЕЛЕМЕНТ – ГАЛЕРЕЯ ЗОБРАЖЕНЬ
- ЕЛЕМЕНТ – СПИСОК
- ЕЛЕМЕНТ – МЕНЮ НАВІГАЦІЇ
- ЕЛЕМЕНТ – ЗМІСТ ПОВІДОМЛЕННЯ
- ЕЛЕМЕНТ – МЕТА ДАНІ
- ЕЛЕМЕНТ – НАВІГАЦІЯ ПО ПОВІДОМЛЕННЯХ
- ЕЛЕМЕНТ – ПОВ’ЯЗАНІ ПОСТИ
- ЕЛЕМЕНТ – ТАКСОНОМІЯ
- ЕЛЕМЕНТ – ЗАГОЛОВК ПОВІДОМЛЕННЯ
- ЕЛЕМЕНТ – ЦІНОВІ ТАБЛИЦІ
- ЕЛЕМЕНТ – ІНДИКАТОР ПРОГРЕСУ
- ЕЛЕМЕНТ – ПОШУК
- ЕЛЕМЕНТ – БОКОВА СТІНКА
- ЕЛЕМЕНТ – СЛАЙДЕР
- ЕЛЕМЕНТ – СТИСНЕНЕ СЛОВО
- ЕЛЕМЕНТ – SVG
- ЕЛЕМЕНТ – ВКЛАДКИ
- ЕЛЕМЕНТ – ЧЛЕНИ КОМАНДИ
- ЕЛЕМЕНТ – ВІДГУКИ
- ЕЛЕМЕНТ – ТЕКСТ
- ЕЛЕМЕНТ – ВІДЕО
- ЕЛЕМЕНТ – WORDPRESS
- WOOCOMMERCE – КНОПКА
Виключити умову
Оскільки Esl 1.3.6, ви зможете встановити умови виключення для будь-якого стилю теми. Щоб виключити певну умову, вам потрібно переключити елемент управління виключенням. Виключення певної умови дозволить Esl знати, що якщо умова застосовується в певному сценарії, то цей стиль теми не буде використовуватися.
Експорт
- У системі перейдіть до
Налаштування > Стилі теми - Виберіть стиль теми, який ви хочете експортувати
- Натисніть на іконку Редагувати (олівець)
- Натисніть на іконку Експортувати (завантаження)
- Завантажте згенерований JSON файл на свій комп’ютер
Імпорт
- У системі перейдіть до
Налаштування > Стилі теми - Натисніть на іконку Створити (плюс)
- Натисніть на іконку Імпортувати (завантаження)
- Виберіть JSON файл стилю теми зі свого комп’ютера та завантажте його
Якщо стиль теми з такою ж назвою вже існує у вашій установці, імпорт не вдасться. Це робиться для запобігання виникнення стилів теми з ідентичними назвами.
Ієрархія стилю
Esl загалом застосовує найбільш специфічні стилі на вашому сайті. Стилі теми передують налаштуванням сторінки (оскільки вони є більш специфічними). А налаштування сторінки передують налаштуванням елементів на окремій сторінці. Це дозволяє легко поєднувати стилі відповідно до ваших вимог.