Denne vejledning henvender sig til alle redaktører på MitVIA og beskriver moduler i Umbraco.
Tekstmodul
I tekstmodulet kan du skrive almindelig brødtekst eller indsætte billeder, links osv.
Du målgruppestyrer noget tekst til en eller flere uddannelser/udbud/campusser/adresser ved at tilføje et nyt tekstfelt.
Når du indsætter billeder i et tekstfelt, bliver billedets størrelse automatisk nedjusteret i den bagvedliggende kode. Du skal derfor ind og rette formatet i koden, når du har indsat dit billede.
Du skal følge nedenstående fremgangsmåde, når du skal indsætte et billede i et tekstfelt:
- Klik på billede-konet
- Vælg det billede, du vil indsætte fra mediearkivet
- Tilføj evt. alternativ tekst og/eller overskrift til billedet
- Tryk 'Vælg'
- Klik på 'View Source Code'
- Ret 'width' og 'height' til billedets reelle format (fx 960x480)
Tilføj modulet på siden.
- Klik på "Tilføj indhold" i bunden af siden.
- Vælg "Tekstmodul" blandt modulerne.
Som Super Editor (fællesredaktør), kan du se fælles-feltet, evt. Fælles-for-nogle-feltet samt felterne for alle de uddannelser/campusser, der har indhold i modulet.
1. Tilføj tekstfelt ved at klikke på 'Add text'.
2. Du har nu mulighed for at målgruppestyre tekstfeltet ved at klikke 'Tilføj'
Hvis tekstfeltet skal være fælles, skal du ikke tilføje nogen målgruppe.
3. Klik 'Indsend'.
Du kan nu se dit oprettede tekstfelt.
1. Tilføj tekstfelt ved at klikke på 'Add text'.
2. Du får nu en liste over den/de målgruppe(r), som du kan målgruppestyre tekstfeltet til. Fjern de uddannelser, som evt. ikke skal være en del af målgruppestyringen eller vælg de udbud, som skal kunne se tekstfeltet.
3. Klik 'Indsend'.
Du kan nu se dit oprettede tekstfelt, og hvem det er målgruppestyret til.
Harmonikamodul
Et harmonikamodul er et modul, hvor du kan tilføje ét eller flere harmonikapunkter. Hvert harmonikapunkt er en overskrift (H3). Modulet bruges til at skjule og vise indhold.
Harmonikamodulet indeholder også et valgfrit tekstfelt, som er placeret mellem H2’eren og harmonikapunkterne. Det giver mulighed for at tilføje noget indledende/rammesættende tekst til dit harmonikamodul.
Tekstfeltet kan både være fælles og målgruppestyres ligesom tekstmodulet kan:
Hvert harmonikapunkt fungerer på samme måde som tekstmodulet. Du kan altså i et hvert element i harmonikamodulet indsætte samme typer af indhold, som i tekstmodulet: Tekst, billeder, links osv.
Læs mere i vejledning om tekstmodulet.
Hvornår bruger vi modulet?
Du anvender ofte et harmonikamodul på sider, som har meget indhold eller på sider, hvor brugeren kun har behov for at læse dele af indholdet. Det hjælper brugeren med at overskueliggøre større mængder af relateret indhold.
Det kan fx være praktiksiden, hvor du kan have behov for at vise informationer om:
- Før praktik
- Under praktik
- Efter praktik
Tilføj modulet på siden.
Klik på "Tilføj indhold" i bunden af siden og vælg "Harmonikamodul" blandt modulerne.
- Giv dit harmonikamodul en titel og udfyld evt. brødtekst i tesktfeltet.
Harmonika titel er din Overskrift 2 (H2’er), som er en overskrift til hele harmonikamodulet.
Som Super Editor (fællesredaktør), kan du se fælles-feltet, evt. Fælles-for-nogle-feltet samt felterne for alle de uddannelser/campusser, der har indhold i modulet.
- Tryk på "Tilføj harmonikapunkt".
- Giv dit harmonikapunkt en titel.
Titel på dit harmonikapunkt er din Overskrift 3 (H3’er).
- Tilføj indhold i teksfelt(er).
Husk altid at forholde dig til målgruppestyring i Umbraco.
- Vælg "Indsæt" og slut af med "Gem og udgiv".
Knapmodul
Knapmodulet kan indeholde en eller flere knapper. Du kan linke til både:
- Andre sider på MitVIA/MyVIA
- Eksterne hjemmesider
- Medier (fx pdf’er)
Vi bruger i de fleste tilfælde almindelige knapper som CTA’er (Call to action). En CTA skal signalere handling til brugeren og skal være den vigtigste handling på siden.
Brug altid knapper med omhu; pas på med at lave for mange og tænk over, hvordan du bruger dem.
- Knapmodulet indeholder også et valgfrit tekstfelt, som er placeret mellem modulets overskrift (H2) og knapperne. Tekstfeltet fungerer på helt samme måde som det almindelige tekstmodul. Det giver mulighed for at tilføje noget indledende/rammesættende tekst til din/dine knap/knapper:
Tilføj modulet på siden.
Vælg ‘Tilføj indhold’ i bunden af siden og vælg 'Knapmodul’ blandt modulerne.
- Giv dit knapmodul en titel.
- Udfyld evt. tekst.
Knaptitel er din H2’er, som er en overskrift til hele knapmodulet.
Knapmodulet som genvejsvisning
Knapmodulet kan også tilføjes som en genvejsvisning.
- Slå "Vis som genveje" til
Således ser det ud, når genvejsvisningen er slået til:
- Under ‘Generic’ tilføjer du dine knapper én ad gangen.
Hvis du skal linke til en anden side på MitVIA (internt link)
Anvend sidetræet i dialogboksen, som kommer frem, når du skal vælge siden, som du vil linke til.
- Vælg siden i sidetræet.
- Udfyld link titel.
- Vælg indsend.
Det er vigtigt at linke på denne måde, fordi du på denne måde linker til sidens ID. Det betyder, at hvis siden skifter navn eller flytter placering, vil dit link automatisk blive opdateret og dermed ikke blive til et dødt link.
Hvis du skal linke til en anden hjemmeside (eksternt link)
Når du linker til en anden hjemmeside, linker du eksternt. Det kan f.eks. være via.dk eller retsinformation.dk.
- Kopier sidens URL ind i dialogboksen.
- Udfyld link titel.
- Ving af at linket skal åbne i et nyt vindue eller fane.
- Vælg indsend.
Kortmodul
Kortmodulet er et modul, som kan indeholde et eller flere kort.
Kortmodulet har en overskrift, som er din Overskrift 2 (H2’er).
I hvert kort skal du indsætte en overskrift 3 (H3). Derudover kan du indsætte:
- Brødtekst
- Billede eller video (pt. kun fra YouTube)
- Link
Det betyder, at et kort kan komme til at se forskelligt ud.
Kortmodulet indeholder også et valgfrit tekstfelt, som er placeret mellem modulets overskrift (H2) og kortene. Tekstfeltet fungerer på helt samme måde som det almindelige tekstmodul. Det giver mulighed for at tilføje noget indledende/rammesættende tekst til dine kort:
Hvornår bruger vi kortmodulet?
- Brug kort til at fremhæve noget på siden, hvor du har brug for at skrive lidt forklarende tekst til dit link eller din video.
- Brug som udgangspunkt ikke kortmodulet uden at linke til noget. Et kort skal ikke bruges som en tekstboks for at indramme eller fremhæve noget tekst.
- Når kortmodulet bruges som et link, er det muligt at trykke på hele kortet for at tilgå linket. Du vil opleve, at kortet skifter til en mørkere farve, inden du trykker på kortet, som på Kort 3:
OBS: Alle kort i samme kortmodul SKAL have ens indhold. Du må altså fx ikke indsætte tekst i det ene og billede i det andet, eller et link i det ene og ikke et link i det andet.
Visning af kortmodulet
Modulet findes i tre forskellige visninger:
- Med tre kolonner (standard)
- Med fire kolonner
- Som karrusel
Hvilken visning skal jeg vælge?
Tre eller fire kolonner vælges hvis:
- Alle kort skal vægtes ligeværdigt af brugeren - dvs. intet kort er vigtigere end de andre kort.
- Antal kolonner vælges ud fra, hvor meget kortene skal fylde - både horisontalt og vertikalt
Karrusel vælges hvis:
- Indholdet af kortene ikke skal fylde for meget på en side.
- Du har mere end 4 kort, som du ikke ønsker skal gå ned på næste linje.
- Nogle kort skal prioriteres vigtigere end andre kort
OBS: Karrusel skjuler kort efter 3,5/4 kort på computer og 1,5/2 på mobilen. Derfor ser brugerne ikke nødvendigvis alle kort i karrusellen.
Placer derfor de vigtigste kort først, så brugeren ser disse uden at skulle interagere/swipe i karrusellen.
Tilføj modulet på siden.
Vælg ‘Tilføj indhold’ i bunden af siden og vælg 'Kortmodul’ blandt modulerne.
- Giv dit kortmodul en titel.
- Udfyld evt. brødtekst.
Titlen på dit kortmodul er din Overskrift 2 (H2’er), som er en overskrift til hele kortmodulet.
Tilføj en anden visning af kortmodulet
Kortmodulet har tre kort på en række som standard. Men du kan vælge fire i stedet.
Det gøres ved at vælge 4 under "Antal kolonner".
Kortmodulet kan også fungere som en karrusel.
Dette gøres ved a slå "Vis som karrusel" til.
- Klik på 'Tilføj kort' og tilføj dine kort ét ad gangen.
Opsæt dit kort ved at udfylde de forskellige punkter i kortet.
- Udfyld titel - Titel på dit kortelement er din Overskrift 3 (H3’er).
- Indsæt billede/video - Dit billede skal have størrelse 960x480 (Se hvordan du beskærer dit billede). Ønsker du video på dit kortelement skal videoen være fra YouTube. Du indsætter videoens ID fra YouTube. Der bliver automatisk vist et billede i kortelementet, når du indsætter et video ID fra YouTube.
- Indsæt indhold - Her har du mulighed for at skrive lidt brødtekst til dit kortelement.
- Tilføj link - Tilføj et link, hvis dit kortelement skal linke brugeren videre.
- Tilføj label - Vil du f.eks. have årstal på i dit kortelement kan du tilføje label.
Husk altid at forholde dig til målgruppestyring i Umbraco.
- Vælg ‘Indsæt’ og slut af med ‘Gem og udgiv’.
Automatisk link modul
Et automatisk link modul er et modul, hvor du kan vise bestemte mapper og filer, der ligger i mediearkivet. Ved at trykke på de forskellige mapper, åbner man op til deres undermapper og/eller filer.
Det automatiske link modul anvendes på sider, hvor der linkes til mange mapper eller filer. Det hjælper brugeren med at overskueliggøre en større mængde filer.
Det kan f.eks. være på siden 'Rapporter og resultater', hvor du kan have behov for at linke til flere forskellige mapper, der hver især indeholder en række filer.
OBS: Husk gode navne til filerne, selvom det 'bare' er filer, der uploades. De studerende skal vide, hvad de åbner, når de klikker på linket. Undgå f.eks. interne forkortelser, som de studerende ikke nødvendigvis forstår.
Det automatiske link modul indeholder også et valgfrit tekstfelt, som er placeret mellem H2'eren og de valgte mapper/filer. Det giver mulighed for at tilføje noget indledende/rammesættende tekst til mapperne og filerne under.
Sådan virker det automatiske link modul
Det automatiske link modul fungerer ved, at man angiver en rod (mappe), som er styrende for, hvilke mapper og filer, der bliver vist på siden.
På nedenstående billede er roden (mappen) angivet til 'Aarhus', og det er derfor de mapper og filer, der ligger heri, som bliver vist på siden.
De ændringer der foretages i mediearkivet, bliver automatisk opdateret i det automatiske link modul på siden. Det vil sige, at hvis man udskifter, tilføjer eller fjerner en fil i den mappe, der er angivet som rod, bliver filen automatisk udskiftet, tilføjet eller fjernet i det automatiske link modul på siden.
Tilføj modulet på siden.
Vælg ‘Tilføj indhold’ i bunden af siden og vælg 'Automatisk link modul’ blandt modulerne.
- Giv dit automatiske link modul en titel.
- Udfyld evt. bødtekst i tekstfeltet.
- Tilføj dine elementer (document scope) ét ad gangen.
Titlen på dit automatiske link modul er din overskrift 2 (H2'er), som er en overskrift til hele det automatiske link modul. I nogle tilfælde er overskriftsfeltet tomt, da flere uddannelser deles om modulet, men har forskellige overskrifter. Her er H2'eren placeret i de uddannelsesspecifikke tekstfelter i stedet for.
- Vælg den rod (mappe), der skal trækkes indhold fra.
Du skal nu vælge den mappe i mediearkivet, hvis mapper/filer skal vises på siden.
Vælger du f.eks. mappen 'Aarhus' som rod her, er det altså de mapper og filer, der ligger i denne rod (mappe), som vises på siden.
- Klik på 'Vælg'.
- Forhold dig til målgruppestyring.
Læs mere om målgruppestyring i Umbraco.
- Tilføj eller fjern evt. mapper/filer til eller fra den valgte rod (mappe).
Du kan med 'Tilføj til scope' tilføje mapper/filer, der ikke ligger i den valgte rod (mappe). Disse mapper/filer vil nu også blive vist sammen med filerne i den angivne rod (mappe).
Du kan med 'Fjern fra scope' fjerne mapper/filer, der ligger i den angivne rod (mappe). Disse mapper/filer vil nu ikke blive vist.
- Udfyld titel for dit scope. Alle scopes SKAL have en titel.
OBS: Den titel, du giver dit scope kan kun ses backend.
- Tilføj evt. visning af opdateringsdato (kun fællesredaktører).
I det automatiske linkmodul har du mulighed for at vise filernes opdateringsdato, hvis det er relevant for brugerne at kende til denne.
- Tryk 'Indsæt' og slut af med 'Gem og udgiv'.
Kampagnemodul
Et kampagnemodul bruges, når du har brug for at gøre opmærksom på noget særligt. Det kan fx være info til nye studerende, en deadline for praktikansøgning, en reminder om aflevering af bøger, mv. En kampagne kan køre i kortere eller længere tid alt efter, hvor længe den er aktuel.
Brug ikke kampagnemodulet som dit primære indhold på en side. Indholdet skal kunne forstås og stå alene og fortsat være del af den samlede side.
Du kan tilføje flere kampagne-elementer til dit kampagnemodul - fx hvis du har et årshjul, hvor du løbende udskifter din kampagne. Dog viser modulet kun én kampagne ad gangen.
Kampagnemodulet består af:
- Et billede/en video
- Billedformat: 960x480 px. (Se hvordan du beskærer dit billede).
- En titel (Overskrift 2/H2’er).
- Brødtekst.
- CTA-knap med et link. (Hvad er en CTA?).
Det er muligt at indsætte enten 1 eller 2 CTA-knapper i kampagnemodulet
- Vi anbefaler, at man bruger 2 knapper i kampagnemodulet, hvis man har 2 links, der er relevant for indholdet i kampagnemodulet.
Tilføj modulet på siden.
Vælg ‘Tilføj indhold’ i bunden af siden og vælg 'Kampagnemodul’ blandt modulerne.
- Tilføj din kampagne.
- Tilføj evt. temafarve eller baggrundsfarve.
Vær opmærksom på, at farven vil slå igennem på hele modulet og ikke kun det enkelte kort.
Læs mere om brug af farver på modulerne her.
- Tilføj din kampagne.
Opsæt din kampagne ved at udfylde de forskellige punkter i din kampagne:
- Indsæt billede.
- Billede/video er obligatorisk. Dit billede skal have størrelse 960x480 px. (Se hvordan du beskærer dit billede).
- Få vejledning til at indsætte video.
- Udfyld titel.
- Titlen på din kampagne er din Overskrift 2 (H2’er).
- Indsæt indhold.
- Her har du mulighed for at skrive lidt brødtekst til din kampagne.
- Tilføj link.
- Tilføj et link, hvis din kampagne skal linke brugeren videre. Hold det kort fx ‘Ansøg om plads nu’ eller ‘Book tid til samtale’.
- Indsæt video.
- Ønsker du video på din kampagne skal videoen være fra YouTube. Du indsætter videoens ID fra YouTube nederst. Der bliver automatisk vist et billede i kampagnen, når du indsætter et video ID.
Husk altid at forholde dig til målgruppestyring i Umbraco.
- Vælg "indsæt" og slut af med "Gem og udgiv".
Farvet baggrund
Hvis du er Super Editor i Umbraco er det muligt at tilføje temafarve samt farvet baggrund til modulerne.
Det kan gøres ved alle moduler i Umbraco.
Vær opmærksom på følgende overvejelser, inden du vælger farvet baggrund på modulet:
- Farvet baggrund bag moduler kan bruges, når man har meget indhold på siden, der kan inddeles i nogle sektioner.
- Den farvede baggrund er tiltænkt, at man maksimalt laver ét område med farvet baggrund og ikke skiftevis laver moduler med/uden farvet baggrund.
Vi anbefaler at du bruger farvet baggrund i én samlet sektion, som dette eksempel:
Vi anbefaler at du IKKE skifter mellem moduler med og uden farvet baggrund ('fodgængerfelt'), som i dette eksempel:
Til alle moduler i Umbraco får du muligheden for at vælge:
- Temafarve
- Farvet baggrund
