Wikier

Liferay - widgeter

Card deck widget i Liferay

Med Card deck – kortvisning – kan du presentere bilde, tekst og lenke i en innrammet design.

Kort finnes i to ulike breddestørrelser og du kan velge mellom å ha hele kortet klikkbart eller en knapp nederst for lenke. Se alle varianter og valgmuligheter.

Klikkbart kort uten knapp

Hele kortet er klikkbart. Kan foreløpig brukes kun med bilder.

Kort med knapp

Knapp nederst med kort lenketekst. Tekst under tittelen. Kan brukes med eller uten bilder.

Slik legger du til kort på en nettside

  1. Legg til widgeten Card deck: Velg plusstegnet til høyre i toppmenyen, velg > Innhold > Legg til ny og Card deck .
  2. Scroll nederst i pop-up-vinduet, der kan du velge mellom fire ulike maler.
    • Smale kort, fire i bredden ved fullspalte:
      • 4 Card deck with button (CTA) - kort med knapp
      • 4 Card deck without buttons (default) - klikkbart kort uten knapp
    • Brede kort, tre i bredden ved fullspalte:
      • 3 Card deck with button (CTA) - kort med knapp
      • 3 Card deck without buttons - klikkbart kort uten knapp
  3. Fyll inn i feltene.
    • Obligatoriske felt:
      • Tittel
      • Url
      • Lenketekst (gjelder kun for kort med knapp). Skriv kort lenketekst. Sjekk at den ikke bryter (ikke går over flere linjer).
      • Alternativ tekst (dersom bilde brukes)
    • Valgfrie felt:
      • Bilde (foreløpig kun valgfritt på kort med knapp)
      • Stikktittel
      • Innhold (bør fylles ut for kort med knapp)
  4. Legg til flere kort ved å klikke på + tegnet ved det kortet du vil ha lagt det nye kortet under.

Skjule overskrift: Du kan velge å skjule felles overskrift for alle kortene.

Bilder

  • Bildeformat i card deck er 16:9 (eks. 1920x1080 pxl).
  • Bilder blir automatisk beskjært og justert. Det kan likevel være lurt å beskjære og tilpasse bilder på forhånd slik at du får ønsket utsnitt.
  • Hvis du skal bruke et kvadratisk bilde kan du montere bildet på hvit eller transparent bakgrunn i 16:9-format. Det passer da med hvit/transparent kant over og under bildet (eks. 50 px) for å få pen luft på alle sider.