Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Page Properties


Beskrivning

En informationssida ska vara slutdestination för besökaren och det innebär att sidan kan bli lång. Besökaren kan då behöva skrolla mycket. Du kan hjälpa besökaren genom att gruppera innehållet och lägga i ett så kallat dragspel eller expanderbar yta. Dragspelet håller innehållet ihopslaget under rubriker. När besökaren klickar på en rubrik, fälls texten ut.

Dragspel är en komponent som kan användas med Layout builder på sektionen "Information" och placeras nedanför brödtexten. Detta gäller för innehållstyperna "Informationssida" och "Forskningssida".

Film: Lägga till dragspel (expanderbarytaexpanderbar yta)




Page Properties
hiddentrue


Highlight

<<Tillbaka



Så här gör du

I det här exemplet beskrivs hur du lägger till dragspel på en befintlig genomgångssida.

  1. När du står på din sida, klicka på "Layout" i raden med flikar.



  2. För att lägga till ett dragspel, scrolla förbi det du har lagt till under redigera-fliken (titel, sammanfattning och brödtext). Huvudbild eller huvudfilm syns aldrig i layout-läget.

  3. Lägg till komponent
    Klicka på länken "Lägg till komponent" som ligger till vänster i två-spalten.



  4. Välj komponent Dragspel
    I listan över komponenter till höger väljer du länken "Dragspel".

    Image Modified

  5. Konfigurera komponent
    1. Rubrik
      Fyll i rubrik i fältet "Rubrik" i rutan som dyker upp.
    2. Rubriknivå
      Ange storlek på rubriken i fältet "Rubriknivå", H2, H3 eller H4. Oavsett vilken rubriknivå du väljer så kommer det att se samma ut för den besökare som ser sidan, men i koden står det H2, H3 eller H4.
    3. Innehåll
      Lägg in ditt textinnehåll.
    4. Spara
      Klicka på den blå knappen "Lägg till komponent" för att spara.

  6. Om du vill ha fler dragspelskomponenter så gör du om proceduren.

  7. Publicera sedan ändringarna på sidan genom att välja "Publicerad" och klicka på den blå knappen "Spara ändringar".

    Image Modified

  8. För att se hur det ser ut, klicka på "Visa" i raden med flikar. Här är ett exempel på fem stycken dragspelskomponenter.

    Image Modified




Page Properties
hiddentrue


Info
titleViktigt att tänka på




Page Properties
hiddentrue

Felsökning



Page Properties
hiddentrue

Relaterade artiklar

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@1086d
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel = "Genomgångssida" and type = "page" and space = "DIR"
labelskb-how-to-article