Moduler, dekorationer och formatering
Repetera hur du: Infogar moduler, gör dekorationer (plusbox, faktaruta med mera), formatmallar (rubriker), gör länkar,punktlistor och tabeller samt mycket mer.
Innehållsförteckning
Innehållsförteckning
- Formatmallar
- Underrubrik 2 (h2)
- Klistra in text
- Länkar
- Mer om länkar
- Punktlistor
- Tabeller
- Infoga moduler
- Knappar
- Gemensamma moduler: e-tjänster
- Länkad modul
- Döp dina moduler
- Plusbox - så här gör du
- Faktaruta (inforuta)
- Länkad layout
- Sidbilder i ImageVault
- Flöda text runt bild
- Toppbild från Imagevault
- Bilder i Sitevision
- Öppettider
- Nyheter och driftmeddelande
- Innehåll i gird och spalter
- Mallar att kopiera
- Filmad utbildning i SiteVision
Formatmallar
Text kan formateras enligt följande formatmallar, du hittar formatmallarna i en lista i rutan uppe i verktygsfältet:
Huvudrubrik (h1)
Använd aldrig den här rubriken. Den sätts automatiskt när du väljer rubrik på din sida.
Underrubrik 2 (h2)
Första rubriken du väljer i brödtexten
Underrubrik 3 (h3)
Underrubrik till h2
Underrubrik 4 (h4)
Underrubrik till h3
Ingress
Brödtext
Citat (så här ser ett citat ut när du använder formatmallen Citat Inv)
Klistra in text
Du kan klistra in text genom att använda control c och control v. All formatering från webbsidan eller dokumentet följer med.
Justera eventuella länkar, rubriker och punktlistor så att dom blir i rätt format. Markera text och ändra till brödtext, rubrik 2 osv.
Du kan klistra in text utan formatering
- Klicka på kugghjulet (till vänster om frågetecknet).
- Klicka på "Klistra in rent". Nu försvinner alla länkar, rubriker och annat som kan följa med.
- Klistra sedan in din text via control c - control v
- Justera länkar, stycken, punktlistor och rubriker. Markera text och ändra till brödtext och rubriknivåer.
Länkar
- Skriv länktexten tex Skatteverket
- markera texten
- gå till länkikonen uppe i verktygsfältet
- välj vilken typ av länk du vill använda
- Om du ska länka till en intern sida går du till Invånare - startsida och letar dig fram till sidan du vill länka till. Markerar den och klickar på okej.
- Länk till intern sida
- Du kan välja att länka till en specifik textmodul på en sida. Klicka i använd ankare och markera modulen. Klicka på OK
- Länk till specifik textmodul
- Om du ska länka till en externsida så klistrar du in länken och klickar sedan på OK.
- Exempel på extern länk
Länk till annan webbplats.
- Om du vill länka till ett dokument väljer du fil. Dokumentet ligger sedan i någon av mapparna du kommer till.
- Markera dokumentet
- Välj öppnas i nytt fönster
- Klicka ok
- Exempel på länk till ett dokument
, 164.4 kB, öppnas i nytt fönster.
Mer om länkar
Alla länkar till dokument ska öppnas i nytt fönster. Övriga länkar ska öppnas i samma fönster.
Punktlistor
Du skapar en punktlista genom att:
- skriva punkterna (varje enskild punkt på egen rad)
- markera texten
- gå till punktlisteikonen uppe i verktygsfältet
- välj vilken typ av punktlista du vill använda
Punktlista med punkter
- punkt 1
- Punkt 1.1
- punkt 2
- punkt 2.1
- punkt 3
Punktlista med stylande punkter
- punkt 1
- Punkt 1.1
- punkt 2
- punkt 2.1
- punkt 3
Punktlista med siffror
- punkt 1
- punkt 1.1
- punkt 2
- punkt 3
Punktlista med stylade siffror
- Nummer 1
- Nummer 1.1
- Nummer 2
Tabeller
Du skapar en tabell genom att klicka på tabellikonen uppe i verktygsfältet och väljer hur många rader och kolumner du vill ha i tabellen. Fyll på med innehåll i tabellen.
Kom ihåg att skriva en tabellbeskrivning.
Högerklicka på tabellen och välj tabellegenskaper.
- Fyll i tabelltyp
- I rubrikceller så väljer du "Översta raden"
| Kolumn 1 | Kolumn 2 | Kolumn 3 |
|---|---|---|
| Rad 1 | ||
| Rad 2 | ||
| Rad 3 | ||
| Rad 4 |
Infoga moduler
Klicka på någon av modulikonerna (se bild nedan)
- Textmodul (A)
- Bild (bildikonen) (från sitevision)
Övriga moduler ligger under den lilla fyrkanten
- YouTube
- Knapp
- Bildspel
- Herobild imageVault
- ImageVault asset (bild till innehållssida)
- Länkad modul
Knappar
Modulen knapp kan i vissa fall användas till sidor inom sajten. Men för de flesta länkar inom sajten fungerar vanliga länkar som denna: Vanlig länk som länkar inom sajten.
Modulen actionknapp används om man ska utföra något.
Gemensamma moduler: e-tjänster
E-tjänstknappar: Du hämtar knapparna genom att använda dig av modulen "Länkad modul". Se på bilden nedan var du ska gå för att länka in en knapp.
Gemensamma moduler: öppettider
- Kontaktkort (modulen heter så)
- Öppettider (modulen heter så)
På bilden ser du var i systemet modulerna ligger.
Länkad modul
Det går att spegla in textmoduler på en sida. Detta är användbart då det förhindrar att samma information finns på många olika ställen. Det är därför bättre att länka in en textmodul istället för att skriva samma sak igen.
Så här gör du
- Klicka på moduler i verktygslisten
- Sök "Länkad modul"
- Leta rätt på din sida i träder
- Markera textmodulen du vill infoga på din sida
- Klicka på OK
Döp dina moduler
Det är viktigt att du döper dina moduler. Så här gör du:
- Ställ dig på innehållsträdet till vänster.
- Markera modulen du vill döpa
- Högerklicka och väl "Byt namn"
- Skriv in namnet"
Plusbox - så här gör du
- Markera modulen du vill ha som en plusbox.
- Högerklicka
- Välj dekoration
- Välj Plusbox H2
Om du vill ha en plusbox med båda en knapp och text eller kanske text och bild så gör du så här.
- Ställ dig där i trädet till höger - antingen på en av modulerna du vill ska ligga i plusboxen eller där det står Mitten.
- Högerklicka och välj layout - radvis.
- Ställ dig på layouten
- Dra in de moduler du vill ska finnas med i plusboxen så att de hamnar under layouten. Du kan också stå på layouten och välja in moduler från verktygsfältet.
- Döp layouten - högerklicka och byt namn. Namnet på layouten blir också namnet på plusboxen.
Faktaruta (inforuta)
Högerklicka på modulen och välj dekoration inforuta.
Har har vi lite fakta
Länkad layout
Du kan spegla in en hel layout. Det innebär att du kan spegla in till exempel text, bild och en knapp. Förutsatt att alla moduler ligger i en layout.
Så här gör du
- Högerklicka på innehållsträdet för sidan
- Välj layout och länkad
- Gå sedan till sidan du vill spegla in innehåll ifrån
- Till höger ser du innehållet på sidan
- Välj layout och klicka på ok
Om du vill lägga en dekoration till exempel plusbox på den speglade layouten så måste du lägga den speglade layouten i en layout. Välj radvis och dra in den speglade layouten. Lägg dekorationen på layouten.
Sidbilder i ImageVault
Kommunens bildbank är ihopkopplad med Sitevison. Om du vill välja in en bild från bildbanken gör du så här.
- Om du vill infoga en bild på sidan så klickar du på moduler och söker efter image.
- Välj imagevault asset
- Det kan hända att du får en aktiveringslänk. Klicka i så fall på den.
- Välj in en bild.
- Välj format Invånare sidbild
- Välj att hämta information från metadata
Mer om bildformat och hur du kan minska bildens storlek hittar du här
- Välj sedan hämta från metadata och User - alt-text
- Du kan ange en bildtext om du vill men det är inte nödvändigt
- Klicka på OK
Vill du ändra något i bilden, så högerklickar du och väljer inställningar.
Flöda text runt bild
Om du vill lägga till en bild och vill att texten ska flöda runt bilden så lägger du bildmodulen ovanför textmodulen, högerklickar på bilden (eller bildmodulen) och väljer Flöda och väljer sedan om den ska ligga till höger eller vänster.
Kom ihåg: Är storleken på bilden för stor så kommer den att ta upp hela utrymmet även om du väljer att flöda den.
Lägger du till bildtext till bilden så kan du behöva lägga till en css för att den ska bli bra i mobilen. Det gör du genom att högerklicka, välj Egenskaper och under Stil(css) skriva sol-image-vault.
Toppbild från Imagevault
- Toppbilden heter Herobild imagevault och är en modul.
- Om det redan finns en bild på sidan så högerklicka och välj inställningar. Gå direkt till steg 5
- Om det inte finns en bild så ställ dig där det står topp i innehållsträdet.
- Klicka på modulikonen och välj in herobild imagevaul
- Sök bland bilderna genom att använda kategorierna
- Välj en bild men var noga med att läsa rättigheterna.
- Välj Fullbredd (se bild)
- På maxhöjd väljer du Mellan
- På Format väljer du Invånare hero
Klicka i enligt bild nedan
- Fyll i rubriken på sidan
- Välj formatmall Rubrik 1 Vit (Herobild)
- Obersvera att nästa rubrik på sidan blir en H2)
- Välj färgplatta bakom text "Komplemetfärg Rosa/lila - invånarwebb"
- Välj var du vill att textrutan ska placeras tex vänster
- Klicka i använd ingen länk
Bilder i Sitevision
- Klicka på bildikonen
- Välj mapp tex invånare - nyheter och barn och utbildning
- Klicka på ladda upp bild
- Välj en bild du har sparat på din dator
- Klicka på Texter (se bild)
- Välj Ange egen och skriv in en bildbeskrivning
- Kliicka sedan på övrigt
- Under övrigt kan du anpassa bildens storlek.
Öppettider
Innehåll i gird och spalter
Om ditt innehåll ligger i en grid så är det bara att fälla ut griden och redigera i texten.
I exemplet nedan så ligger informationen om vilken rektor det är på skolan under en grid, spalt och en rad. Vill man ändra något så ställer du dig bara i textmodulen och ändrar rektorns namn.
Mallar att kopiera
Vill du ha hjälp med att skapa olika moduler. På sidan Mallar att kopiera har vi samlat några moduler du enkelt kan kopiera. Det kan vara till exempel plusboxar med bild eller en sida som är uppdelad i olika spalter.
Filmad utbildning i SiteVision
Vill du fräscha upp ditt minne? Du kan kolla på utbildningen som genomfördes våren 2021.