Hur skapar jag ett tema för ett konto med Tema-redigeraren?

Som administratör kan du använda Tema-redigeraren (Theme Editor) för att skapa egna teman för din institution. Teman skapas från befintliga Canvas mallar. Alla teman som tillämpas för kontot gäller även för alla underkonton, men Tema-redigeraren kan också användas för att skapa teman för enskilda underkonton. När du har skapat och sparat ett tema kan du när som helst ange teman till ditt konto. Du kan också skapa nya teman baserat på tidigare teman. Lär dig hur du hanterar sparade teman.

Visa en video om Tema-redigeraren.

Tema Arv (Theme Inheritance)

Anpassat varumärke är värd på kontonivå, och som standard är underkonton och deras tillhörande kurser ett ärvt konto varumärke. Men du kan aktivera underkonton för att använda Tema-redigeraren; Eventuella element som inte ändras specifikt kommer fortfarande att vara ärvda på kontonivå.

Användarinställningar är associerade på kontonivå och kursregistreringar är associerade på underkontonivå. En registrering skapas när en användare och en kurs sammanfogas. Om en användare inte är registrerad i några kurser, visar översikten kontots varumärke. Denna algoritm gäller också sidor som inte är kopplade till en kurs, inklusive användarkonto och inställningar, kalender och konversationer. Användardata är alltid värd på kontonivå, vilket är anledningen till att de inte kan ärva underkontos värumärkeshantering.

Om en användare är registrerad för en kurs i kontot, visar menyn varumärket för kontot. Om en användare är registrerad för en kurs inom ett underkonto, visar menyn varumärket för underkontot. Om en användare är registrerad för kurser inom flera underkonton, eller om en av kurserna finns i kontot, visar menyn varumärket för kontot.

Tema-redigerare komponenter (Theme Editor Components)

För detaljer om komponenterna för Tema-redigeraren, se resursdokumentet Canvas Theme Editor Components. För hjälp med bildmallar, se resursdokumentetCanvas Theme Editor Image Templates. Logotyper, bilder och vattenstämplar är inte synliga för användare som aktiverar funktionen High Contrast Styles i användarinställningar.

CSS/JS Filer (CSS/JS Files)

Anpassade CSS-filer eller JavaScript (JS) filer krävs inte, men överstyrning av filer stöds också i temaredigeraren. CSS/JS-filfunktionen måste aktiveras av din CSM-chef (Customer Success Manager). Innan du laddar upp egna CSS eller JS filer, var medveten om de risker som är relaterade, eftersom anpassade filer kan orsaka tillgänglighetsproblem eller konflikter med framtida Canvas uppdateringar. Lär dig mer om anpassade CSS/JS begränsningar.

 

Anteckningar:

  • Temaredigeraren är inte tillgänglig i gratis för lärare-konton.
  • Om du är en underkontoadministratör och temalänken inte är synlig i Kontonavigation, har teman inte aktiverats för underkonton. Om fliken CSS/JS-uppladdning inte visas har inte filuppladdningar aktiverats för underkonton.
  • För att förhandsgranska temaredigerarens varumärkning måste du stänga av högkontrast-UI.
  • Underordnade konsortiumkonton ärver det tema som tillämpats i det överordnade kontot som standard. Men ett underordnat konsortiumkonto kan skapa ett nytt tema för det underordnade kontot.

Öppna konto

Öppna konto

I Global Navigation, klicka på länken Administratör (Admin) [1], och klicka sedan på namnet på kontot [2].

Öppna teman

Öppna Temaredigeraren (Theme Editor)

I Kontonavigering (Account Navigation), klicka på länken Teman (Themes).

Obs! Om teman för underkonton har aktiverats har varje underkonto även en länk för Teman (Themes). Om du vill öppna Temaredigeraren för ett underkonto, klickar du på länken Underkonton (Sub-Accounts) för att lokalisera och öppna underkontot, klicka sedan på underkontots länk Teman (Themes).

Öppna temamall

Om du inte har ett Canvas-tema för ditt konto, använd en mall för att skapa ett nytt tema. Du kan välja mellan en standard Canvas-mall, en minimalistisk mall och en universitetsmall. Om din CSM har aktiverat funktionen K12-funktionsalternativet, visas K12-teman också som mallar.

För att skapa ett nytt tema, sväva över en mall och klicka på knappen Öppna i Temaredigeraren (Open in Theme Editor) [1], eller klicka på knappen Lägg till tema (Add Theme) [2] och välj en mall från listan.

Öppna sparade teman

Öppna sparade teman

Om du tidigare skapat och sparat ett tema kan du när som helst redigera sparade teman. Sparade teman visas i sektionen Mina teman. För att öppna ett sparat tema, sväva över temats namn och klicka på knappen Öppna i Temaredigeraren (Open in Theme Editor) [1].

Om du vill skapa ett nytt tema baserat på ett sparat tema klickar du på knappen Lägg till tema (Add Theme) [2] och väljer namnet på det sparade temat i listan [3]. Med det här alternativet kan du undvika att skriva över ditt tidigare sparade tema.

Visa Tema-redigeraren

Tema-redigeraren visar en testsida för att förhandsgranska din anpassade varumärkeshantering. Dessa komponenter kommer att ändras med de färger och varumärken som du lägger till med Temaredigeraren

Visa CSS/JS uppladdningsflik

Visa CSS/JS uppladdningsflik

Om det anpassade cascading style sheets (CSS) eller JavaScript (JS) överskrivna filer har aktiverats för ditt konto, visar sidhanteraren i Tema-redigeraren flikarna Redigera (Edit) [1] och Uppladdning (Upload) [2]. Temaredigeraren visas som standard på fliken Redigera och visar alla komponenter i Temaredigeraren. På fliken Ladda upp (Upload) kan du ladda upp anpassade filer.

Lokalisera komponenter

Lokalisera komponenter

Temaredigeraren har fyra komponentgrupper: Global marknadsföring, Global navigering, Vattenstämplar & amp; Övriga bilder och inloggningsskärm. Som standard visas teman för Tema-redigeraren Global marknadsföringsgruppen.

Lokalisera på komponenten som du vill anpassa. Du kan expandera och minska grupper genom att klicka på pil-ikonen bredvid grupprubriken

Välj färg via CSS.

Välj färg via CSS.

Standardvärdet för varje komponent är blekt i textfältet.

För att ange en färgkomponent, lokalisera komponenttextfältet och ange en ny CSS-färg. Du kan ange färger via hex-kod, RGB-värde eller giltigt färgnamn.

Obs! Inmatade färger konverteras och visas som hex-koder.

Välj färg via färgväljaren

Välj färg via färgväljaren

I webbläsare som stöder interna färgindata, kan färgväljaren användas för att välja ett värde. Lokalisera komponenten och klicka på färgrutan. Färgväljaren kommer att visas i ett nytt fönster.

Välj färg

Välj färg

Välj en färg i färgväljarfönstret [1]. När en färg väljs kommer komponenten att visa den nya färgen i rutan [2]. Komponentens hex-färg kommer också att uppdateras med det nya färgvärdet.

Lägg till bilder

Lägg till bilder

För komponenter som kräver bilder, leta reda på komponenten och klicka på Välj bild (Select Image) länken. Bildbeskrivningen innehåller stödda filtyper.

Förhandsgranska tema

Förhandsgranska tema

För att förhandsgranska ditt tema, klicka på knappen Förhandsgranska ändringar (Preview Your Changes).

Canvas kommer att skapa förhandsvisning av komponenterna baserat på dina mall-ändringar. Om nödvändigt, gör ytterligare ändringar och förhandsgranska ditt tema igen.

Spara tema

Spara tema

När du är nöjd med dina ändringar för mallen kan du spara ditt tema genom att klicka på knappen Spara tema (Save Theme).

Skapa namn för temat

Skapa namn för temat

Om du ändrade ett tema från en mall skapar Temaredigeraren en kopia av temat. Mallar kan inte redigeras direkt. I fältet temanamn [1] anger du ett namn för ditt tema. Klicka på knappen Spara tema (Save Theme) [2].

Obs! Om du redigerade ett tidigare sparat tema skrivs temat över den föregående versionen av temat och använder samma temanamn.

Använd temanamn

Använd temanamn

Om du vill tillämpa ditt tema på ditt konto klickar du på knappen för att använda tema (Apply theme) [1].

För att lämna temat och återgå till Tema-sidan, klicka på knappen Avsluta (Exit) [2]. Du kan när som helst öppna temat och tillämpa det på ditt konto.

Verifiera Tema-tillämpning

För att tillämpa temat till hela kontot. klicka på OK knappen [1]. För att återgå till Tema-redigeraren, klicka på Avbryt (Cancel) knappen [2].

Obs! Om ditt konto tillåter att underkonton anpassar sina egna teman, kommer eventuella ändringar du gjort också att gälla ner till associerade underkonton. Canvas visar statusen för uppdateringar i temaredigeraren; när processen för varje underkonto är klar försvinner underkontot i fönstret för framsteg. När alla underkonton har uppdaterats omdirigerar temaredigeraren tillbaka till teman-sidan.