Задай частинам сайту власні кольори

Додай колірні схеми до основних кольорів і обери, які розділи кожної сторінки їх використовують.

Для власників і адміністраторів команд · 6 кроків

Що потрібно спочатку

Кроки

  1. Крок 1: Відкрий «Вигляд»

    У меню ліворуч натисни Шаблон, а потім Вигляд угорі праворуч.

    Ти маєш побачити: форму «Вигляд», а поруч — живе прев’ю твого сайту.

    Сторінка «Шаблон» з обведеним посиланням «Вигляд».
  2. Крок 2: Додай колірну схему

    Під заголовком Колірні схеми натисни Додати світлу схему. Твої кольори вище — це схема Головна; можна додати ще до трьох схем. Кнопка спершу пропонує схему Світла, потім Акцентна смуга, а далі — копію схеми «Головна» як основу.

    Ти маєш побачити: нову схему з назвою, п’ятьма кольорами та власними текстом і поверхнями — для кожного показано число читабельності, як у схемі «Головна». Сторінки магазину, товару й кошика переходять на світлу схему, щойно вона з’явиться — решта сайту лишається на схемі «Головна», доки ти не обереш інше.

    Назва нової схеми «Світла» і кнопка «Видалити схему», обведені.
  3. Крок 3: Налаштуй кольори схеми

    Введи назву схеми, а потім зміни будь-які її кольори так само, як у схемі «Головна». Кожен колір, на якому є текст, показує число на кшталт 7.2:1 · легко читати; якщо воно нижче мінімуму, видно відтінок, який побачать відвідувачі, і кнопку Зробити читабельним.

    Ти маєш побачити: назву схеми в меню кожного розділу нижче.

    Поле кольору фону схеми, обведене.
  4. Крок 4: Обери схему для розділу

    Під заголовком Розділи знайди частину сайту, яку хочеш змінити, — вони згруповані за сторінками, від Усі сторінки (навігація й футер) до Домашня, Магазин та інших, — і обери схему в її меню. За замовчуванням означає схему «Головна», а для магазину, товару й кошика — світлу схему. Також можна клацнути частину живого прев’ю, щоб знайти її рядок.

    Ти маєш побачити: живе прев’ю перейде на цю сторінку, частину буде обведено й показано в обраній схемі.

    Список «Розділи» з обведеним меню схеми в рядку «Лічильники статистики».
  5. Крок 5: Збережи

    Натисни Зберегти унизу форми.

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

    Низ форми «Вигляд» з обведеною кнопкою «Зберегти».
  6. Крок 6: Опублікуй сайт

    Натисни Опублікувати у меню ліворуч і опублікуй — див. Опублікуй сайт.

    Ти маєш побачити: Вигляд у списку змін, а після публікації — розділи в їхніх схемах.

Як зрозуміти, що все вийшло

  • Кожен обраний розділ на сайті показано в його схемі.
  • Магазин і кошик — у світлій схемі або в схемі, обраній для них.

Щось не так?

Кнопка «Додати світлу схему» неактивна

Спершу йдуть кольори схеми «Головна». Кожен із її п’яти кольорів має бути повним кодом кольору, як-от #0a0a0a: виправ той, що не такий, і кнопку Додати світлу схему — або Додати схему — знову можна буде натиснути.

Магазин став світлим одразу після додавання схеми

Сторінки магазину, товару й кошика за замовчуванням використовують схему Світла, щоб покупцям було легко читати ціни й кошик. Щоб лишити їм основні кольори, вибери для їхніх рядків у списку Розділи Головна.

Схему видалено — що з її розділами?

Вони повернулися до стандартної схеми: «Головна» або, для магазину, світлої. Нічого не видалено.

Після вибору пресета схеми змінилися

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

Потрібного розділу немає в списку

У списку — частини, які показує твій шаблон. Деякі шаблони показують кілька частин сторінки разом; вони мають один спільний рядок.

Сторінка оформлення замовлення досі темна

Оформлення замовлення — це власна сторінка Fourthwall. Її кольори беруться з теми твого магазину на Fourthwall — див. Відкрий магазин команди.

Схожі статті

Досі не виходить? Напиши в підтримку або на пошту support@spawnfront.com — вкажи сторінку, на якій ти є, і номер кроку.