Избери шаблон и визия
Прегледай шаблоните и задай цветовете, шрифтовете, опциите и логото на сайта си.
За собственици и администратори на отбори · 11 стъпки
Какво ти трябва първо
- Отборът ти има абонамент за сайт. В администрацията на безплатен отбор се показва Вземи сайт вместо Шаблон.
- Ти си собственик или администратор на отбора.
Стъпки
Стъпка 1: Отвори Шаблон
В менюто вляво натисни Шаблон.
Трябва да видиш: страница със заглавие Шаблон и по една карта за всеки шаблон. Този, който сайтът ти използва, е отбелязан с Използва се. Ако сайтът ти още няма шаблон, на всяка карта вместо това има Избери — натискането избира този шаблон с първата му палитра и отваря Външен вид.
Стъпка 2: Прегледай шаблон
На картата на шаблон натисни Преглед.
Трябва да видиш: собствения си сайт в този шаблон, под лента с надпис Преглед. Само администраторите на отбора ти могат да го отворят. Натисни Към администрацията, когато приключиш.
Стъпка 3: Отвори Външен вид
Обратно на страницата Шаблон натисни Външен вид горе вдясно.
Трябва да видиш: страница със заглавие Външен вид — формата от едната страна и жив изглед на сайта ти до нея (под нея на тесен екран).
Стъпка 4: Избери палитра
Под Палитра избери един от готовите стилове на шаблона.
Трябва да видиш: избрания стил очертан и изгледа на сайта ти в неговите цветове. Готовият стил задава петте цвята и двата шрифта наведнъж.
Стъпка 5: Смени цвят
Под Цветове въведи код на цвят, например
#7dd3fc, в Основен, Акцент, Открояване, Фон или Текст — или натисни квадратчето до полето, за да избереш цвят.Трябва да видиш: изгледът на сайта ти се променя, а под Палитра е очертано По избор. Всеки цвят показва стойността по подразбиране от шаблона; Нулирай връща точно нея.
Стъпка 6: Дай собствени цветове на текста и повърхностите
Под Текст и повърхности натисни Избери цвят до Заглавия, Надписи, Карти, Линии, Връзки и етикети, Бутон или Текст на бутона, след това въведи код на цвят или натисни квадратчето до него. Всеки започва от Автоматично, което следва петте ти цвята така, както прави шаблонът; Автоматично го връща.
Трябва да видиш: изгледът на сайта ти се променя, а под всеки цвят, в който има текст, се появява число като 7,2:1 · лесно за четене — колко ясно се откроява от фона и картите ти. Под 4,5:1 (3:1 за заглавия) пише трудно за четене, показва цвета, който посетителите ще видят вместо това, и предлага Направи го четимо, което слага този цвят в полето.
Стъпка 7: Избери шрифтовете
Под Типография отвори Шрифт за заглавия или Шрифт за текста и избери шрифт. Всеки шрифт е показан в собствения си вид и е подреден в група — Тежки дисплейни, Сбити, Технически, Чисти безсерифни, Серифни, Ръкописни, Моноширинни — и можеш да въведеш име, за да го намериш.
Трябва да видиш: изгледа на сайта ти с този шрифт. Смяната на шрифт също прави палитрата По избор.
Стъпка 8: Добави логото си
Под Лого натисни Избери изображение до Надпис, Квадратно лого или Favicon (след като е зададено, бутонът става Замени). В прозореца Вмъкни изображение избери изображение или качи ново — JPEG, PNG, WebP или AVIF, до 5 MB — и натисни Вмъкни. Логото не се нуждае от алтернативен текст.
- Квадратното лого се показва в навигацията на сайта ти, в горната част на Начало и в състава ти.
- Надписът не е задължителен: името на отбора ти като изображение, с каквато и да е форма. Когато го зададеш, той замества квадратното лого и името в навигацията и в горната част на Начало.
- Favicon е малката иконка в раздела на браузъра.
Логата ти никога не се изрязват и не се променят. Всяко изображение се показва цяло, а прозрачният фон остава прозрачен. Затова квадратното лого и favicon трябва да са квадратни, поне 256 × 256 пиксела — изображение с друга форма се отказва при запазване със съобщение, което посочва размера му. Лого, избрано преди това правило, продължава да се показва, докато не го смениш.
Трябва да видиш: името на изображението до полето. Готов стил никога не ги променя.
Стъпка 9: Задай опциите на шаблона
По-надолу, под Опции на Broadcast, избери Hero layout (Image behind the text или Image beside the text) и Card edges (Cut corners или Square corners). Другите шаблони показват тук свои опции: при Neon Grid Motion е Full motion или Calm (всичко е неподвижно), а Hero glow е Bright (горната част на началната ти страница преминава от цвета на фона към акцентния ти цвят) или Тъмна (към тъмносиво, смесено от основния и акцентния ти цвят, за по-тъмен вид); при Crosshair Hero layout е Split (текстът ти вляво, изображението вдясно със следващия ти мач върху него) или Full-width image; при Faceoff Hero alignment е Centered или Left, а Home roster е Scattered (картите на играчите ти около голямо „Meet the squad“) или Grid; при Clutch Hero layout е Bento (основният банер до панел с последните новини) или Full width, а Corners е Rounded или Square; при Varsity Фон е Pinstripe (бледо диагонално райе зад всяка страница) или Обикновен, а Hero size е Full (висока снимка с менюто върху нея) или Banner (по-ниска); при Redline Photo tint е Duotone (снимките ти, оцветени в основния ти цвят) или Natural (със собствените им цветове), а Panels е Offset (тъмни блокове зад снимките и секциите ти) или Flat.
Трябва да видиш: оформлението на изгледа на сайта ти се променя.
Стъпка 10: Запази
Натисни Запази в долната част на формата.
Трябва да видиш: „Външният вид е запазен“. Посетителите още не го виждат — запазените промени остават в черновата ти, докато не публикуваш.
Стъпка 11: Публикувай сайта си
Натисни Публикувай в менюто вляво и публикувай — виж Публикувай сайта си.
Трябва да видиш: Външен вид в списъка с промени преди публикуване, а след това сайта си с новия вид.
Как да разбереш, че е станало
- Страницата Шаблон отбелязва шаблона ти с Използва се.
- След публикуване сайтът ти показва твоите цветове, шрифтове и лого — цяло, никога изрязано.
- Всеки цвят с текст показва лесно за четене или си приел четимия нюанс, който посетителите виждат вместо него.
Нещо не изглежда както трябва?
Промених цветовете, но сайтът ми изглежда същият
Запазването ги държи в черновата ти. Натисни Публикувай в менюто и публикувай (стъпка 11).
Цвят показва „трудно за четене“
Текстът в този цвят не се откроява достатъчно от фона или картите ти, за да може всеки да го прочете — обикновеният текст има нужда от 4,5:1, а заглавията от 3:1. Посетителите ти никога не виждат трудния за четене цвят: сайтът ти показва най-близкия четим нюанс, а формата го посочва. Натисни Направи го четимо, за да използваш този нюанс, или избирай свой, докато не пише лесно за четене. Цвят, оставен на Автоматично, се коригира по същия начин, без да пита. При публикуване също се показва предупреждение, но то никога не те спира да публикуваш.
Сайтът ми е труден за четене, защото всичко е в един цвят
Дай на всеки вид текст собствен цвят под Текст и повърхности (стъпка 6): например червени Заглавия, светлосив Текст за абзаците и малко по-светъл цвят за Карти, за да се открояват панелите от страницата. За да оцветиш различно цели части от страница — светъл магазин в тъмен сайт, ивица в акцентния ти цвят — виж Дай собствени цветове на части от сайта си.
Ще изтрие ли смяната на шаблона съдържанието ми?
Не. Съдържанието ти принадлежи на сайта, а не на шаблона: цветовете и шрифтовете ти се пренасят там, където новият шаблон ги използва, собствените му опции се връщат към стойностите по подразбиране, а секция, която не може да покаже, се скрива, не се изтрива. Прозорецът, който се отваря преди смяната, изброява и трите неща и можеш да я откажеш. Ако сайтът ти още е с цветовете и шрифтовете по подразбиране на платформата — никога не си избирал палитра или променял цвят — вместо тях се използва първата палитра на новия шаблон, така че сайтът ти да изглежда като на снимката на шаблона; прозорецът го казва под Цветове и шрифтове. Има седем шаблона: Broadcast — визия за ден на мача; Neon Grid — черна неонова визия с анимирана мрежа и светещ градиент зад основния банер, логото ти, носещо се над него, броячи и стена с видеа; Crosshair — черна, техническа визия с рамкирани панели, етикети в скоби, голям надпис във футъра и снимки на преден план; Faceoff — синьо-черна визия в леденосиньо, където логото ти стои срещу това на противника на всяка карта на мач, с голям основен банер и отбора ти, разпръснат около огромно заглавие; Clutch — светла визия с бели заоблени карти, широки заглавия с главни букви и един ярък цвят, със следващия ти мач в основния банер и, на широк екран, в горната част на всяка страница; Varsity — университетска визия с тъмносини ивици, едно златисто, най-добрите ти класирания в турнири над състава и мачовете ти като таблица с график; и Redline — едно червено върху почти черно, със снимки, оцветени в основния ти цвят (червен по подразбиране), квадратни бутони и мачовете ти като редове със снимки и двете лога около VS. Заглавията на Clutch са с Archivo Expanded, който можеш да избереш във всеки шаблон под Тежки дисплейни. На компютър или таблет бутонът Join our Discord на Faceoff в горната част на всяка страница се появява само ако си добавил връзката към Discord в Социални мрежи (Добави социалните си мрежи). Всеки шаблон показва стрийма ти на живо по един и същи начин: обратно броене в деня, плейъра на Twitch в горната част на началната страница, докато си на живо, и лента На живо на всяка друга страница (Насрочи стрийм).
Пише „Сайтът е променен, откакто го отвори“
Друг администратор е запазил пръв и нищо от твоето не е запазено. Натисни Презареди и направи промяната си отново.
Пише „Това лого е … Качи квадратно изображение“
Квадратното лого и favicon трябва да са квадратни — с еднаква ширина и височина — и поне 256 × 256 пиксела, защото никога не ги изрязваме. Съобщението посочва размера на изображението ти. Направи квадратна версия (добави празно прозрачно пространство около широко лого), качи я и запази отново. Лого, което не е квадратно, е за Надпис.
Пише „Няма записан размер за това лого“
Не знаем размера на това изображение, затова не можем да проверим дали е квадратно. Качи го отново, избери новото копие и запази.
Полетата и бутонът Запази са сиви
Абонаментът на отбора ти е изтекъл, затова страниците на сайта са само за четене, докато не стане отново активен. Поднови го — виж Управлявай плащанията.
Свързани статии
Още не се получава? Свържи се с поддръжката или пиши на support@spawnfront.com — кажи ни на коя страница си и номера на стъпката.