Esl 1.9.5 представила Глобальний Менеджер Класів, потужну нову функцію для створення, редагування, видалення та категоризації CSS класів безпосередньо в системі. Цей інструмент спрощує управління глобальними стилями, дозволяючи легко застосовувати послідовний дизайн у ваших проєктах.
Доступ до менеджера класів
Глобальний Менеджер Класів легко доступний, натискаючи на іконку “CSS3” на панелі інструментів двигуна або за допомогою клавіатурного скорочення CMD/CTRL + ..
Ця дія відкриває спливаюче вікно, у якому ви можете перемикатися між управлінням вашими глобальними класами та глобальними CSS змінними. Виберіть “Класи”, щоб відкрити інтерфейс менеджера класів (якщо він не вибраний за замовчуванням).
Для користувачів, які віддають перевагу спрощеному інтерфейсу, менеджер класів можна відключити в меню Esl > Налаштування > Загальні > Вимкнути глобальний менеджер класів.
Професійні функції
Створення та управління класами
У Глобальному Менеджері Класів ви можете безперешкодно керувати своїми CSS класами через єдиний інтерфейс, де ви можете:
- Управління класами: Створіть нові CSS класи або оновіть існуючі. Видалити класи, які більше не потрібні.
- Сортування та категоризація: Ви можете категоризувати класи для кращого управління і впорядковувати класи або категорії шляхом перетягування для зручного структурування.
- Масові дії: Коли вибрано два або більше класів, редактор дозволяє користувачам виконувати масові дії, такі як перейменування, дублювання, блокування та розблокування класів. Ці дії включають можливість знаходити та замінювати рядки або додавати префікси чи суфікси до назв класів.
Можливості пошуку та сортування
У заголовку Глобального Менеджера Класів ви можете фільтрувати класи за:
- Включенням або виключенням конкретних рядків.
- Опціями сортування: Сортувати класи за алфавітом для кращої організації.
- Фільтрацією на основі використання та властивостей: Опції фільтрації включають “Використано на цій сторінці”, “Не використано на цій сторінці”, “Має стилі”, “Не має стилів”, “Заблокований” і “Розблокований”.
Для отримання додаткової інформації про створення та застосування глобальних CSS класів, будь ласка, зверніться до нашого спеціального Посібника з Глобальних CSS Класів.
Експорт та імпорт класів
Глобальний Менеджер Класів полегшує експорт та імпорт CSS класів, що робить легшим підтримання послідовної стилістичної структури у різних проєктах Esl.
Експорт класів
Користувачі мають два варіанти експорту класів:
1. Експорт всіх: Натиснувши кнопку “Експорт” у верхній частині менеджера, користувачі можуть експортувати всі класи, які наразі керуються в системі, у форматі JSON.
2. Експорт вибраних: Користувачі також можуть вибрати окремі класи для експорту, вибравши їх, а потім натиснувши значок “Експорт вибраних” у заголовку стовпця класів. Це дозволяє отримати більш детальний контроль над тим, які класи включені в експортований файл JSON.
Імпорт класів
У спливаючому вікні “Імпорт” користувачі можуть перетягувати та відпускати файл JSON, що містить експортовані класи, що спрощує передачу класів між проектами.