Tworzenie i konfiguracja szablonów stylu dla quizów

Szablony stylu to wygodne narzędzie do tworzenia profesjonalnej i spójnej oprawy wszystkich Twoich quizów. Pozwalają raz ustawić kolory, czcionki i styl przycisków, a następnie szybko stosować te ustawienia do nowych zadań.

Dzięki elastycznym opcjom możesz stworzyć zarówno uniwersalny szablon bazowy, jak i specjalistyczne warianty dla różnych przedmiotów czy typów materiałów edukacyjnych. Dobrze zaprojektowane quizy nie tylko wyglądają bardziej profesjonalnie, ale także zapewniają komfortowe warunki do nauki.

Jak stworzyć szablony stylów dla quizów

Aby pracować z szablonami stylu, należy przejść do menu Quizy, a następnie kliknąć przycisk Ustawienia na platformie. Tutaj można konfigurować istniejące szablony, tworzyć nowe od podstaw, wybierać szablon domyślny, a także kopiować i edytować dostępne warianty.

Aby dodać nowy wariant, należy kliknąć przycisk +.

Ważne: jeśli odpowiada Ci obecna oprawa i chcesz wprowadzić jedynie minimalne poprawki, możesz skopiować istniejący szablon i edytować go.

Konfiguracja schematu kolorów (zakładka Układ)

W pierwszej zakładce Układ można szczegółowo dostosować typografię i kolory. Dla wszystkich elementów tekstowych — nazwy quizu, pytań, odpowiedzi, stwierdzeń oraz numeracji pytań — dostępne są te same ustawienia. Wystarczy kliknąć bieżącą wartość dowolnego parametru i wybrać odpowiednią: można zmienić rozmiar czcionki, jej styl i kolor. Przy wyborze koloru można skorzystać z dostępnych wariantów, dodać własny, wpisując kod koloru w formacie #000000, lub użyć kolorpickera i wybrać odcień z palety.

Uwaga. Jest to tzw. kod HEX koloru — sześciocyfrowy kod, który dokładnie określa odcień. Pierwsze dwie cyfry odpowiadają za kolor czerwony, kolejne dwie za zielony, a ostatnie dwie za niebieski. Przykłady: #FF0000 — czerwony, #00FF00 — zielony, #0000FF — niebieski. Odpowiednie kody można znaleźć na specjalnych stronach z paletami kolorów lub w edytorach graficznych.

Można także osobno ustawić kolor bloków odpowiedzi oraz dodatkowy kolor bloków, aby stworzyć akcenty w projekcie.

Kolor bloków odpowiedzi — określa tło dla wariantów odpowiedzi w większości typów pytań: wybór pojedynczy, wielokrotny, ankieta, skala Likerta, uzupełnianie luk, sortowanie, dopasowanie, układanie zdania ze słów, lista, multi-lista, wpisanie słowa, ułożenie słowa z liter, odpowiedź tekstowa. Parametr ten pomaga wyróżnić odpowiedzi i zachować spójność wizualną quizu.

Dodatkowy kolor bloków odpowiedzi — używany specjalnie w pytaniach typu „Dopasowanie”. Gdy w ustawieniach tego typu pytań włączona jest opcja przeciągania, pojawiają się dodatkowe bloki, do których można przenosić odpowiedzi. Właśnie na te bloki wpływa ta konfiguracja kolorystyczna.

Konfiguracja przycisków (zakładka Przyciski)

W drugiej zakładce Przyciski można dostosować wygląd przycisków dla dwóch wariantów wyświetlania quizów: gdy każde pytanie pojawia się na osobnym etapie albo gdy wszystkie pytania są wyświetlane na jednej stronie.

Sposób prezentacji quizu określa się podczas jego tworzenia, natomiast w szablonie definiuje się styl przycisków dla każdego z tych wariantów.

W szablonie można ustawić wygląd różnych przycisków wykorzystywanych w quizach. 

Na przykład przycisk Dalej służy do przechodzenia między pytaniami i można mu nadać odpowiedni wygląd oraz kolor. Gdy użytkownik dociera do ostatniego pytania, ten przycisk automatycznie zmienia się na Zakończ quiz.

Przycisk Zakończ quiz pojawia się na końcowym etapie i ma osobne ustawienia stylu; można również zmienić jego tekst i wygląd.

Oprócz wyglądu przycisków można skonfigurować ich rozmieszczenie na stronie.

Dostępne są osobne parametry pozycjonowania dla wersji desktopowej i dla urządzeń mobilnych, co pozwala zoptymalizować wygodę korzystania z quizów na różnych ekranach.

Praktyczne wskazówki dotyczące tworzenia szablonów

Na początek zaleca się stworzenie bazowego neutralnego szablonu: ciemnoszary kolor dla nagłówków, czarny dla pytań, delikatne odcienie dla odpowiedzi oraz standardowe niebieskie przyciski. Taki szablon sprawdzi się w większości przypadków. Można też skorzystać z gotowego szablonu domyślnego.

Jeśli pracujesz w organizacji, warto przygotować szablon korporacyjny z kolorami marki i spójną paletą dla wszystkich elementów. To pomoże zachować jednolity styl we wszystkich materiałach szkoleniowych.

Dla kursów specjalistycznych można opracować szablony tematyczne z kolorami odpowiadającymi tematyce. Na przykład odcienie zieleni dla kursów ekologicznych, niebieskie dla technologicznych. Najważniejsze to zachować kontrast dla lepszej czytelności i stosować kolory akcentowe dla kluczowych elementów.

Zastosowanie szablonów

Po utworzeniu szablonu można go ustawić jako domyślny dla wszystkich nowych quizów. Istnieje też możliwość zastosowania szablonu do konkretnego quizu: w tym celu otwórz edytor quizu, kliknij Ustawienia i przejdź do zakładki Projekt.

Szablon w istniejącym quizie można zmienić w dowolnym momencie, a także duplikować dostępne szablony, aby tworzyć ich warianty.

Ponadto w menu Quizy, na liście wszystkich quizów, można zastosować szablon jednocześnie do kilku quizów przy użyciu funkcji Masowe działania.

W razie potrzeby szablon można zmienić także w pojedynczej lekcji. Wystarczy wejść do produktu w konstruktorze lekcji i nadpisać szablon bezpośrednio w dodanej praktyce konkretnej lekcji.

Dzięki funkcji podglądu kursu można sprawdzić, jak quizy z nowym wyglądem będą prezentować się w lekcji.

Prawidłowo skonfigurowane szablony stylów znacząco podnoszą profesjonalny poziom materiałów edukacyjnych i zapewniają komfortowe doświadczenie uczestnikom quizów