Editor Components
Följande komponenter kan användas bland annat på sidmallarna; Undersida, Nyhet, Krismeddelande och Evenemang.
Formatmallar
Text kan formateras enligt följande formatmallar, du hittar formatmallarna i en lista i rutan uppe i verktygsfältet:
Huvudrubrik (h1)
Underrubrik 2 (h2)
Underrubrik 3 (h3)
Underrubrik 4 (h4)
Ingress
Brödtext
Citat (när du använder formatmallen Citat blir texten centrerad och får ett citationstecken framför sig)
Länkar i löpande text
Du skapar en länk genom att
- skriva länktexten
- markera texten
- gå till länkikonen uppe i verktygsfältet
- välj vilken typ av länk du vill använda
- fyll i fälten
- klicka Ok
Extern länk External link, opens in new window.
Länk till ett telefonnummer 070-10101010
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 2
- punkt 3
Punktlista med siffror
- punkt 1
- punkt 2
- punkt 3
Punktlista med stylade punkter
- punkt 1
- punkt 2
- punkt 3
Punktlista med stylade siffror
- punkt 1
- punkt 2
- punkt 3
Tabell
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.
Kolumn 1 | Kolumn 2 | Kolumn 3 |
---|---|---|
Rad 1 | ||
Rad 2 | ||
Rad 3 | ||
Rad 4 |
Knapp
Så skapar du en knapp:
- Skriv texten som du vill ska stå i knappen, exempelvis "Ansök här"
- Markera texten
- Gå till rutan för formatmallar uppe i verktygsfältet och välj Knapp
- Klicka sedan på länkikonen och välj vilken typ av länk du vill använda
- Fyll i adressen och övrigt i länkmodulen
- Klicka Ok
Actionknapp
Så skapar du en actionknapp med en intern länk:
- Gå till "lådan" med moduler, uppe i verktygsfältet
- Välj Actionknapp
- Fyll i texten som ska visas i knappen i det första fältet
- Peka ut den sida du vill länka till i innehållsträdet genom att klicka i rutan "Välj sida" i det andra fältet "Intern länk". Klickar du i rutan för "Välj standardvärde" blir länken automatiskt inställd på startsidan för sajten.
- I sista fältet fyller du i om du vill att sidan ska öppnas i nytt fönster eller inte.
- Klicka Ok
Så skapar du en actionknapp med en extern länk:
- Gå till "lådan" med moduler, uppe i verktygsfältet
- Välj Actionknapp
- Fyll i texten som ska visas i knappen i det första fältet
- Fyll i adressen till den externa sida du vill länka till, exempelvis "aftonbladet.se" i det tredje fältet "Extern länk". Vill du länka ett telefonnummer skriver du "tel:<telefonnummer>" eller epost-adress: "mailto:<epost-adress>" i fältet.
- I sista fältet fyller du i om du vill att sidan ska öppnas i nytt fönster eller inte.
- Klicka Ok
File type icon | Filename | File size | File upload date |
---|---|---|---|
Myndighetsdag om Digitalisering 29 nov.docx , 46 kB. | 46 kB | 2018-11-28 10.01 | |
Språkkonsulternas workshop om webb och språk, oktober 2018.pdf , 1.3 MB. | 1.3 MB | 2018-11-28 10.01 | |
ett testdokument.docx , 11 kB. | 11 kB | 2018-12-07 11.38 |
Plusbox
Så skapar du en plusbox med text:
- Klicka på ikonen "A" uppe i verktygsfältet så att du får en extra textmodul.
- Markera textmodulen ute till vänster under Innehåll
- Högerklicka och välj dekoration/Plusbox
- För att ändra rubriken i textboxen, markera textmodulen ute till vänster under Innehåll, högerklicka och byt namn på textmodulen. Uppdatera sidan.
- För att fylla på text i textboxen, ställ dig i textboxen och skriv in texten. I plusboxen kan du använda formatmallar, länkar, punktlista osv
Så skapar du en plusbox med andra komponenter än bara text:
- Markera "Mittenspalt" ute till vänster under Innehåll
- Högerklicka och välj "Lägg till Layout/Radvis"
- Högerklicka och välj dekoration/Plusbox på layouten
- För att ändra rubriken i plusboxen, markera layouten, högerklicka och byt namn på textmodulen. Uppdatera sidan.
- Under layouten kan du lägga till den modul du vill ska visas i plusboxen när den är utfälld, exempelvis:
- Markera layouten och klicka på ikonen "A" uppe i verktygsfältet för att lägga till text i plusboxen.
- Markera layouten och klicka på bildikonen uppe i verktygsfältet för att lägga till en bild.
- Markera layouten och klicka på lådan med moduler och lägg till en actionknapp.
Här finns mer text som visas när besökaren klickar upp rutan. I den här boxen kan du lägga text med olika format (exempelvis olika formatmallar, länkar, punktlistor, tabeller osv.).
Lite text ovanför bilden.
Mer text under bilden.
Informationsruta
Så skapar du en informationsruta:
- Klicka på ikonen "A" uppe i verktygsfältet så att du får en extra textmodul.
- Markera textmodulen ute till vänster under Innehåll
- Högerklicka och välj dekoration/Informationsruta
- För att ändra innehållet i rutan, ställ dig i textboxen och skriv in texten. I plusboxen kan du använda alla formatmallar, länkar, punktlista, tabell osv.
Mer information - Rubrik är vanlig brödtext vald till tjock, "B" som i Bold.
Mer text i själva informationsrutan. Fritext.
- Punktlista-exempel i informationsruta
- Punktlista-exempel i informationsruta
Bilder
För att lägga till en bild på en undersida, genomgångssida, nyhet, evenemang eller krismeddelande använder du modulen för bilder. Läs mer om hur du lägger till en bild på en sida här.
Puffar
Du kan skapa puffar på en undersida. Läs mer om hur du kan skapa puffar här.
Form
När du har skapat ett formulär med någon av formulärsmodulerna kan du få ett lite snyggare formulär genom att sätta dekorationen "Formulär" på det. Du gör så här:
- Skapa formuläret, klicka ok
- Markera formulärsmodulen ute till vänster under Innehåll, högerklicka, välj Dekoration/Formulär
Formulär med rubrik
Och lite förklarande text.
Relaterade länkar och dokument
Längst ner på en sida kan du samla ihop alla länkar till sidor (interna och externa) och till dokument i två separata listor. Se exempel, längst ner på den här sidan.
Så skapar du en lista med relaterade länkar:
- Gå till Egenskaper/Metadata
- Under rutan för Relaterade länkar klickar du på +Lägg till, välj Länk
- Skriv i länknamnet i översta rutan
- Peka ut en intern länk eller välj "länktyp Extern sida" och skriv i webbadressen (URL:en) till en extern sida
- Klicka Ok
- Uppdatera sidan för att se länkarna i rutan för Relaterade länkar längst ner på sidan.
Så skapar du en lista med relaterade dokument:
- Gå till Egenskaper/Metadata
- Under rutan för Relaterade dokument klickar du på +Lägg till, välj länk
- Skriv i länknamnet i översta rutan
- Välj "länktyp Fil" och peka ut ett dokument i filarkivet
- Klicka Ok
- Uppdatera sidan för att se länkarna i rutan för Relaterade dokument längst ner på sidan.
Kontaktkort
Längst ner på en sida kan lägga till ett kontaktkort i en egen ruta. Se exempel med kontaktkort till Charlotta, längst ner på den här sidan.
Så lägger du till ett kontaktkort på en sida:
- Gå till Egenskaper/Metadata
- Under rutan för Kontakter klickar du på +Lägg till, välj Länk
- Skriv namnet på kontaktkortet i översta rutan
- Välj "Länktyp: Intern sida" och peka ut det kontaktkort i mappen Kontakt som du vill lägga till på sidan.
- Klicka Ok
- Uppdatera sidan för att se kontaktkortet längst ner på sidan.
Vill du lägga till kontaktkort till fler personer eller funktioner pekar du ut fler interna länkar under metadatat Kontakter. Det finns ingen begränsning i hur många du kan lägga till.
Så skapar du ett kontaktkort:
- Gå till mappen Kontakta i innehållsträdet och markera den mapp; Personer, Funktioner eller Platser där du vill lägga kontaktkortet.
- Klicka på + Skapa ny och välj mallen Kontaktkort.
- Namnge kontakten och fyll i uppgifter i mallen.
- Publicera
Formatmallar
Text kan formateras enligt följande formatmallar, du hittar formatmallarna i en lista i rutan uppe i verktygsfältet:
Huvudrubrik (h1) - Lång rubrik för att se lineheight på flera rader. Lång rubrik för att se lineheight på flera rader.
Underrubrik 2 (h2) - Lång rubrik för att se lineheight på flera rader. Lång rubrik för att se lineheight på flera rader.
Underrubrik 3 (h3) - Lång rubrik för att se lineheight på flera rader. Lång rubrik för att se lineheight på flera rader.
Underrubrik 4 (h4) - Lång rubrik för att se lineheight på flera rader. Lång rubrik för att se lineheight på flera rader.
Ingress
Brödtext
Citat (när du använder formatmallen Citat blir texten centrerad och får ett citationstecken framför sig)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed fermentum purus. Etiam rutrum semper tempus. Vivamus et laoreet elit, vitae aliquam orci. Duis sollicitudin augue ac arcu pretium dictum. Donec imperdiet, sapien id tincidunt bibendum, justo magna accumsan purus, et cursus tellus nunc vel massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed fermentum purus. Etiam rutrum semper tempus. Vivamus et laoreet elit, vitae aliquam orci. Duis sollicitudin augue ac arcu pretium dictum. Donec imperdiet, sapien id tincidunt bibendum, justo magna accumsan purus, et cursus tellus nunc vel massa.