ComusThumbz Documentation
Admin Login

Тематичний менеджер

Що таке сторінка

Тематичний менеджер дозволяє контролювати, як виглядає ваш сайт. Ви можете переключати різні кольорові схеми та стилі миттєво, створювати користувацькі теми для вашого бренду або будувати декілька тем для різних випадків. Думка тем, як повна "looks" для вашого сайту - кожен з них має свої кольори, шрифти та укладання, які можна переключати між одним натисканням.

[Screenshot: page-overview]


Як отримати тут

Навігація Панель адміністратора > Менеджер шаблонів > Новини


Розуміння сторінки

Коли ви вперше відкриєте тематичний менеджер, ви побачите всі ваші теми, що відображаються як карти або в таблиці (ви можете переключати між цими видами). У верхній частині сторінки ви знайдете кнопки, щоб створити нові теми або імпортувати теми з інших установок.

Статистика та швидкі дії

Ви побачите:

  • Імпорт кнопка - Внесення в теми з інших сайтів або резервних копій
  • Нова тема кнопка - Створення свіжої теми з нуля

Примітка: Якщо ви бачите жовтий банер, що говорить «Демо-режим», це означає, що ви переглядаєте демонстрацію і не можете вносити зміни. Всі кнопки будуть вимкнені.

Вкладка навігації

Нижче заголовок, є дев'ять вкладок для різних інструментів керування шаблонами. Про нас Новини Вкладка виділяється, коли ви на цій сторінці. Інші вкладки дозволяють керувати файлами, функціями, стилями, макетами, перекладами, медіа та базою даних.

Тема Дисплей Площа

Головний офіс показує всі ваші теми. Кожна тема відображає:

  • Зображення попереднього перегляду (або значок палітри, якщо не встановлено зображення)
  • Назва теми та опис
  • Ім'я користувача
  • Значки показують, чи є тема "Активний" (поточно жити на вашому сайті) або "Default"
  • Дії кнопки працювати з темою

Переглянути параметри

Ви можете скористатися двома способами перегляду ваших тем:

  • Сітка Перегляд - Показує теми як візуальні карти з зображеннями попереднього перегляду. Чудовий для перегляду та отримання швидкого перегляду на кожній темі.
  • Переглянути список - Показує теми в докладному столі. Краще, коли потрібно бачити номери версій та авторів на погляді.


Загальні завдання

Як створити нову тему

Створення нової теми - це ваш перший крок, щоб налаштувати зовнішній вигляд вашого сайту.

  1. Натисніть кнопку Нова тема кнопка у верхній частині сторінки.
  2. У спливаюче вікно, яке з'являється, заповнюємо деталі:
  • Назва теми - Подаруйте вашій темі пам'ятне ім'я, як "Літо продаж теми" або "Дарк нічний режим"
  • Редагування - Це попередньо заповнений "1.0.0" але ви можете змінити його, якщо це потрібно
  • Авторизація - Введіть Ваше ім'я або назву компанії
  • Опис - Напишіть коротку замітку про те, що ця тема для
  • Мапа сайту - Якщо ви хочете почати з інших налаштувань теми, заберіть один з цього списку. В іншому випадку залиште його як "Старт з нуля"
  1. Зареєструватися Створення темий

Ваша нова тема з'являється в сітці. Ви не будете жити на вашому сайті, але - вам потрібно активувати його окремо.

Порада: Використання базової теми є великим ярликом. Якщо ви любите свої поточні кольори, але просто хочете зробити кілька речей, почати з існуючої теми замість нуля.

[Screenshot: створення-theme-modal]

Як активувати тему

Активація теми робить його живим на сайті для всіх відвідувачів.

  1. Знайти тему, яку ви хочете активувати в сітці або списку.
  2. Натисніть зелений Активувати кнопка.
  3. Якщо ви впевнені, що це повідомлення про підтвердження. Зареєструватися Зареєструватисяй
  4. Перевантаження сторінок автоматично після моменту.

Тема, яку ви активували, тепер показує зелену "Активну" значок, і ваш сайт відразу використовує ці кольори та стиль.

Попередження: Активація теми змінює зовнішній вигляд вашого сайту для всіх прямо зараз. Якщо ви хочете перевірити тему першим, розгляньте активацію його на тестовій версії вашого сайту.

[Screenshot: актив-theme-button]

Як редагувати темні кольори та налаштування

Після того, як ви створили тему, ви хочете налаштувати свої кольори, шрифти та інші візуальні елементи.

  1. Знайдіть свою тему у вигляді сітки або списку.
  2. Натисніть сірий Редагування гудзик (симпатична ікона).
  3. Зміни сторінки для відображення редактора теми.

Щоб змінити основну інформацію:

  • Редагувати назву теми, версію, автор або опис полів у верхній частині.
  • Зареєструватися Зберегти зміни коли ви зробили.

Для зміни кольорів:

  • Прокрутка вниз до розділу «Налаштування руки».
  • Знайдіть колір, який ви хочете змінити (наприклад, "Приміський колір" або "Пейдж фону").
  • Натисніть на кольоровий квадрат поруч з ім'ям налаштування.
  • Відкриває колір вашого браузера - оберіть свій новий колір.
  • Зміна економить автоматично - ви побачите повідомлення про підтвердження в нижньому куті.

Для зміни шрифтів або розмірів:

  • Знайти налаштування, яку ви хочете змінити в розділі Параметри теми.
  • Введіть своє значення безпосередньо в текстове поле.
  • Натисніть за межами коробки або натисніть кнопку Вкладка, щоб зберегти.
  • Повідомлення про підтвердження, коли зберігається зміна.

  1. Коли ви закінчили редагування, натисніть Зворотній зв'язок у верхній частині, щоб повернутися до основного списку.
Примітка: Параметри кольору економлять автоматично, як тільки ви підбираєте новий колір. Вам не потрібно натиснути кнопку збереження кольору - просто забрати і піти.

[Screenshot: edit-theme-panel]

Як зробити зміни на вашому сайті

Після того, як ви зміните налаштування теми, вам потрібно створити файл CSS, щоб зробити ці зміни на вашому сайті.

  1. Під час редагування теми натисніть кнопку Генерація CSS кнопка.
  2. Ім'я файла themevariables.css завантаження на комп'ютер.
  3. Помістіть цей файл у папці теми вашого веб-сайту: themes/{theme-name}/css/variables.css

Ваш веб-сайт Frontend тепер відображає оновлені кольори та укладання.

Порада: Якщо ви не впевнені, як завантажувати файли на сервер, попросіть ваш веб-розробник або хостинг підтримки, щоб допомогти розмістити файл CSS у правильному місці.

Як клонувати тему

Клонування створює точну копію теми, яка ідеально підходить для створення варіацій без впливу на ваш оригінальний.

  1. Знайти тему, яку ви хочете копіювати.
  2. Натисніть кнопку Клон гудзик (прикладна ікона квадратів).
  3. Письма з'являється з запропонованою назвою «Моя тема»
  4. Зміна назви, якщо ви хочете щось інше.
  5. Зареєструватися Клон темий
  6. У списку з’являються перевантаження сторінок і ваша нова тема.

Нова тема має всі однакові кольори і налаштування, як оригінальні. Ви можете редагувати копію без зміни оригінальної теми.

Порада: Клонування відмінно підходить для сезонних варіацій. Виконайте свою основну тему, коригуйте кілька кольорів, заощаджуйте її як «Подарункова тема» або «Літна тема».

[Screenshot: clone-theme-modal]

Як експортувати тему

Експорт зберігає вашу тему як файл, який ви можете поділитися або використовувати на іншому сайті.

Зареєструватися Редагування на тему, яку ви хочете експортувати. Натисніть кнопку Експорт теми кнопка.

  1. Ім'я файла themeYYYY-MM-DD.json завантаження на комп'ютер.

Зберігайте цей файл безпечно - ви можете імпортувати його на інші установки вашого програмного забезпечення або використовувати його як резервну копію.

Як імпортувати тему

Імпорт приносить в темі з іншої установки або з резервного файлу.

  1. Натисніть кнопку Імпорт кнопка у верхній частині сторінки.
  2. Відкрийте файл JSON, який ви хочете імпортувати в текстовий редактор.
  3. Скопіюйте текст з файлу.
  4. Вставте його в велику текстову коробку в вікно імпорту.
  5. Зареєструватися Тема імпортуй

Якщо імпорт досягне, нова тема з'являється у вашому тематичному списку. Якщо це не виходить, ви побачите повідомлення про помилку, що пояснюється неправильним.

Попередження: Тільки імпортуйте теми з джерел, які ви довіряєте. В той час як система перевіряє небезпечний код, завжди безпечніше лише імпортувати теми з надійних джерел.

[Screenshot: import-theme-modal]

Як видалити тему

Видалити видалити тему назавжди від вашої системи.

  1. Знайти тему, яку ви хочете видалити.
  2. Натисніть червоний Делет кнопка (пошта іконка).
  3. З'являється повідомлення про підтвердження. Зареєструватися Зареєструватися якщо ви впевнені.
  4. Тема знімається відразу.
Попередження: Видалення є постійним і не може бути неоновим. Переконайтеся, що у вас є резервне копіювання або експорт теми до видалення, якщо ви хочете пізніше.
Примітка: Ви можете видалити теми, які зараз не активні і не позначені як тема за замовчуванням. Якщо ви не бачите кнопку Delete, тема є або вашою активною темою або темою резервного копіювання за замовчуванням.

Перегляд режимів

The Theme Manager пропонує два способи перегляду ваших тем, і ви можете переключатися між ними в будь-який час.

Сітка Перегляд показує теми як карти з зображеннями попереднього перегляду. Це перегляд за замовчуванням і дозволяє легко переглядати візуально. Ви можете подивитися на погляд, що кожна тема виглядає як і швидко помітити те, що ви хочете.

Переглянути список показує теми у форматі таблиці з детальною інформацією в стовпчиках. Цей вид краще, коли потрібно порівнювати номери версій, див. хто створив кожну тему, або працювати з багатьма темами одночасно.

Щоб переключити переглядів, натисніть значок сітки або список іконок кнопками у верхньому правому куті теми.


Налаштування та параметри

Кожна тема має налаштування, які регулюють різні аспекти зовнішнього вигляду вашого сайту:

Тип налаштуванняЩо він контролюєПриклад Налаштування
КолірВсі кольори на вашому сайті, включаючи кнопки, посилання, фони та текстПервинний колір, вторинний колір, колір успіху, колір небезпеки, фон сторінки, фон карти
ТипографіяВибір шрифту та текстові кольориСім'я шрифтів, Первинний колір тексту, Secondary Text Color, Muted Text
ПровансРозслаблення і формиПрикордонний радіус (контролює, як закруглені кути)
ПідземелляСторінка та елементарні фониКарта сайту

Коли ви редагуєте тему, ці налаштування групуються за категоріями, щоб полегшити пошук.


Поради для нових користувачів

Порада:
  • Почати з клоном - Не відредагуйте свою активну тему безпосередньо. Прийміть його першим, введіть зміни до копіювання, потім активуйте його, коли ви щасливі.
  • Назва теми чітко - Використовуйте дескриптивні імена, такі як "Святий 2025" або "Дарковий режим" замість "Theme 1" або "Нова тема"
  • Регулярно експортувати - Після внесення змін, які вам подобається, експортуйте тему як резервне копіювання. Якщо щось йде неправильно, ви завжди можете повторно імпортувати.
  • Тест до активації - Якщо це можливо, перегляньте ваші зміни в тестовому середовищі до активації теми на вашому сайті.
  • Документація кольорів - Зберігати ноти про які кольори ви використовуєте і чому, особливо якщо ви збігаєтеся з брендом стиль керівництво.
  • Використовуйте базові теми мудро - При створенні нової теми, починаючи від існуючої теми економить час на налаштуваннях, які не хочуть змінити.

Виправлення несправностей

Моя тема зміни не показує на сайті

Що ви бачите: Ви змінили кольори в редакторі теми і активували тему, але ваш сайт ще виглядає таким же.

Як закріпити її:

  1. Переконайтеся, що ви натискаєте Генерація CSS після внесення змін.
  2. Завантажити створену theme_variables.css файл.
  3. Завантажте його на свій сайт themes/{theme-name}/css/ папка.
  4. Очистити кеш браузера, натиснувши Ctrl+Shift+R (Windows) або Cmd+Shift+R (Mac).
  5. Перевірте, що правильну тему активовано, шукаючи зелений значок "Активний".

Я не можу видалити тему

Що ви бачите: Кнопка Видалити не відображається на темі, або натиснувши Видалити показує помилку.

Як закріпити її:

  • Ви не можете видалити тему, яка зараз діє. Активувати різні теми спочатку, потім повернутися і видалити це.
  • Ви не можете видалити тему за замовчуванням. Тема за замовчуванням - це ваш недолік і завжди існує для стабільності системи.

Кнопка імпорту не працює

Що ви бачите: Натискання Імпорт не відкриває вікно спливаючих вікон, або кнопка Імпорту розсіюється.

Як закріпити її:

  1. Перевірити, якщо ви бачите жовтий банер у верхній частині кажучи "Демо-режим" - якщо так, ви в демонстрації і не можете внести зміни.
  2. Відновити сторінку в разі, якщо ви закінчили сеанс.
  3. Переконайтеся, що ваш браузер не блокує спливаючі з панелі адміністратора.

Не економія кольору

Що ви бачите: Ви забираєте новий колір, див. повідомлення про успіх, але коли ви перезавантажте сторінку старого кольору назад.

Як закріпити її:

  1. Відкрийте інструменти розробника браузера (прес F12).
  2. Подивіться на вкладку Консоль для будь-яких повідомлень про помилки в червоному кольорі.
  3. Перевірте вкладку мережі, щоб побачити, чи не вдалося зберегти запит.
  4. Якщо ви бачите повідомлення "Демо-режим" у відповідь мережі, ви перебуваєте в демонстраційному режимі, де зміни не можуть бути збережені.
  5. Спробуйте записувати і назад - ваш сеанс може бути вилучений.

Імпорт шоу "Інвалідна тема даних" помилка

Що ви бачите: Ви задавалися тематичні дані і натискаєте Імпорт, але отримав помилку, що говорять про дані недійсними.

Як закріпити її:

  1. Переконайтеся, що ви копіюєте весь вміст файлу JSON, з першого { до останнього }й
  2. Перевірити, що файл насправді є тематичним експортом - він повинен мати поля, такі як "ім'я", "версія," і "налаштування".
  3. Встановіть JSON на веб-сайт, як jsonlint.com, щоб перевірити, чи є дійсний формат JSON.
  4. Якщо хтось відправив вам тематичний файл, попросіть їх повторно експортувати його, як це може бути питання з оригінальним експортом.


НавігаціяКоли використовувати його
Шаблон DashboardПерейти сюди, щоб побачити огляд всіх інструментів керування шаблонами та створення резервних копій системи
Менеджер по дизайнуВикористовуйте це, коли ви хочете зробити більш розширені налаштування CSS за базовими параметрами теми
Редактор файлівРедагувати файли шаблонів теми безпосередньо коли потрібно змінити структуру HTML або додати користувацький код
ОсобливостіУвімкніть функції сайту або вимкнути, не потрібно редагувати теми

Останнє оновлення: 4 лютого 2026