Emerald-tema
Emerald-temat är det enklaste sättet att anpassa utseendet på ditt QuizWitz-spel. Som standard har temat en ren blå/grön stil med livfulla färger på alternativen, men genom att kombinera quizbilagor och temamodifierare kan du ändra utseendet - drastiskt.
Du kan använda vårt testverktyg för teman för att se hur dina inställningar kommer att se ut.
Välj Emerald-temat
I Quizinställningar väljer du Tema och aktiverar Emerald.
Du kan testa ett quiz med Emerald-temat här.
Bilagor
Quizbilagor
Det överlägset enklaste sättet att ändra spelets utseende och känsla är att bifoga bilder till ditt quiz. Öppna Quizinställningar och scrolla ner till avsnittet Bilagor. Här kan du ladda upp bilder som används som bakgrund, kundlogotyp, anslutnings- och vänteskärmar (för konferens- och livequiz) med mera.
Rundbilagor
Du kan också ladda upp bilder eller videor som spelas upp före och efter spelet. Samma sak gäller för rundor: hitta en bild som du vill använda som rundintro, gå till rundinställningar, inaktivera Visa rundans intro för att dölja standardintrot för rundan och ladda upp din bild eller video som Visa före rundan. När rundan startar visas bilden eller videon i stället för standardintrot.
Använd bilder och videor med upplösningen 1920 x 1080 för bästa resultat.
När vi har experimenterat med bilagorna får vi något i stil med det här.
Musik
All musik i spelet kan också ersättas med bilagor. Ljudfiler som laddas upp i platserna under frågan spelas upp under frågans nedräkning.
Modifierare för Emerald-temat
Förutom bilagor kan du också ändra Emerald-temat med query-parametrar. Det här är parametrar som du kan lägga till i URL:en för avancerade spelalternativ - och de ändrar temats utseende.
Här utgår vi från ett exempelquiz (utan bilagor):
https://play.quizwitz.com/11486:gFUabUFh7i/emerald-theme-tutorial-default
När du startar quizet ovan visas spelet i Emeralds standardstil. Nu ändrar vi på det.
Det enklaste sättet att experimentera med de här parametrarna är att använda vårt testverktyg för teman.
När du är klar med experimenterandet kan du kopiera och klistra in parametrarna i URL:en för dina avancerade spelinställningar.
De tillgängliga modifierarna är:
- backgroundColor
- mainColor
- accentColor
- containerColor (frågebehållaren; kan ha ett alfavärde, till exempel ffffff40)
- timerBackgroundColor
- headerTextColor
- optionTextColor
- dialogTextColor
- pieChartLabelColor
- ladderColor
- optionColors (4 färger, kommaseparerade)
- optionBorderColors (4 färger, kommaseparerade)
Även spelarnas enheter kan anpassas:
- remoteBackgroundColor
- remoteTextColor
- remoteQuestionColor
- remoteQuestionTextColor
- remoteOptionOutlineColor
- remoteOutlineColor
- remoteContainerBackground
- remoteContainerText
- remoteOptionColors (4 färger, kommaseparerade)
Du kan dessutom ange ett standardtypsnitt:
- defaultFont
- headerFont
Typsnitten måste vara URL:er till allmänt tillgängliga typsnittsfiler.
Slutligen döljer hideLogo=1 QuizWitz-logotypen.
Var och en av de här modifierarna kan innehålla en enda färg i HTML-hexformat (ff0000) eller en linjär gradient, genom att ange flera färger åtskilda av ett minustecken ( - till exempel ff1b6b-45caff). (Observera att tecknet # inte ska läggas till.)
Query-parametrarna måste börja med ett frågetecken ( ? ) och varje parameter måste avgränsas med ett et-tecken ( & ). Mer information om query-parametrar finns på wikipedia.
Genom att lägga till de här parametrarna i din spel-URL kan du ändra färgerna i temat:
https://play.quizwitz.com/11486:gFUabUFh7i/emerald-theme-tutorial-default?backgroundColor=ff1b6b-45caff&accentColor=00ff87&mainColor=ffffff&timerBackgroundColor=fff95b
Spara modifierarna i ditt quiz
Du behöver inte lägga till parametrarna i varje länk för hand. Öppna Dela eller bädda in i quizeditorn, fäll ut Avancerade spelalternativ, klistra in parametrarna (utan det inledande frågetecknet, till exempel backgroundColor=ff1b6b-45caff&accentColor=00ff87) i fältet rå frågesträng och klicka på Spara inställningarna i quizet. Från och med då innehåller alla spellänkar och delningslänkar för quizet dem.
QuizWitz AI-assistent kan också göra det åt dig: be den ändra bakgrundsfärgen på ditt quiz, så byter den quizet till Emerald-temat och sparar modifierarna.
Anpassade frågevyer
Emerald-temat erbjuder också två extra skärmlayouter för en fråga med en bild eller video på platsen Under frågan, som väljs per fråga med alternativet Anpassad vy i frågeinställningarna:
- Bilaga i helskärm - bilden eller videon fyller hela spelskärmen, frågetexten och alternativen visas inte
- Bilaga i helskärm utan timer - samma sak, men nedräkningen döljs också
Spelarna läser frågan och svarar på sina egna enheter. Se skriva frågor för mer information.