AU Medarbejdere Administration Kommunikation Web og it TYPO3 Vejledninger Indhold på sider Knapper

Knapper

Når du gerne vil opfordre til en handling og føre brugeren videre til nyt indhold - en anden side, en formular eller andet - har du mulighed for at gøre det med en knap.

Knapper på web er links, hvor du giver det enkelte link en større opmærksomhed på din side. Det er derfor altid en vurderingssag, om det er et almindeligt link eller en knap, der bedst understøtter det, brugeren skal gøre på din side.

Du har mulighed for at lave knapper i fire størrelser, i 12 forskellige farver, vælge mellem 32 ikoner, med en højrestillet pil, med eller uden tekst og i den bredde du ønsker. Det er bedst at holde udtrykket på en knap meget simpelt, så den ikke blot forvirrer brugeren. Det skal være kort, præcist og tydeligt, hvad knappen fører til. Er det ikke muligt, skal du bruge andre virkemidler som fx et bannerelement.

Indsæt knapelement

Indsæt et element

Klik på fanebladet Grid elements
Vælg herefter elementet Button

Navngiv dit element ved at udfylde Overskrift. Så kan det altid genfindes i forskellige visninger i backend.
Klik Gem

Billedet viser, hvor man navngiver et element og gemmer det i CMS'et TYPO

Rediger knapelement

Når du skal redigere et knapelement, skal du åbne elementet og gå ned til området for Plugin valg.

Indsæt link til den side, som knappen skal føre til. Hvis knappen ikke har et link, bliver den ikke vist.
Knappens bredde følger som udgangspunkt længden på knappens tekst eller indhold. Du kan angive en anden bredde i procent eller pixels - fx 100% af den kolonne, som du anvender eller fx 150 px.
Skriv en kort og præcis tekst på din knap.
Markér, hvis du ønsker en pil i højre side af knappen.
Vælg knappens størrelse: Stor, Almindelig, Lille eller Mindst. Se størrelserne på Eksempel 1-4 herunder.
Vælg justering af teksten på knappen: Venstrejusteret, Centreret eller Højrejusteret.
Hvis knappen ikke fylder 100% af kolonnebredden, kan du vælge, om knappen skal være Venstrestillet eller Højrestillet i kolonnen.
Du kan vælge mellem 43 forskellige ikoner på din knap. Du skal altid vurdere, om ikonet er sigende i forhold til knappens formål. Hvis ikke, skal du ikke anvende et ikon. Se nogle af ikonerne på eksemplerne herunder. (Der er en oversigt over alle ikonerne på vej.)
Du kan vælge mellem 12 farver til din knap. Se nogle af farverne på eksemplerne herunder.

: Klik på billedet for at få det vist i større format

: Med valgene ovenfor vil knappen se sådan her ud

Knapper i nyheder og arrangementer

I nyheder og arrangementer kan kan kun indsætte knapper ved at lave dem som HTML.

Til det formål er der en knapgenerator, så du kan designe en knap, generere HTML og indsætte det i din nyhed eller arrangement.

Lav en knap til nyhedsmodulet

Anbefalinger til farver på knapper

Det anbefales at holde et moderat farvevalg på knapper. Hvis det er muligt, er det en fordel at bruge en farve, der guider brugeren og signalerer noget genkendeligt.

Fx bruges den grønne farve typisk til at signalere studerende.au.dk, da det er AU's grønne univers. Cyan-farvede knapper signalerer medarbejdere.au.dk, da universet har den farve og phd.au.dk er lilla. På de eksternt rettede sider - au.dk, eksterne institutsider m.fl. - bruges ofte mørkeblå og grå, Gymnasieportalen er gul og brun ect.

Nogle enheder eller samarbejder brander sig i en udvalgt farve. Fx har AU og Region Midtjylland et samarbejde, hvor farven er orange.