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

  1. skriva länktexten
  2. markera texten
  3. gå till länkikonen uppe i verktygsfältet
  4. välj vilken typ av länk du vill använda
  5. fyll i fälten
  6. klicka Ok

Intern länk

Extern länkexternal link, opens in new window

Länk till en fil

Länk till en e-postadress

Länk till ett telefonnummer 070-10101010

Punktlistor

Du skapar en punktlista genom att:

  1. skriva punkterna (varje enskild punkt på egen rad)
  2. markera texten
  3. gå till punktlisteikonen uppe i verktygsfältet
  4. välj vilken typ av punktlista du vill använda

Punktlista med punkter

  • punkt 1
  • punkt 2
  • punkt 3

Punktlista med siffror

  1. punkt 1
  2. punkt 2
  3. punkt 3

Punktlista med stylade punkter

  • punkt 1
  • punkt 2
  • punkt 3

Punktlista med stylade siffror

  1. punkt 1
  2. punkt 2
  3. 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.

Tabellbeskrivning (tabellrubrik)

Kolumn 1

Kolumn 2

Kolumn 3

Rad 1



Rad 2



Rad 3



Rad 4


 


Knapp

Så skapar du en knapp:

  1. Skriv texten som du vill ska stå i knappen, exempelvis "Ansök här"
  2. Markera texten
  3. Gå till rutan för formatmallar uppe i verktygsfältet och välj Knapp
  4. Klicka sedan på länkikonen och välj vilken typ av länk du vill använda
  5. Fyll i adressen och övrigt i länkmodulen
  6. Klicka Ok

ANSÖK HÄRexternal link, opens in new window

Actionknapp

Så skapar du en actionknapp med en intern länk:

  1. Gå till "lådan" med moduler, uppe i verktygsfältet
  2. Välj Actionknapp
  3. Fyll i texten som ska visas i knappen i det första fältet
  4. 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.
  5. I sista fältet fyller du i om du vill att sidan ska öppnas i nytt fönster eller inte.
  6. Klicka Ok

Så skapar du en actionknapp med en extern länk:

  1. Gå till "lådan" med moduler, uppe i verktygsfältet
  2. Välj Actionknapp
  3. Fyll i texten som ska visas i knappen i det första fältet
  4. 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.
  5. I sista fältet fyller du i om du vill att sidan ska öppnas i nytt fönster eller inte.
  6. Klicka Ok
Files available for download
File type icon Filename File size File upload date
Myndighetsdag om Digitalisering 29 nov.docx 46 kB 2018-11-28 10.01
Språkkonsulternas workshop om webb och språk, oktober 2018.pdf 1.3 MB 2018-11-28 10.01
ett testdokument.docx 11 kB 2018-12-07 11.38

Plusbox

Så skapar du en plusbox med text:

  1. Klicka på ikonen "A" uppe i verktygsfältet så att du får en extra textmodul.
  2. Markera textmodulen ute till vänster under Innehåll
  3. Högerklicka och välj dekoration/Plusbox
  4. 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.
  5. 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:

  1. Markera "Mittenspalt" ute till vänster under Innehåll
  2. Högerklicka och välj "Lägg till Layout/Radvis"
  3. Högerklicka och välj dekoration/Plusbox på layouten
  4. För att ändra rubriken i plusboxen, markera layouten, högerklicka och byt namn på textmodulen. Uppdatera sidan.
  5. Under layouten kan du lägga till den modul du vill ska visas i plusboxen när den är utfälld, exempelvis:
    1. Markera layouten och klicka på ikonen "A" uppe i verktygsfältet för att lägga till text i plusboxen.
    2. Markera layouten och klicka på bildikonen uppe i verktygsfältet för att lägga till en bild.
    3. 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.

Klippor vid havet

Mer text under bilden.

 

Informationsruta

Så skapar du en informationsruta:

  1. Klicka på ikonen "A" uppe i verktygsfältet så att du får en extra textmodul.
  2. Markera textmodulen ute till vänster under Innehåll
  3. Högerklicka och välj dekoration/Informationsruta
  4. 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:

  1. Skapa formuläret, klicka ok
  2. Markera formulärsmodulen ute till vänster under Innehåll, högerklicka, välj Dekoration/Formulär

 






Radio buttons
Radio buttons


Check boxes
Check boxes


Formulär med rubrik

Och lite förklarande text.






Radioknappar
Radioknappar


Checkboxar
Checkboxar


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:

  1. Gå till Egenskaper/Metadata
  2. Under rutan för Relaterade länkar klickar du på +Lägg till, välj Länk
  3. Skriv i länknamnet i översta rutan
  4. Peka ut en intern länk eller välj "länktyp Extern sida" och skriv i webbadressen (URL:en) till en extern sida
  5. Klicka Ok
  6. 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:

    1. Gå till Egenskaper/Metadata
    2. Under rutan för Relaterade dokument klickar du på +Lägg till, välj länk
    3. Skriv i länknamnet i översta rutan
    4. Välj "länktyp Fil" och peka ut ett dokument i filarkivet
    5. Klicka Ok
    6. 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:

    1. Gå till Egenskaper/Metadata
    2. Under rutan för Kontakter klickar du på +Lägg till, välj Länk
    3. Skriv namnet på kontaktkortet i översta rutan
    4. Välj "Länktyp: Intern sida" och peka ut det kontaktkort i mappen Kontakt som du vill lägga till på sidan.
    5. Klicka Ok
    6. 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:

    1. Gå till mappen Kontakta i innehållsträdet och markera den mapp; Personer, Funktioner eller Platser där du vill lägga kontaktkortet.
    2. Klicka på + Skapa ny och välj mallen Kontaktkort.
    3. Namnge kontakten och fyll i uppgifter i mallen.
    4. 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.

    Parkeringsskylt

    Bildtext jsdfklh

     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.