Redaktørguide til Realdania.dk

Hvad er en content page?

En content page er en almindelig indholdsside, der ikke knytter sig til en bestemt type af indhold så som arrangementer eller projekter. Den bruges til mere "stationære" sider og kan indeholde varierende mængder af information.

Sådan bruger du en content page

Naviger til den korrekte placering for siden og indsæt en content page.

Content:

1. Udfyld Headline, trompet er frivillig.

2. Indsæt et billede og udfyld introteksten, denne vises i en rød boks under billedet. Du kan også vælge, at siden ikke skal vise billedet, det skal dog sættes ind og derefter skjules. OBS: vælger du en video i stedet for et billede SKAL du på YouTube/Vimeo indsætte et fallback billede til videoen, f.eks. Et screenshot.

3. 3. sæt nu sidens indhold op med blocks. Se gennemgang af block længere nede på denne side.

Page Data:

Udfyld tags og related content.

Tags: hjælper med søgbarhed og listevisninger.

Related content: ligger som et bånd nederst på siden, hvor det linker til relevante sider.

Metadata:

Udfyld Page Title og Meta Description.

Hvad er en section page?

En section page bruges til f.eks forsider til afsnit af hjemmesiden eller landing pages og kampagnesider. De har et større heromodul øverst på siden, der skaber blikfang.

Sådan bruger du en section page

Naviger til den korrekte placering for siden og indsæt en section page. Bemærk at section page ikke kan oprettes under f.eks. Content pages, men kun i roden eller under andre section pages.

Content:

1. Giv siden en titel

2. Indsæt en hero block

   1. Udfyld overskrift og evt intro tekst.

   2. Indsæt et media element - enten video eller billede. Hvis det er video, skal der tilføjes et fall back billede i YouTube/Vimeo.

   3. Tilføj evt. et hero accessory. En Hero graphic ligger som et billede til højre for overskrift- og introtekst. En hero text ligger vertikalt til højre for overskrift- og introtekst.

Sådan ser en hero graphic med et grafisk element ud:

Sådan ser en hero graphic med et text element ud:

Udfyld nu content til siden i blocks.

Metadata:

Udfyld Page Title og Meta Description.

Hvad er en News Page?

En News Page bruges til nyheder, artikler, blogindlæg og debatindlæg. De kan kun oprettes i nyhedslister - vores nyhedsliste ligger under Realdania/Nyhedsoverblik/Nyheder. Sidetypen har flere oplysninger, der skal udfyldes, som er gældende for kun denne type af indholdsside så som author, article date og news type. 

Sådan laver du en News Page

1. Naviger til den korrekte år- og månedfolder i nyhedsstrukturen. Opret en ny side. 

2. Under fanebladet Content udfyldes trompet, overskrift, intro og billede. HUSK: billeder skal altid være 16:9 format.
   Selve artiklens brødtekst og øvrige indhold sættes op i hhv. Top Blocks og Bottom Blocks. I Top Blocks er indholdet mere snævert sat op for at lave plads til infoboks om dato og forfatter. I Bottom Blocks opfører blocks sig som på øvrige sidetyper, hvor de går mere til kant. 

3.  Under fanebladet Related udfyldes Tags, Related Projects og Related Content.  

4. Under fanebladet Page Data skal følgende udfyldes:

   1. Article date: Publiceringsdatoen for artiklen

   2. News type:  Vælg om der er tale om en nyhed, artikel, blogindlæg eller debatindlæg.

   3. Type/Theme: Skriv et tema, der vises over publiceringsdatoen

   4. Contact: Udfyld navn og kontaktoplysninger på forfatteren

5. Under fanebladet Metadata udfyldes Page Title og Meta Description. Cannonical link udfyldes hvis der findes en lignende artikel, der omhandler samme emne som er vigtigere/ hovedartikel for et emne. 

Sådan ændrer du teksten i linket til en nyhed

Bemærk: Link-teksten skal fylde max 1 linje. skrive f.eks. "Læs mere her"

1. Gå ind i Menu 

2. Skriv link teksten ud fra Title in Menu

Hvad er en notits?

Notitser er små nyhedsblocks, der vises på realdania.dk/nyhedsoverblik. De kan linke til både interne sider på realdania.dk og til eksterne sider. De bruges til korte opdateringer og mindre nyheder.

Sådan laver du en notits

Content

1. Naviger til Nyhedsoverblik/Notitser/[år]/[måned] og opret en ny notits

2.  Udfyld overskrift, dato, link og intro (som er en form for brødtekst).

3. Når der skal sættes et billede på kan du gøre en af to forskellige ting:

   1. link til et eksternt billede via et billedlink. Naviger til det korrekte billede, højreklik på det og kopier URL til billedet. Sæt URLen ind i External Image Link. 

   2. Naviger til et billede i mediebibliotektet og indsæt det.

4. Du kan vælge at sætte en trompet på indholdet, som viser det tema eller emne notitsen omhandler. 

Related

Du skal tilføje de tags der passer til notitsen. De bruges i filtreringen af nyheder. 

Du skal også sætte mulige related projects på. Det gør, at notitsen vises på projektsiden. 

Hvad er en projektside?

Projektsider laves til Realdanias projekter og kan vise tiden før, under og efter projektet. De viser f.eks. billedgallerier, videoer, infomøder, nyheder mm fra projektet. Projektsiderne bruges som tags i nyheder og notitser, som automatisk vises på de projekter, de er tagget med. 

Sådan laver du en projektside

Opret en ny projektside i projektfolderen. 

Content

1. Start med at udfylde heroblocken. Indsæt en Projekt hero, hvori overskrift, introtekst, og billede udfyldes - husk alternativ tekst og kreditering. Bruger du en video som media skal du også indsætte et fallback image, som vises hvis videoen ikke spiller.

2. Du kan nu starte med at bygge resten af din projektside med blocks. Den gængse rækkefølge for projekter er som følger. Findes alle materialer ikke, kan man rette blocksrækkefølgen til:

   1. Text block og image blocks: information om og billeder fra projektet. 

   2. Project fact block: fakta om projektet

   3. Image slider block: mulighed for at bladre i billeder fra projektet. 

   4. Gallery block med videoer: vis videoer fra projektet hvis disse findes.

   5. News Block: nyheder fra projektet. 

   6. Knowledge block: vi publikationer relateret til projektet.

   7. Project block: vis slider med links til relaterede projekter. 

Related

Tilføj tags der passer til projektet. Disse bruges til filtrering på projektlistesiden. Udfyld også relaterede projekter. 

Page data

Informationer til Project fack block trækkes fra disse felter. 

• Started og Ended refererer til, hvornår projektet startede og sluttede

• Use Today publiceres med overskriften "anvendelse i dag" og bruges til at beskrive, hvad projektet anvendes til i dag - f.eks. besøgscenter, museum, o.l.

• Acquired publiceres med overskriften "Erhvervet" og kan bruges til det år By & Byg har erhvervet en bygning. 

• Opened publiceres med overskriften "indviet" og kan bruges til indvielsesår.

• Proctected publiceres med overskriften "Fredet" og kan bruges til at indikere om bygningen er fredet. 

• Construction year: angiv hvilket år byggeriet er opført. 

• Funding amount : angiv støttebeløb fra Realdania

• Partner: Angiv samarbejdspartnere på projektet

• Partnerships: Angiv samarbejdspartnere på projektet - kun for By & Byg

• Ownership: Angiv ejerskab for bygningen - kun for By & Byg

• Architects: Angiv hvilke arkitekter der er/har været tilknyttet. 

• Project responsible: Hvilken projektchef fra filantropi er tilknyttet projektet

• No contact person: toggle on hvis der ikke skal vises en klikbar link til medarbejdersiden for den projektansvarlige. 

• Websites: har stedet sin egen hjemmeside kan linket sættes ind her.

• Hide in app: Skal projektet ikke vises i Realdania appen skal denne toggles on.

• Her kan der indsættes ID fra GO. 

Se hvordan felterne ser ud her:

Geography

Denne data placerer projektet på kortet  på projektlistesiden. Udfyld adresse i tekstfeltet over kortet og skriv adressen i feltet "Address". Koordinaterne indsætter Umbraco selv derefter. 

Metadata

Udfyld Page Title og Meta Description.

Hvad er en Video Page?

Video page bruges i Viden og Læring - her kan man lægge videoer, der f.eks. indeholder informationsmøder, faglige talks o.l.

Sådan laver du en Video Page

Naviger til Viden og læring/Viden/Videoer og indsæt en ny video. Bemærk: mange videoer ligger i videomapper. Når du uploader nye videoer skal det ikke være i en mappe, de er et levn fra migreringen fra Sitecore til Umbraco.

Content

1. Udfyld overskrift og intro.

2. Udfyld video ID. Se video herunder for at se hvordan man finder ID for hhv. youtube- og vimeovideoerne.

Hvad er en publication side?

Publication sider bruges til de printmaterialer, der skal være tilgængelige på realdania.dk. Dette gælder bla. årsmagasiner, strategier, årsrapporter, By & Byg materiale og faglige publikationer.

Sådan laver du en publication side

Naviger til Viden og læring/Viden/PubIikationer og opret en ny publication side i den rette folder.

Content

Udfyld Overskrift, intro, issuu link hvis publikationen er uploaded der samt billede (forsiden fra publikationen)

Ønsker du at give mere information om publikationen, kan du bruge blocks til dette, så som en indholdsfortegnelse eller opsummering af materialet. Jo mere information du giver, desto lettere at det for søgemaskiner at finde og vise korrekt i søgereultater. 

Related

Tilføj tags med temaer der passer til publikationen - disse bruges til filtrering. Du kan også udfylde Related Projects og Related Publications, der sætter links ind til relaterede publikationer nederst på siden for den gældende publikation.

Page data

I dette faneblad skal følgende udfyldes:

• Date: Angiv udgivelsesdato for publikationen

• Publication type: Angiv publikationens type

• Number Of pages: Angiv hvor mange sider publikationen har

• Authors: Angiv forfattere

• Download link: Indsæt link til publikationen ved at finde den i mediebiblioteket. Findes den ikke der i forvejen, kan du navigere til den korrekte mappe og derefter uploade den.

• Er publikationen fra By & Byg kan der også udfyldes pris.

Metadata

I metadata skal Page Title og Meta Description udfyldes.

Hvad er en podcast page?

Podcast pages er tilgængelige under Viden og Læring og indeholder pocasts.

Sådan laver du en podcast page

Naviger til Viden og læring/Viden/Podcasts og opret en ny podcast

Content

1. Udfyld overskrift og intro.

2. Indsæt enbed code fra podcasten. Du finder den i vores podcast hosting på blubrry.com. Se video herunder for kort vejledning.

3. I Blocks kan du indsætte en text block og beksrive, hvad podcasten handler om. Jo mere du beskriver, desto lettere bliver det at finde podcasten for søgemaskiner.

Related

1. Udfyld tags: Vælg de tags der passer til podcasten. Disse bruges til filtrering i Viden og Læringssiderne.

2. Udfyld related projects: Dette hjælper til at vise podcasts på projektsiderne.

3. Udfyld related podcasts: De valgte podcasts vil vises nederst på siden.

Page data

Udfyld dato for udgivelse, podcastens længde og billede der skal vises.

Indsæt download link fra Blubrry.com. Se video herunder for kort vejledning. 

Metadata

Udfyld Page Title og Meta Description for at øge vores synlighed på søgemaskiner.

Se herunder, hvor du finder både indlejringskode og direkte link til hhv. content og page data links til bluberry.

Hvad er en læringsside?

Under Viden og Læring ligger en en række læringssider. I disse opsummerer vi læringer og guider brugere videre i vores store bibliotek af publikationer o.l. 

Sådan laver du en læringsside

Naviger til Viden og Læring --> Vidensbiblioteket --> Læring og indsæt en ny learning page

Content

Sæt en hero op og derefter blocks til indhold. Indholdet skal følge denne skabelon:

1. Introduktion til emner

2. Centrale læringer (opsummeret)

3. Gode råd til andre der arbejder med emnet

4. En small campaign block der linker til det mest relevante indhold (en rapport e.l.)

5. Two column block der linker til hhv. listevisning over andre læringssider og en filtreret søgning i vidensbiblioteket på den gældne type af indhold. 

Page data

Udfyld tags - disse bruges til filtreringen af indholdet

Hvad er en Discount Page?

Discount pages bruges til at oprette medlemsrabatter under Fokus på realdania.dk

Sådan laver du en Discount Page

Naviger til Fokus/For medlemmer//rabatter og opret en ny discount page

Content

Udfyld overskrift og introtekst samt billede, der skal vises i listevisningen over rabatter.

Gå videre til top blocks. Her er grundopbygningen for rabatsiderne som følger

• Image block eller gallery block med billeder fra den institution man kan få rabat

• Text block: En beskrivelse af hvad medlemsfordelen er.

• Image block eller gallery block med billeder fra den institution man kan få rabat.

• Text block: beskrivelse af institutionen.

• Image block eller gallery block, evt video i en mediablock med billeder/video fra den institution man kan få rabat.

• Text block: Fakta fra institutionen

• Map block der viser hvor man kan besøge institutionen

Bottom blocks:
Indsæt en CTA block med links - kopier den fra en anden discount page.

Page Data

Udfyld description og adresse

Metadata

Udfyld Page Title og Meta Description for at øge vores synlighed på søgemaskiner.

Voucher

Udfyld overskrift. Udfyld description - det er denne tekst der udgør selve voucheren for medlemmet som vises når medlemmet klikker på "få rabatten" ved besøget på institutionen. Tag udgangspunkt i teksten fra en eksisterende medlemsrabat.

Hvad er en application page?

En application page bruges til calls under Søg Støtte. 

Sådan bruger du en application page

Content

1. Naviger til Søg Støtte og opret et nyt application call. Giv den et navn.

2. Udfyld overskrift og eventuelt intro samt vælge et ikon i mediebiblioteket i mappen Søg Støtte/Søg støtte ikoner

3. Indsæt blocks med indhold der beskriver callet, hvem der kan søge, krav, projektperiode o.l.

Pop-ups

Vil du have pop-ups mellem Søg Støtte-siden og selve call siden kan du sætte dem op her

Sidebar

Her udfyldes den nødvendige information om callet, som typisk vises i den højre faktaboks på selve call siden. Bemærk: Alle felter med ↓  har nedarvet tekst og behøves ikke udfyldes. Udfylder du felterne, vises den tekst du har skrevet.

Settings

Her kan du skjule call'et fra oversigten over alle calls. 

Application

Her indsættes ID fra Umbraco Application. Dette ID sikrer, at brugeren går fra realdania.dk til det korrekte ansøgningsskema. 

Hvad bruger man en Accordion Block til?

En accordion er god til at gemme større mængder information, man kan folde ud hvis man som bruger ønsker det. Den er også god til Q&As.  

Sådan bruger du en accordion block 

1. Indsæt en Accordion Block i Blocks  

2. Udfyld overskrift(Headline) og beskrivelse(Description) som vises over de individuelle elementer i accordionen. De kan ses om intro til indholdet. De er optional og behøves ikke at blive udfyldt.   

3. Add accordion element: 

   1. Title: Overskrift på dit accordion element. Her kan f.eks skrive spørgsmålet i sin Q&A 

   2. Description: en lille tekst, som vises om elementet er foldet ud eller ej. Optional 

   3. Content: indsæt en text block, Image element eller HTML block. Dette indhold vises først, når man folder elementet ud.  Du kan tilføje flere elementer, f.eks tekst og billede.

Sådan kan en accordion se ud:

Hvad bruger man en Big Media with Factbox block til?

En Big Media with Factbox block er et stort kampagne element, der fylder fuld brede på siden. Den består af et billede øverst med en tekstbox under med overskrift, body text og link. Den "fylder" visuelt på siden, så er mest egnet som blikfang med primær kommunikation. 

Sådan bruger man Big Media with Factbox block

1. Indsæt en Big Media with Fackbox block i Blocks

2. Udfyld tema, billede, overskrift, body tekst og links. Alle disse elementer er valgfri, så brug dem ud fra et brugervenlighedsperspektiv, hvor siden har et enkelt udtryk og brugeren får information så let som muligt. 

3. I settings kan du vælge hvilke baggrundsfarve tekstblock'en skal have. 

Sådan kan en  Big Media with Fackbox block se ud:

Hvad bruger man en Campaign block til?

En block til hovedbudskaber, hvor der kan stå en overskrift, brødtekst og link. Tekst ligger som en boks og overlapper et 16:9 billede en smule. 

Sådan bruger man Campaign block

1. Naviger til den gældende side og indsæt en Campaign BLock. 

2. Udfyld overskrift, tema, brødtekst, link og billede. 

3. Man kan vælge at udfylde Image text og Image link. Image text vises ved siden af billedet - her eksempel herunder. 

Hvad bruger man en Candidate Block til?

En block til at præsentere flere person i ét view. Til venstre ses et grid med portrætter, som man klikker på portrætterne, fremgår tekst til højre knyttet til netop den person. 

Sådan bruger man Candidate Block

1. Indsæt Candidate Block på den ønskede side.

2. Klik på Add Candidate 

3. Indsæt billede, navn, sted(hvis det giver mening) og udfyld information. Hvis det er en kandidat til et valgområde, følg da den struktur vi tidligere har brugt. Indsæt så mange personer, du har brug for.

4. Afslut med at udfylde Text under listen med Candidates. Det er teksten, der vises, når man endnu ikke har klikket på en person. Vi har tidligere skrevet f.eks "Klik på en kandidat og læs mere"

Hvad bruger man en CTA block til?

CTA Block er ment som en link block der kan pege på andre sider eller downloads. Den fungerer godt til sekundært indhold eller til at skabe overblik over flere links på en side. 

Sådan bruger man CTA block

1. Indsæt CTA block på den ønskede side

2. Tilføj en CTA box 

3. Udfyld CTA box med cation (en lille tekst over overskrift), overskrift og link. Caption fungerer godt som en form for hjælpetekst eller uddybende forklaring til overskriften. 

4. Ønsker man farve kan disse tilføjes. 

En CTA Block kan indeholde en til tre bokse, men skal indeholde minimum to for at designet er pænt. 

Hvad er et delt element?

Et delt element er et modul, der kan indsættes på realdania.dk og styres fra ét sted i de globale indstillinger. Det kan f.eks. Være en campaign block til Turen Går Til, som passer på flere projektsider. Når Turen Går Til bliver revideret kan man da n'jes med at opdatere blocken ét sted.

Sådan bruger du et delt element

Indsæt delt element

1. Naviger til den side, det delte element skal være på.

2. indsæt en Shared Elements Block

3. Vælg det shared element, der skal sættes ind.

4. Publicer siden når den er færdig.

Opret delt element

Du kan enten oprette et delt element fra bunden eller lave en eksisterende block om til et delt element.

Opret fra bunden:

1. Naviger til Global Setting--> Delte Elementer --> Naviger frem den korrekte folder, elementet skal ligge i

2. Vælg Add Content og opret blocken.

3. Gem og publicer. Du kan nu indsætte det delte element ved at bruge vejledningen herover.

Lav eksisterende block til delt element:

1. Gå til den block, der skal være et delt element. Kopier den.

2. naviger til Global settings --> Delte Elementer og tilføj et nyt shared element i den korrekte folder

3. Indsæt nu den kopierede block og navngiv det delte element med et sigende navn.

4. Gem og publicer. Du kan nu bruge det delte element på realdania.dk

Hvad bruger man en Focus block til?

En focus block er god til at vise f.eks. bestemt projekter, contentsider og arrangementer. Al indhold i block'en er frivillig, så den kan bruges på flere forskellige måder. 

Sådan bruger man Focus block

1. Indsæt focus block på din side. Du kan give den en overskrift, hvis det passer til din side.

2. Indsæt et focus item og udfyld information. Herunder kan du se, hvordan block'en ser ud med og uden billeder. 

3. Bemærk: Som udgangspunkt vil det højre focus items billede være større end det venstre. Denne indstilling kan ændres i Settings, så det venstre billede bliver større. Indsætter man mere end to focus items har alle billeder samme størrelse. 

Focus item med to billeder:

Focus block med tre billeder

Focus block uden billeder

Sådan bruger du en Hero block 

Sådan opretter du et arrangement i hero block

1. Tryk på 'Project Hero' i Header 

2. Gå ned i 'Hero Accessory' og tryk 'Create new' 

3. Vælg 'Hero CTA'

4. Udfyld Headline og Caption (Det er den lille tekst der kommer til at stå over overskriften) 

5. Tilføj link til arrangementet i 'Link' feltet ved trykke på Add 

6. Tilføj arrangementet i 'Internal Item' feltet ved at trykke på choose 

   Sådan kan det se ud: 

   
   

Hvad bruger man en Image Block til?

En Image Block muliggør at du kan indsætte et billede hvor som helst i din tekst.

Sådan bruger man Image Block

1. Tilføj en Image Block, og vælg “Add Expanded Image element” under Image for at indsætte et billede.

2. Klik på "Expanded Image element" og herefter på "+ Choose".

3. Bemærk:

   1. Hvis billedet allerede er uploadet, kan du finde det i de eksisterende mapper.

   2. Hvis du skal uploade et nyt billede, skal du først gå ind i den mappe, billedet hører til, og derefter klikke på Upload. På den måde sikrer du, at billedet placeres i den korrekte mappe.

4.  Når du har valgt dit billede, skal du under Copyright angive navnet på den person, der skal krediteres.

5. Hvis billedet skal have en beskrivelse, kan du tilføje den under Description.

6. Klik på Create, og derefter Create igen for at bekræfte.

7. Bemærk: Hvis du ønsker at placere billedet midt i en tekst, skal du:

   1. Oprette en Text Block med teksten, der skal stå over billedet.

   2. Indsætte en Image Block.

   3. Tilføje endnu en Text Block med teksten, der skal stå under billedet.

Hvad bruges Knowledge Block til?

En Knowledge Block viser et billede af emnet samt en kort beskrivelse, der fungerer som en knap. Brugeren kan klikke på knappen for at navigere direkte til det valgte indhold.

Sådan bruger du en Knowledge Block

1. Hvis emnet allerede er oprettet i Umbraco:

   1. Under ’Fixed Items’ klik på Choose og vælg det ønskede emne. (Det er muligt at vælge flere emner.)

   2. Tryk derefter på Update

Hvad bruges Media Block til?

En Media Block muliggør at du kan indsætte en video eller et billede på siden.

Sådan bruger du en Media Block

Video:

1. Tryk på Create og herefter ’Video element’

2. Indsæt video-ID’et

   1. Fx. youtube.com/watch?v=6JQ-dUE4Nuo. I dette tilfælde: 6JQ-dUE4Nuo

3. Indsæt titlen på videoen under Title

4. Vælg om videoen er fra Vimeo eller YouTube ved at trykke på ’on/off-knappen’

5. Klik på Create, og derefter Create igen for at bekræfte

Billede (fungerer ligesom Image Block):

1. Tryk på Create og herefter ’Expanded Image element’

2. Klik på + Choose.

3. Bemærk:

   1. Hvis billedet allerede er uploadet, kan du finde det i de eksisterende mapper.

   2. Hvis du skal uploade et nyt billede, skal du først gå ind i den mappe, billedet hører til, og derefter klikke på Upload. På den måde sikrer du, at billedet placeres i den korrekte mappe.

4. Når du har valgt dit billede, skal du under Copyright angive navnet på den person, der skal krediteres.

5. Hvis billedet skal have en beskrivelse, kan du tilføje den under Description.

6. Klik på Create, og derefter Create igen for at bekræfte.

Hvad bruges Text Block til?

Tekst Block bruges til at indsætte tekst på siden.

Sådan bruger du en Text Block

1. Indsæt din teskt i ’Text’ feltet og tryk herefter på Create

Sådan bruger du en Text Block som faktaboks

1. Vælg en BackgroundColor 

Hvis du fortryder tryk på Transparent

Hvad bruges Timeline Block til?

Timeline bruges til at lave en tidslinje over projekter.

Sådan bruger du en Timeline Block

1. Klik på “Add TimelineElement”, og vælg derefter “TimelineElement”.

2. I feltet Date indtaster du datoen eller årstallet for projektet.

3. Under Headline skriver du projektets titel.

4. Tilføj et link til projektet i feltet Link, og upload et billede i feltet Image.

5. Klik derefter på Create.

6. Bemærk, at det øverste projekt under Points vises som det første på tidslinjen.

7. Afslut ved at klikke på Create, og derefter Create igen for at bekræfte.

5-10 billeder = Slider Block

Over 15 billeder = Gallery Block

Hvad bruges Image Slider Block til?

En Image Slider Block bruges til at samle flere billeder i et slideshow, som man kan scrolle igennem.

Sådan bruger du en Image Slider Block

1. Indtast en titel på slideshowet i feltet Headline.

2. Under Images, klik på “Add image element” og vælg “Expanded Image element”.

3. Tilføj et billede under Image ved at klikke på + Choose.

4. Bemærk:

   1. Hvis billedet allerede er uploadet, kan du finde det i de eksisterende mapper.

   2. Hvis du skal uploade et nyt billede, skal du først åbne den mappe, som billedet hører til, og derefter klikke på Upload. På den måde sikrer du, at billedet placeres i den korrekte mappe.

5. Klik på Choose.

6. Angiv fotokredit i feltet Copyright.

7. Tilføj en overskrift til billedet i feltet Headline.

8. Skriv evt. en beskrivelse af billedet i feltet Description.

9. Klik på Create.

10. Du kan herefter vælge “Create new” for at tilføje endnu et billede til slideshowet – eller afslutte ved at klikke på Create, og derefter Create igen for at bekræfte.

5-10 billeder = Slider Block

Over 15 billeder = Gallery Block

Hvad bruges Gallery Block til?

Muliggør at man kan samle billeder og videoer i mapper/gallerier

Sådan bruger du en Gallery Block

Billeder:

1. Skriv en overordnet overskrift for dit galleri i feltet Headline.

2. Klik på “Gallery”.

3. Klik derefter på “Create new”, og vælg “GalleryFolder”.

4. Indtast galleriets titel i feltet Title, og tilføj billeder under Images ved at klikke på “Add Expanded Image element”.

5. Bemærk, at alle billeder, der skal indgå i det samme galleri, skal tilføjes i den samme GalleryFolder.

6. Klik på Create.

7. Du kan herefter vælge “Create new” for at oprette endnu et galleri – eller afslutte ved at klikke på Create, og derefter Create igen for at bekræfte.

Video:

1. Skriv en overordnet overskrift for dit galleri i feltet Headline.

2. Klik på “Gallery”.

3. Klik derefter på “Create new”, og vælg “Expanded Video element”.

4. Indtast galleriets titel i feltet Title, og indsæt videoens ID.

5. Eksempel: Hvis linket er https://www.youtube.com/watch?v=6JQ-dUE4Nuo, er video-ID’et 6JQ-dUE4Nuo.

6. Vælg, om videoen er fra YouTube eller Vimeo, ved at bruge on/off-knappen.

7. Klik på Create.

8. Du kan herefter vælge “Create new” for at tilføje endnu et videoelement – eller afslutte ved at klikke på Create, og derefter Create igen for at bekræfte.

Hvad bruges Info Block til?

En Info Block bruges til at oprette en informationsboks, hvor du kan indsætte tekst, links og eventuelt et billede eller en video. Blokken giver mulighed for at linke til op til tre forskellige steder.

Sådan bruger du en Info Block

Grey Box

1. Indtast overskriften i feltet Title.

2. Udfyld evt. Manchet og Body med den ønskede tekst.

3. Udfyld evt. Links.

Red Box

1. Under Info Items, klik på “Add Info Element” og vælg “Info Element”.

   1. I feltet Information skriver du overskriften.

   2. I feltet Description skriver du underoverskriften.

   3. Klik derefter på Create.

2. Udfyld evt. Title og Body.

3. Udfyld evt. Links.

Media

Hvis du vil tilføje et billede eller en video nederst i informationsboksen:

1. Under Media, klik på “Create new”, og vælg derefter video eller billede.

2. Du kan tilføje et link under billedet ved at klikke på “Add” under Link.

Når du har udfyldt de bokse du skal bruge tryk på Create, og derefter Create igen for at bekræfte.

Hvad bruges News Block til?

En News Block bruges til at indsætte én eller flere nyheder på en side.

Sådan bruger du en News Block

1. Ud fra "Headline" skrivs overskriften, f.eks. Nyheder.

2. Ud fra "Priority News" Klik på Choose, vælg de nyheder, du vil indsætte, og klik derefter igen på Choose for at bekræfte dit valg.

3. News Tag: Tilføj relevante tags til dine nyheder.

4. Bemærk: Hvis du ønsker, at nyheden skal vises i et større format, markér feltet Show Expanded News Block.

5. Afslut ved at klikke på Create, og derefter endnu en gang på Create for at bekræfte og gemme blokken.

Stor format:

Bemærk: Anvend funktionen ‘Related’ i menulinjen til at relatere projekter, hvis denne mulighed er tilgængelig.

Hvad bruges Project Block til?

En Project Block bruges til at linke til relaterede projekter på en side.

Sådan bruger du en Project Block

Under Headline skrives en overskrift f.eks. Relaterede projekter.

Under Related Projects klik på Choose, og vælg de projekter, du vil linke til. Klik derefter på Choose igen for at bekræfte dit valg.

Bemærk: Under Settings kan du markere Show As List, hvis du ønsker, at projekterne skal vises som en liste i stedet for i en scrolle-visning.

Afslut ved at klikke på Create, og derefter Create igen for at bekræfte.

Hvis 'Related' funktionen står i menulinjen

Hvad bruges Quote Block til?

Quote Block bruges, når du vil indsætte et citat, der skal stå større på siden.

Sådan bruger du en Quote Block

1. Indtast citatet under Quote – uden brug af anførselstegn.

2. Skriv navnet på personen, der har sagt citatet, under Quotee.

3. Angiv eventuelt virksomhedens navn eller stilling under CompanyTitle.

4. Klik på Create og derefter Create igen for at bekræfte.

Hvad bruges Related Pages Block til?

Denne blok anvendes, når du vil indsætte relaterede sider – f.eks. nyheder, projekter eller andre relevante indholdstyper.

Sådan bruger du en Related Pages Block

1. Under Headline skrives overskriften f.eks. Relaterede sider

2. Ved Items tilføjes de sider, der skal vises under de relaterede sider. Indsæt ved at trykke på Choose, herefter vælger man de udvalgte sider og herefter trykker man Choose igen.

3. Ved Priority Items tilføjes de sider, der skal vises først. Disse får højere prioritet end de andre relaterede sider.

4. Ved See all link kan der evt. tilføjes et link

5. Bemærk: Hvis du ønsker, at de relaterede sider skal vises i et større layout, skal du markere feltet “Show Expanded Block”.

6. Afslut ved at klikke på Create, og derefter Create igen for at bekræfte.

Hvad bruges Shortcuts Block til?

Shortcuts Block bruges, når du vil oprette en eller flere genveje (links) til sider. Du kan placere flere kolonner ved siden af hinanden.

Sådan bruger du en Shortcuts Block:

1. Klik på “Add Shortcuts Column”, og vælg derefter Shortcuts Column.

2. Under Headline kan du tilføje en overskrift (vises med stor, rød tekst).

3. Under Description kan du skrive en kort beskrivelse, som vises under overskriften.

4. Tilføj links til de sider der skal oprettes genveje til under Links ved at klikke på Add.

5. Tilføj en Call To Action (CTA) ved at klikke på Add under sektionen for Call To Action.

6.  Tryk på Create

Bemærk: Du kan oprette flere kolonner ved at klikke på Add Shortcuts Column under Edit Shortcuts Block.

Hvad bruges Small campaign guide block til?

En block til hovedbudskaber, hvor der kan stå en overskrift, brødtekst og link. Tekst ligger som en boks med et billede ved siden af.

Sådan bruger du en Small campaign guide block

1. Udfyld headline og body

2. Indsæt link til der hvor blocken skal henvise til

3. Indsæt billede

4. Tryk på create og create igen

Når du opretter en ny side kan du læne dig op ad de følgende principper om den gode weboplevelse:

• Gør dig klart hvad siden primære formål er sammensat med målgruppen for siden. Dette formål skal være hurtigt aflæseligt for brugeren. 

• Udvælg en - max to - primære call to actions og sørg for at de fremstår tydeligt og så højt oppe på siden som muligt.

• Antag altid at brugeren ikke bruger tid på at læse dit indhold, men i stedet scanner siden.

• Undgå altid tekst på billeder.

Når en side er færdig og klar til at blive publiceret, klikker man på Save and publish. Vælger man den lille pil ved siden af teksten kan man også vælge:

• Unpublish: Afpublicering af siden. 

• Publish with decendants: Publicer denne side og alle undersider under den

• Schedule publish: Planlæg en publicering i fremtiden. Herunder kan du også planlægge en afpublicering. 

Som hovedregel skal overskrifter altid være H2.

Hvis du vil indsætte en underoverskrift kan den være H3, men dette må kun gøres, hvis det er under en H2-overskrift.

Sådan indsættes links:

1. Marker den tekst, der skal være et link og klik på link-ikonet.

2. Du har tre valgmuligheder at linke til:

   1. Content - link til en anden side på realdania.dk

   2. Media - link til et element i Media biblioteket f.eks. en pdf

   3. Manuel - bruges til links udenfor realdania.dk

Indsæt link med en query string:

En URL med en query string er en webadresse, der indeholder ekstra oplysninger (efter et ?), som fortæller hjemmesiden, hvordan den skal vise eller filtrere indholdet. Skal du f.eks. linke til projektsiden, hvor filteret Indeklima er slået til ser URLen sådan ud: https://new.realdania.dk/projekter?page=0&q=&tags=dbc4f9e2-232a-4c13-999d-33bfd279c62f hvor alt efter "?" er tagget "indeklima". På billedet herunder kan du se, hvordan du bruger det.

Når du indsætter en e-mail på hjemmesiden skal du gøre følgende:

1. Skriv mailen og markér den

2. Tryk herefter på link og så på manual

3. Skriv "mailto:denønskedemail"  - UDEN mellemrum :)

4. Tryk på Add

Som udgangspunkt bruger vi 16:9 billeder på realdania.dk - dette format går igen i det fleste blocks. Dog kan man også bruge 9:16 i f.eks. billedeslider og gallery block. I small campaign block bruges 1:1 format. 

På billeder kan man sætte fokuspunkt i mediebiblioteket. Dette fokuspunkt vil være i centrum på billede og man kan på den måde undgå uhensigtsmæssige beskæringer. 

1. Indsæt en HTML Block på den side og placering, hvor tabellen skal være.

2. Indsæt følgende html og begynd at udfylde skemaet. 

<table style="width: 2348px;">

<colgroup> <col style="width: 1762px;"> <col style="width: 561px;"> <col style="width: 25px;"> </colgroup>

<tbody>

<tr>

<th colspan="1" rowspan="1" colwidth="1762" style="background-color: rgb(216, 216, 216); text-align: left;"> <p></p> </th>

<th colspan="1" rowspan="1" colwidth="561" style="background-color: rgb(216, 216, 216); text-align: right;"> <p>&nbsp;2024</p> </th>

<th colspan="1" rowspan="1" colwidth="25" style="width: 20%; background-color: rgb(216, 216, 216); text-align: right;"> <p>2023</p> </th> </tr>

<tr>

<td colspan="1" rowspan="1" colwidth="1762"> <p></p> </td>

<td colspan="1" rowspan="1" colwidth="561" style="text-align: right;"> <p></p> </td>

<td colspan="1" rowspan="1" colwidth="25"> <p style="text-align: right;"></p> </td> </tr>

<tr>

<td colspan="1" rowspan="1" colwidth="1762"> <p></p> </td>

<td colspan="1" rowspan="1" colwidth="561" style="text-align: right;"> <p></p> </td>

<td colspan="1" rowspan="1" colwidth="25"> <p style="text-align: right;"></p> </td> </tr>

<tr>

<td colspan="1" rowspan="1" colwidth="1762"> <p><b></b></p> </td>

<td colspan="1" rowspan="1" colwidth="561" style="text-align: right;"> <p></p> </td>

<td colspan="1" rowspan="1" colwidth="25"> <p style="text-align: right;"></p> </td> </tr>

<tr>

<td colspan="1" rowspan="1" colwidth="1762"> <p></p> </td>

<td colspan="1" rowspan="1" colwidth="561" style="text-align: right;"> <p></p> </td>

<td colspan="1" rowspan="1" colwidth="25"> <p style="text-align: right;"></p> </td> </tr>

<tr>

<td colspan="1" rowspan="1" colwidth="1762"> <p><b></b></p> </td>

<td colspan="1" rowspan="1" colwidth="561" style="text-align: right;"> <p></p> </td>

<td colspan="1" rowspan="1" colwidth="25"> <p style="text-align: right;"></p> </td> </tr>

</tbody>

</table>

Hvad bruger man en Submenu title til?

En submenu title bruges til at oprette en genvej under overskriften i menulinjen.  

Sådan bruger man Submenu Title

1. Tryk ind på projektet

2. Tryk på den block, du vil oprette en genvej til

3. Gå ind i Menu

4. Skriv det navn, der skal stå ud fra Submenu Title 

Vores visuelle identitet tager udgangspunkt i tre primære farver: rød, grå og hvid. Disse farver danner fundamentet for designet og skal være gennemgående på tværs af hjemmesiden. Brødtekst og øvrig tekst vises som udgangspunkt i sort for at sikre høj læsbarhed og et klart, konsekvent udtryk.

Ud over de primære farver arbejder vi med en række sekundære farver: gul, bordeaux, blå, grøn og lilla. Disse farver kan bruges til at supplere designet, skabe variation og understøtte visuelle hierarkier. De sekundære farver skal altid anvendes med omtanke, så de underststøtter – og ikke konkurrerer med – de primære farver.

Farverne må ikke “ejes” af bestemte emner, indsatser eller fagområder. Det betyder, at vi ikke kobler specifikke farver fast til bestemte temaer. Farvevalget skal i stedet bero på en designmæssig og kommunikativ vurdering i den konkrete sammenhæng, så vi sikrer fleksibilitet og et samlet, harmonisk udtryk på tværs af hjemmesiden.

Hvad er en arrangementsside?

Et arrangement kan være følgende typer:

• Member registration: Medlemsarrangement for Realdanias medlemmer

• External Registration: Arrangement udenfor realdania.dk så som Building Green 

• Registration: Arrangementer alle kan deltage i 

• Debate Registration: Debatmøder 

• Election Meeting Registration: Valgmøder

Sådan laver du et arrangement

Naviger til den rette folder under Realdania/Arrangementer/[årstal]/[måned]/[arrangementstype] og opret et nyt arrangement. Her vil du se en række tabs, der skal udfyldes. De gennemgås herunder: 

Content:

1. Skriv overskrift og introtekst til arrangementet. Indsæt et billede, hvis du har et.

2. I Blocks kan du indsætte blocks til content f.eks. tekst, billeder, video og accordions alt efter indhold. 

Geography:

1. Skriv og vælg den korrekte adresse for arrangementet i feltet Coordinates.

2. Skriv adressen igen i feltet Location, denne adresse vises for brugeren.

Time:

1. Indsæt et timeslot.

2. Udfyld evt. Time slot tekst. Denne vises efter tidspunktet for arrangementet.

3. Udfyld From og To med start- og sluttidspunkt. Vær opmærksom på, at der i skrivende stund mangler en logik i dato- og tidsvælger, så man kan vælge et sluttidspunkt, der ligger før starttidspunkt.

4. Udfyld antal billetter i alt og antal billetter medlemmer kan bestille af gangen.

Registration:

Indsæt en Event Registration, den indeholder følgende typer. Bemærk at der er forskellige informationskrav til de forskellige arrangementstyper:

• Member registration: Medlemsarrangement for Realdanias medlemmer

• External registration: Arrangement udenfor realdania.dk så som Building Green

• Registration: arrangementer alle kan deltage i afholdt af Realdania

• Debate Registration: Debatmøder

• Election meeting registration: Valgmøder

➡️For guide til disse arrangementstyper, gå til næste punkt herunder.

Bemærk: Nogle felter er markeret med "↓". Ved disse felter kan du lade være med at udfylde indhold, da felterne automatisk udfyldes, hvis de er tomme.

Event data

Udfyld følgende information:

• Tags: tilføj tags der rammer emnerne for arrangementet. Disse bidrager til bedre søgning på arrangementssiden og bruges også når man på andre sider indsætter en event block. 

• Event Type: Vælg hvilken type arrangement, der er tale om. Denne information bruges bl.a. i filtreringen på arrangementsforsiden.

• Access Type: Vælg hvilke grupper, der kan deltage i arrangementet. Findes gruppen ikke på listen, kan du tage kontakt til team Medier og Indhold.

• Availability: Bruges hvis arrangementet er udsolgt eller lukket for tilmelding.

• Organiser: Sæt et link ind til den, der organiserer arrangementet.

• Member Price: Hvis arrangementet koster noget for medlemmer, skriv prisen her.

• Price: Hvad er prisen for ikke-medlemmer.

Metadata:

Udfyld Page Title og Meta Description.

Bemærk: Nogle felter er markeret med "↓". Ved disse felter kan du lade være med at udfylde indhold, da felterne automatisk udfyldes hvis de er tomme.

Member Registration:

Under Content udfyldes:

• Overskrift

• Introtekst

• Marketo ID

• Max antal billetter der kan bestilles

• Kan børnebilletter bestilles

  • Hvis ja, hvor mange

• Mulighed for at skrive kommentarer

External registration:

Indsæt et link til den side, hvor man kan tilmelde sig arrangementet - på en ekstern side udenfor realdania.dk. Husk at siden skal åben i en ny side (tænd for Target under Manual link)

Registration:

1. Under Registration udfyldes:

   1. Registration From E-mail: Den e-mail, bekræftelsesemailen skal sendes fra.

   2. Registration Bcc Mail: BCC e-mail der sendes når der er en ny tilmelding.

   3. Hvis der skal være mulighed for at tilmelde sig nyhedsbrev, skal der tændes for Enable Sign Up For Newsletter, man kan udfylde en nyhedsbrevs tekst og en nyhedsbrevsliste skal vælges.

2. Under Overlay er næsten alle felter markeret med ↓ og behøver derfor ikke udfyldes. Du kan udfylde dem, hvis du selv vil sætte teksterne. Husk at følge det sprogbrug, der i forvejen bruges på reldania.dk.

3. Under Waiting List kan du tænde eller slukke for, om eventet har en venteliste. Du behøver ikke udfylde tekst, da alle tekstfelter er markeret med ↓.

4. Under E-mails kan du udfylde følgende information, som er til hhv. arrangøren og deltager:

   1. Organizer e-mail: Hvilken e-mail skal informationen herunder sendes til.

   2. Additional Text To Organizer: Information, der sendes til arrangøren, når der til er nye tilmeldinger. F.eks.: Du har en ny tilmelding til dit arrangement.

   3. Additional Text To Registrant Body: Information, der sendes til deltager. F.eks.: Du er nu tilmeldt vores arrangement.

   4. Additional Text To Organizer - Waiting List: Besked til arrangøren, når en person skriver sig på ventelisten.

   5. Additional Text To Registrant - Waiting List: Besked til deltager, når de skriver sig på venteliste til et arrangement.

Debate Registration:

Under Content udfyldes følgende:

1. 1. Event ID - Skal som findes i BC.

2. Tænd for, om man kan tilmelde sig eller ej.

3. Register button og reqirements lade stå tomme, da de autoudfyldes.

4. Vælg debatgruppe, der må deltage i Allowed Group.

5. Login button autoudfyldes og behøves ikke at blive udfyldt.

Under Overlay behøver du ikke udfylde noget, da alt autoudfyldes.

Election meeting registration

Under Meeting Settings udfyldes:

1. Election Meeting Area Number: Hvilken valgområde er valgmødet i?

2. Hide Reminder Option: Hvis denne er tændt, vil valgmødedeltageren ikke kunne vælge, at de IKKE vil modtage en påmindelse om valgmødet op til det sker.

3. Hide Guest Option: Hvis denne er tændt, kan valgmødedeltageren ikke vælge at medbringe en gæst

4. Tilføj Election Meeting Location med adresse og BCeventID - dette findes i Business Central. 

Under Text behøver du ikke udfylde noget, da alt autoudfyldes.

1. Naviger til Newsletter i den øverste blå bjælke i Umbraco

2. Vælg den nyhedsbrevsliste, du vil sende et nyhedsbrev fra

3. Vælg nu de fokusnyheder, du vil sende med i nyhedsbrevet. Du kan max vælge tre nyheder. Se i billedet herunder, hvordan fokusnyheder ser ud.

4. Vælg nu nyhedsoverskrifter der skal med - disse vises kun som overskrifter. Du kan max vælge fem. Du behøver ikke vælge nogen. Se i billedet herunder, hvordan nyhedsoverskrifter ser ud.

5. Vælg herefter andre nyheder fra Realdania, disse vises også kun som overskrift. Du behøver ikke vælge nogen. Se i billedet herunder, hvordan andre nyheder ser ud.

6. Skriv nu et emne, som vises i emnefeltet på emailen. Skriv herefter et underemne, der vises som brødtekst under emnet.

7. Klik Opret Nyhedsbrev. Du kan nu planlægge dit nyhedsbrev eller sende det ud med det sammen. Vælger du med det samme, skal du væbne dig med tålmodighed, det kan taget øjeblik ;)