Appendix - displaymoduler Umbraco ver. 7 Udarbejdet januar 2014

Relaterede dokumenter
Umbraco. Brugerdokumentation

Kontaktboks. Skive.dk april 14. med og uden profilbillede. Kontaktboks - displaymodul. Umbraco. Udarbejdet april

Et subsite i Umbraco

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Miniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk

Introduktion til Indholdsredigering

Indholdsfortegnelse: Hvad hedder det forskellige på sitet? Forsiden Servicemenu. Manual Skive Kommune Umbraco subsite

Den nye klub hjemmeside.

Sådan redigerer du en hjemmeside i Umbraco

8.0 Distriktshjemmesider

Manual for redaktører

Vejledning for LOF s afdelingshjemmeside

MANUAL. Siteloom CMS

Indhold. 1. Adgang og afslutning

Samlet Quick-guide til ballerup.dk. Version 1 / september 2016

IsenTekst Indhold til Internettet. Manual til Wordpress.

Manual for redaktører

Qbrick s krav til video filtyper

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4)

Herning Centerby Guide til Umbraco

Brugermanual for opdatering af Touch and Play i CMS-systemet

Herning Landsby Guide til Umbraco

Manual til WordPress CMS

OK Fonden. Umbraco CMS Quickguide

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

3 OPRETTELSE AF SIDER

Sådan arbejder du med din forside

Sådan redigerer du en hjemmeside front-end

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

I denne manual kan du finde en hurtig introduktion til hvordan du:

Opret en nyhed LEJERBO.DK OPRET EN NYHED 1. LOG PÅ MIT LEJERBO OG LOG PÅ SOM REDAKTØR. Gå ind på din hjemmeside, fx

DDElibra H Å N D B O G

Redaktørmanual TYPO3 Version 6.2

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual for redaktører. Brugermanual for redaktører. Leveret af DFF-EDB.dk

Opret en side/artikel og rediger din side

GENEREL FUNKTIONALITET I KMD OPUS ROLLEBASERET INDGANG

Vi anbefaler, at du lader boksen med træffetider blive liggende på din afdelingsforside. Hvad der ellers skal være af indhold er op til jer.

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

vorbasse.dk Redaktørmanual Kentaur

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Start med at markere en side og klik Lås og redigere. Rul ned til feltet med brødtekst. Klik på Vis redigeringsværktøj.

Quick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb

Indhold Login flexsignage... 1 Rediger eksisterende layout... 1 Oprette et layout - template... 1 Oprette et layout tomt... 2 Designe layout...

MANUAL. Siteloom CMS

Manual til Sitecore Institutions- og projekthjemmesider Silkeborg Kommune, 16. september 2013

Manual til Sitecore Institutions- og projekthjemmesider Silkeborg Kommune, 16. september 2013

LEJERBO.DK INDSÆT BILLEDER, GALLERI OG VIDEO

Manual til Dynamicweb Februar 2010

Vejledning i redigering af apotekets hjemmeside

Formular modul. Sitecore Foundry juli Version 1.0

Formular modul. Sitecore Foundry januar Version 1.0

Lav din egen forside i webtrees

Manual til LOF s hjemmeside November 2018

Manual Serif Web & Tableau Public

WordPress manual..hjerteforeningen.dk/wp-admin. Brugernavn: Password:

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco

Nyhedsbreve - brugerdokumentation

Brugervejledning til Høringsportalen

WordPress manual..hjerteforeningen.dk/pco-login. Brugernavn: Password:

Manual - Umbraco ver. 7 Basisfunktioner i arbejdet med umbraco-baseret skive.dk. Udarbejdet januar 2014

Indhold Indhold... 1 Upload fil... 2 Skift sektion... 2 Rediger menu... 2 Planlæg udgivelse... 3 Opret side... 3 Opret nyhed... 3 Opret galleri...

MANUAL. Siteloom CMS

SmartWeb Brugermanual

Kom i gang vejledning til modelflyveklubber.dk

IsenTekst Indhold til Internettet. Manual til Wordpress.

BRUGER KURSUS RAMBØLL HJEMMESIDE

4 ARBEJDE MED SEKTIONER

Solrød Kommune Guide til Umbraco

Kom godt i gang. Sitecore Foundry maj Version 1.1

Vejledning til vedligehold af

MANUAL TIL FS PÅ NETTET

Vejledning til RSS (FEEDS)

Kickstart Siteimprove. Sådan kommer du i gang med at bruge Siteimprove. Januar 2016 SKIVE.DK. Skive det er RENT LIV

Vejledning til opbygning af hjemmesider

Ritzau Livewire user guide

Google-sites CSrnAdzB1esfLAmU0O3tOKa3y

2 KOM I GANG MED VUPTIWEB. 2.1 Log på og Log ud

Dagsordener og referater på intranettet

Brugervejledning til FOKUSpartnere

Guide til Umbraco CMS

BRUGERMANUAL FLEXSCREEN

Tillæg til ViTal v Nyheder i ViTal

Brugervejledning Joomla

5.0 Velkommen til manualen for kanalen HTML-grab Introduktion til kanalen HTML-grab kanalside Hvad er et spot?

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Internettet. Tema. på ipad Opdateret d Ældresagens datastue Aktivitetscentret Bavnehøj. Nørre Snede Tema: Internettet på ipad

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

Sider, indlæg og projekter

Login som redaktør Rediger Min bestyrelsesprofil Opret en side/artikel og rediger din side Filupload... 11

Du kan først gemme artiklen, når du har udfyldt de obligatoriske felter, som er markeret med *.

Spil og svar. Journal nr Et webbaseret værktøj udviklet af Programdatateket i Skive

Filupload LEJERBO.DK FILARKIV UNDER MØDER OSV. Upload filer til et eksisterende filupload-komponent

Introduktion til redigeringsfaciliteterne

Google websites. Pædagogiske og didaktiske mål

Velkommen til MODx kursus

Redigering af Nyheder

Anklagemyndighedens Vidensbase

Daglig brug af JitBesked 2.0

Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend

Transkript:

Appendix - displaymoduler Umbraco ver. 7 Udarbejdet januar 2014 www.skive.dk

[ 2 ] skive.dk

INDHOLD - appendix displaymoduler 1 Displaymoduler 1.1 Oprettelse på sidetypeskabelon niveau 1.1.1 Zoner 1.2 Oprettelse på sideniveau 1.2.1 Grid 1.2.2 Størrelse af modulet reguleres i grid 1.2.3 Varianter 1.2.4 Sortering 4 4 5 6 6 7 8 9 2 Specifikke vejledninger til konkrete displaymoduler 2.1 Source Code 2.2 Kampagneside 2.3 BorgerDK artikel 2.4 Google Maps 2.5 Indholdsteaser Skive 2.6 1 liste 9 10 12 15 22 28 Umbraco // Manual for redaktører [ 3 ]

1 Displaymoduler Displaymoduler er moduler der kan indsættes forskellige steder på hjemmesiden. Hver side har nogle zoner hvor der kan indsættes displaymoduler. Displaymoduler kan indsættes på sidetypeskabelon niveau eller på sideniveau. Hvis et displaymodul indsættes på en sidetypeskabelon betyder det at alle sider, af den type, får det indsatte displaymodul. Hvis et displaymodul indsættes på sideniveau er det kun den specifikke side der får det indsatte displaymodul. 1.1 Oprettelse på sidetypeskabelon niveau (for webmaster + evt. hovedredaktører) For at oprette et displaymodul på en sidetype højreklikker man på sidetypeskabeloner og vælger opret. Herefter skriver man navnet på sidetypen, vælger siden typen i dropdown en og klikker på opret. Herefter oprettes sidentypen i træstrukturen, sammen med et underelement af typen indsatte displaymoduler Hvis underelementet Indsatte displaymoduler ikke automatisk bliver oprettet, kan det gøres manuelt ved at højre-klikke på sidetypen (i det her tilfælde artikelside), vælge opret, og oprette typen indsatte displaymoduler (sidetypeskabelon). Det er vigtigt at bemærke at der kun skal ligge én indsatte displaymoduler. [ 4 ] ski ve.dk

Under indsatte displaymoduler kan man nu oprette de displaymoduler man har brug for ved at højreklikke på indsatte displaymoduler og vælge opret. Her indtaster du navnet på displaymodulet (giv det et sigende navn så det let at genkende) og vælger den type af displaymodul du vil oprette. 1.1.1 Zoner Udover displaymoduler på sidetypeskabelon niveau er der også oprettet en række zoner. Zonerne er præfikst med en _ samtidig med at navnet er skrevet med uppercase bogstaver. Zonerne er de steder på siden der kan indsættes displaymoduler. Det vil ikke være muligt selv at oprette zoner, men det er vigtigt at vide at de er der, i forhold til placeringer af displaymoduler. Når man oprettet displaymodulet er der nogle indstillingsmuligheder for det pågældende modul som er beskrevet under det enkelte displaymodul. Til hver displaymodul er der en fane Tekniske felter som er der hvor man indstiller hvilken zone modulet skal ligge i. På billedet nedenfor kan man se at zonen Body center (dynamisk) er valgt. U mb raco / / Manual for redakt ører [ 5 ]

1.2 Oprettelse på sideniveau For at oprette et display-modul på en mellemside eller indholdsside er fremgangsmåden den samme som på sidetypeskabelons niveau. Som underelement til den specifikke side, ligger der en node af typen Indsatte displaymoduler. (Hvis ikke kan det oprettes manuelt ved at højreklikke på siden, og vælge opret). Højreklik på indsatte displaymoduler, vælg Opret, hvorefter en popup kommer fra, hvor man kan vælge det displaymodul man har brug for. Fremgangsmåde: Fremgangsmåde Giv først displaymodulet et sigende navn - det er en god ide at bruge navnet på displaymodultypen i navnet! Udfyld dernæst fanen Indholdsfelter og klik så på Gem og Udgiv. Så snart du har trykket Gem og udgiv opdateres modulet i backend og det er nu klar til at du fylder indhold i fanerne: Grid, Tekniske felter, og (i visse tilfælde) Egenskaber 1.2.1 Grid Denne bruges til opsætning af størrelse på displaymodulet, samt hvorvidt modulet skal vises på de forskellige skærmstørrelser. Derudover er det muligt at tilføje en brugerdefineret-klasse. - Ekstra lille skærm (mobil): Antal kolonner i mobilvisning - Lille skærm (tablet): Antal kolonner i tabletvisning - Mellem skærm (laptop): Antal kolonner i laptopvisning - Stor skærm (desktop): Antal kolonner i desktopvisning Modulet tager udgangspunkt i laveste visning, hvilket betyder at hvis der kun er sat kolonner for lille skærm, bliver mellem skærm og stor skærm samme antal kolonner. [ 6 ] ski ve.dk

1.2.2 Størrelse af modulet reguleres i grid Det er muligt at ændre størrelse på et displaymodul ved at sætte antal kolonner i tabben Tekniske felter. Hjemmesiden er bygget op i et grid på 12 kolonner og det er derfor muligt at sætte antal kolonner mellem 1 og 12. Tallet skal dog ses relativt til den zone displaymodulet ligger i, hvilket betyder at hvis et displaymodul ligger i en zone der udgør ¾ af siden, så vil 12 betyde 100% af de ¾. Her med valgt 12 i grid, hvilket giver en fuldbredde i displaymodulezonen. Her med 6 i grid, hvilket er en halvering af bredden Umbraco // Manual for redaktører [ 7 ]

1.2.3 Varianter Displaymoduler kan have forskellige varianter. Nogle er allerede oprettet på forhånd, andre kan man selv oprette. For vælge en allerede oprettet variant vælger man det displaymodul man vil skifte variant på. Herefter klikkes på tabben Tekniske felter som ses på billedet. Her kan man ud fra en dropdown vælge forskellige varianter der er oprettet til det pågældende displaymodul. Nedenfor ses to displaymoduler af typen Kampagneboks... Den øverste (RENT LIV) er variant: Stort billede med tekst. Den nederste (windsurf) er variant: Billede med overskrift [8] ski ve.dk

1.2.4 Sortering For at sortere rækkefølgen af de indsatte displaymoduler er der to ting man skal være opmærksom på. Det første er hvordan displaymodulerne på sidetypeskabelonerne ligger i forhold til zonerne. Det andet er hvordan displaymodulerne ligger i forhold til hinanden. På billede ovenfor kan man se at der ligger to displaymoduler før zonen _BODY TOP i sidetypeskabeloner. Det betyder at disse to moduler vil blive lagt før displaymoduler som er oprettet på sideniveau. For at sortere rækkefølgende på både zoner og displaymoduler højre-klikker man på indsatte displaymoduler og vælger Sortér. Her kan du dragge og droppe rækkefølge på zonerne og displaymodulerne og efterfølgende klikke på gem. 2 Specifikke vejledninger til konkrete displaymoduler Appendixet vil løbende blive udbygget efterhånden som der bliver udarbejdet vejledninger til de enkelte displaymoduler. Nogle moduler er ganske simple og kræver måske ikke egentlig vejledning, mens andre kræver noget forudgående arbejde og en højere grad af detaljevejledning. U mb raco / / Manual for redakt ører [ 9 ]

2.1 Displaymodul: Source Code SourceCode gør det muligt at indsætte javascript på hjemmesiden. SourceCode kan indsættes i 2 zoner. En der kræver at brugeren acceptere cookies og en der ikke kræver at brugeren accecptere cookies. Modulet har følgende felter tilknyttet: - Kode Her indsættes javascriptkoden. Fanen Indholdsfelter Indsæt javascriptet og klik på Gem og udgiv, hvorved modulet opdateres. Først derefter udfylder du fanerne Grid, Tekniske felter og Egenskaber. Fanen Grid I grid styrer du hvor meget displaymodulet skal fylde i displaymodulezonen (der er forskel på om man skal have et displaymodul i centerindhold eller i højre sidebar) Angiv 12 for at modulet bruger den fulde bredde. Du kan skrive tallene mellem 1 og 12 ind i griddet. [ 10 ] ski ve.dk

Fanen Tekniske felter Her angiver du DisplayModuleZone for displaymodulet - altså i hvilken del af indholdet på siden displaymodulet skal indgå. Oftest vil det være Body Center eller Top Center Resultat frontend Et screendump fra frontend af ny skive.dk, hvor displaymodulet Source Code er indsat: U mb raco / / Manual for redakt ører [ 11 ]

2.2 Displaymodul: Kampagneside Kampagneside er en teaser for en indholdside. Kan fx bruges hvis en side skal fremhæves på sektionsforsiden eller en mellemside. Modulet har følgende felter tilknyttet: - Indhold Her vælger man hvilken side teaseren skal vise indhold fra. - Vis dato Hvis valgt vises datoen. Fanen Grid I grid styrer du hvor meget displaymodulet skal fylde i displaymodulezonen (der er forskel på om man skal have et displaymodul i centerindhold eller i højre sidebar) Angiv 12 for at modulet bruger den fulde bredde. Du kan skrive tallene mellem 1 og 12 ind i griddet. [ 12 ] ski ve.dk

Fanen Indholdsfelter Tilføj Indhold og naviger frem til siden du vil fremhæve. Gem og udgiv, hvorved modulet opdateres. Først derefter udfylder du fanerne Grid, Tekniske felter og Egenskaber. Vis dato Hvis valgt vises datoen! Fanen Tekniske felter Her angiver du DisplayModuleZone for displaymodulet - altså i hvilken del af indholdet på siden displaymodulet skal indgå. Oftest vil det være Body Center eller Top Center Variant Her har du mulighed for at vælge mellem flere varianter af visningen. U mb raco / / Manual for redakt ører [ 13 ]

Se siden Marker indholdssiden (eller mellemsiden) - klik på Gem og udgiv og derefter Se siden. Resultat frontend Et screendump fra frontend af ny skive.dk, hvor displaymodulet Source Code er indsat: [ 14 ] ski ve.dk

2.3 Displaymodul: BorgerDK artikelside BorgerDK modulet henter udvalgt indhold fra en borger.dk side. Modulet er lavet så det kan placeres i forbindelse med en indholdsside. Modulet har følgende felter tilknyttet: BorderDK konfiguration Her indtastes URL en fra borger.dk siden. For at finde den url der skal indsættes åbnes den borger.dk side som man vil hente indhold fra. Herefter klikker man på del som ses på billedet, og kopiere den url (adresse) som vises. Den indsættes i feltet på modulet og klikker på opdater indhold. Herefter vises en liste af indhold som kan krydses af, alt afhængigt om man vil have det vist på siden eller ej. U mb raco / / Manual for redakt ører [ 15 ]

1. Opret en indholdsside. Her højreklikker vi så kontekstmenuen kommer frem 2. Opret en indholdsside. 3. Udfyld diverse oplysninger på indholdssiden 4. Indholdssiden har tilknyttet Indsatte displaymoduler under sig. Højreklik på denne for at oprette et nyt displaymodul i dette tilfælde skal vi benytte BorgerDK Artikel-displaymodulet [ 16 ] skive.dk

5. Via dette link finder du en du en oversigt over forskellige lister med de artikler, der lader sig integrere fra BorgerDK: http://digitaliser.dk/resource/2426426 Nedenfor har jeg brugt denne alfabetiske liste: http://tools.digitaliser.dk/borgerdk/artikelimport/alphabetic.php I dette tilfælde er det en artikelside om privatliv på sociale medier, jeg vil integrere. Jeg klikker på artikellinket og markerer URL en for artiklen. Kopier URL en (Ctrl+C) 6. Indsæt denne URL i displaymodulets indholdsfane under BorgerDK konfiguration. Klik Hent Indhold. Derefter skal fanerne: Grid, Tekniske felter og evt. Egenskaber udfyldes. I Grid skal man bl.a. vurdere om indholdet egner sig til helt små skærme og hvor meget det skal fylde på indholdssiden. Herunder skriver jeg 12 ud for Mellem og Stor skærm, hvilket sikrer at hele indholdsdelen på siden fyldes ud med BorgerDK artiklen Umbraco // Manual for redaktører [ 17 ]

I DisplayModuleZone under Tekniske felter skal man vælge Body Center. Variant vil som udgangspunkt være forudfyldt med BorgerDK Artikel. Fanen Egenskaber springer jeg over her. Man kan derinde udfylde hvornår artiklen skal publiceres eller udgå 7. I venstremenuen kan man se at der er nogle gråmelerede tekster det betyder at de ikke er udgivet endnu. Udgiv dem ved at markere og klik så på Gem og udgiv [ 18 ] skive.dk

7A - Du kan også højreklikke og vælge Udgiv fra kontekstmenuen Kryds de to felter af og klik Udgivet 8. Nu skulle indholdet fra BorgerDK gerne være integreret og vi kan derfor se siden som den ser ud i frontend. Marker indholdssiden og klik på Se siden Umbraco // Manual for redaktører [ 19 ]

Resultat i frontend: [ 20 ] skive.dk

Umbraco // Manual for redaktører [ 21 ]

2.4 Displaymodul: Google Maps Google maps modulet bruges til at vise et kort kombineret med nogle informationer. Modulet har følgende felter tilknyttet: - Overskrift Overskrift på modulet. - Navn Navnet på lokationen. - Adresse Adresse. - By By - Postnummer Postnummer - Telefon Telefon - Hjemmesidelink hjemmeside adressen - Hjemmeside tekst Teksten på lnket. - Kort iframe For at finde iframen skal man gå ind på http://maps.google.dk og finde det sted man vil have på kortet. Herefter klikkes på link knappen som ses på billedet. For at kunne indlejre et google map, skal du først oprette et kort. Jeg har brugt Google Maps Engine Lite, som er en ny og forbedret version ag google maps (classic). For at arbejde med Google Maps skal du oprette dig som bruger på google. Her er der lavet et kort med Tarok Ruten, hvor der er mulighed for at læse mere om de forskellige punkter på ruten og der er indlejret fotos fra Tarok filmen. Disse ting er interessante at få indlejret på vores hjemmeside Der er pt (28.1.14) IKKE lavet en særskilt vejledning i hvordan du arbejder med google maps! [ 22 ] ski ve.dk

Når kortet er klar/færdigt, hentes html-strengen ved at klikke på mappeikonet og derefter vælge Intregrer på mit website Kopier koden (CTRL+C) BEMÆRK: Et google Maps kort kan alternativt indsættes via Source Code displaymodulet eller simpelt hen via den integrerede source code knap i indholdssidens editor!! Google Maps displaymodulet giver dog mulighed for at indsætte nogle yderligere oplysninger via indholdsfelterne, som ikke umiddelbart kan indsættes via Source Code mulighederne... U mb raco / / Manual for redakt ører [ 23 ]

Tilbage i Umbraco oprettes et displaymodul, der knyttes til den indholdsside, man vil vise sin map på. [ 24 ] ski ve.dk

Fanen Indholdsfelter Tilføj Indhold og på indholdsfanen og klik Gem og udgiv, hvorved modulet opdateres. Først derefter udfylder du fanerne Grid, Tekniske felter og Egenskaber. Fanen Tekniske felter Her angiver du DisplayModuleZone for displaymodulet - altså i hvilken del af indholdet på siden displaymodulet skal indgå. Oftest vil det være Body Center eller Top Center Der er her ikke andre varianter at vælge imellem end default (Google Maps) U mb raco / / Manual for redakt ører [ 25 ]

Fanen Grid I grid styrer du hvor meget displaymodulet skal fylde i displaymodulezonen (der er forskel på om man skal have et displaymodul i centerindhold eller i højre sidebar) Angiv 12 for at modulet bruger den fulde bredde. Du kan skrive tallene mellem 1 og 12 ind i griddet. Fanen Egenskaber I Egenskaber kan du styre udgivelsestidspunkt samt unpublish-dato for indhold. Default er at den bliver udgivet med det samme og indholdet bliver der indtil det manuelt fjernes igen. Når du er tilfreds, klikker du igen Gem og udgiv. Læg mærke til at der under Indsatte displaymoduler nu er kommet en byggeklods Google Maps displaymodul, som knytter sig til indholdssiden Google Maps - test. Klik dig ind på indholdssiden og vælg Se siden for at se resultatet i frontend. [ 26 ] ski ve.dk

Frontend resultatet I frontend er der integreret et aktivt kort, som brugeren kan zoome fem og tilbage i - klikke på punkterne på ruten for at læse yderligere tekst eller se billeder eller video, som er lagt ind i Google Maps. U mb raco / / Manual for redakt ører [ 27 ]

2.5 Displaymodul: Indholdsteaser Skive Indholdsteaser er forbeholdt forsiden. Den viser overskriften og sammendraget fra en nyhed/arrangement eller artikelside. Derudover viser den billedet fra nyheden/arrangementet eller aritkelsiden som baggrundsbillede i toppen af forsiden. Modulet har følgende felter tilknyttet: - Indholdsnode Her vælges hvilken indholdsside modulet skal hente indhold fra. - Knaptekst Her angives teksten på knappen. - Vis dato Angiver hvorvidt datoen skal vises eller ej. Opret displaymodulet: Højreklik på Indsatte displaymoduler tilhørende den mellemside, du vil oprette indholdsteaseren på og vælg Opret. Vælg indholdsteaser skive I listen over displaymoduler vælger du indholdsteaser skive [ 28 ] ski ve.dk

Fanen Indholdsfelter Tilføj Indhold (Overskrift, tilføj indholdsnode (den indholdsside du vil lave en teaser for) og angiv en Knaptekst. Kryds eventuelt Vis dato af. Klik Gem og udgiv. Derefter udfylder du fanerne Grid, Tekniske felter og eventuelt Egenskaber. Fanen Grid Angiv hvor mange zoner displaymodulet skal fylde på displaymodulzonen. Der er 12 zoner i hver displaymodulzone. Vælg 12 for at det skal fylde hele bredden. Hvis det kun skal fylde halvdelen, indstiller du værdien til 6 zoner (se mere om zoner på side 6+7) Fanen Tekniske felter Her angiver du DisplayModuleZone for displaymodulet - altså i hvilken del af indholdet på siden displaymodulet skal indgå. Da det her er tale om displaymodul på en mellemside, vil det være Top Center (dynamisk) du skal vælge Variant Der er ikke flere varianter af dette modul, så den lader du bare stå. Klik på Gem og udgiv. Marker mellemsiden og klik der på Vis siden. Resultat ses her. Displaymodulet: indholdsteaser skive har luft til venstre og højre og svæver således lidt på siden U mb raco / / Manual for redakt ører [ 29 ]

2.6 Displaymodul: Relaterede sider Relaterede sider kan indsættes på indholdssider, som viser en liste af sider baseret på samme Emneord (fanen Emneord på indholdssider) Fanen Emneord er knyttet op på en liste over ord, som i har fået udleveret på kursus. Et ord optaget på listen vil dukke frem som en mulighed efter du har tastet de tre første bogstaver i ordet, hvorefter du markerer og tilføjer ordet som et Emneord, der skal knyttes til din side. Når man så indsætter Relateret sider display modulet på en side, som fx har børn, unge som emneord, vil listen automatisk finde sider der også har emneordene Børn og/eller unge tilknyttet og vise dem i listen. [ 30 ] ski ve.dk

Opret indholdssiden, du vil knytte displaymodulet Relaterede sider (tags) til. Opret en indholdsside, udfyld relevante felter under Indhold og klik derefter på fanen Emneord Opret emneord På fanen Emneord skal du nu indsætte nogle emneord, der passer til indholdssidens tema. Her har jeg angivet ordene Adresse og Aftenskole, som er oprettet på forhånd på listen over Emneord (styres af Annette Bach - abba@skivekommune.dk) Hvis andre indholdssider har disse Emneord tilknyttet, kan man så oprette en relation mellem siderne ved brug af displaymodulet Relaterede sider (tags) U mb raco / / Manual for redakt ører [ 31 ]

Opret displaymodulet Relaterede sider (tags) Under Indsatte displaymoduler tilknyttet den nye indholdsside højreklikker jeg for at oprette et displaymodul. Vælg Opret. Vælg Relaterede sider (tags) Udfyld indholdsfelter i displaymodulet Relaterede sider (tags) og klik Gem og udgiv Under antal synlige elementer, skal du angive hvor mange hits du vil have. 0= alle. Skriver du ingenting, kommer der til gengæld ingen resultater! Efter Gem og udgiv udfyldes Grid og Tekniske felter [ 32 ] ski ve.dk

Udfyld Grid Angiv hvor mange zoner modulet skal fylde i den DisplayModuleZone (Tekniske felter) den er tiltænkt. Husk at 12 zoner er lig med fuld bredde. Du kan vælge frit, men et modul bør nok ikke være mindre en 4 zoner... Udfyld Tekniske felter DisplayModuleZone - angiver hvor på siden modulet skal indplaceres. Her vælger jeg at indsætte den i højre sidebar - men den kan også indplaceres i f.eks. Body Center. Variant: her er der kun den ene variant, som giver sig selv. Klik på Gem og udgiv U mb raco / / Manual for redakt ører [ 33 ]

Indsatte displaymoduler skal nu gøres aktiv A) Markér den grå-melerede Indsatte displaymoduler og klik på Gem og udgiv. B) Markér derefter det nye displaymodul og klik på Gem og udgiv C) Markér til sidste indholdssiden og vælg Se siden (preview) Resultat Displaymodulet har nu selv hentet relateret indhold fra 4 andre sider, som også har tilknyttet en eller flere af de emneord (Arbejds og/eller Aftenskole), vi knyttede til denne indholdsside [ 34 ] ski ve.dk

Umbraco // Manual for redaktører [ 35 ]

3. Lister Lister er en samling af indhold som bruges i mange af display-modulerne, men også i macrofunktionen linkliste. For at oprette en liste folder man lister ud under Globale indstillinger, højre-klikker på den listetype man vil oprette og vælger opret. Herefter skriver man navnet på listen og vælger hvilke liste-type man vil oprette. Der er mulighed for at oprette manuelle lister samt automatiske lister. Manuelle lister Med manuelle lister kan du frit vælge hvilke noder (indholds- og mellemsider) der skal være i listen ud fra indholdstræet. Sorteringen af listen foregår ved at dragge og droppe de forskellige elementer i listen til højre. Fremgangsmåde for oprettelse af manuel liste I indholdstræet finder du Globale indstillinger og herunder Lister. Højreklik på Manuelle lister og vælg Manuel liste Udfyld listen: Giv listen et navn, så du senere kan finde den i oversigten over oprettede lister. Klik på Tilføj og naviger derefter ind i Indholdstræet (sitetræet), hvor du vælger de sider, der skal med på din liste [ 36 ] ski ve.dk

Klik og vælg Her er der valgt tre sider, men der er i princippet ikke nogen grænse for antallet. Når du klikker på en side, kommer der automatisk en v-tegn. Du kan fortryde et valg ved at klikke på siden igen. Når du er tilfreds, klikker du på Vælg (Parentesen fortæller dig hvor mange elementer du har valgt til din liste) Gem og udgiv Du kan nu vælge Gem og udgiv Du kan også klikke på + Tilføj, for at føje flere elementer til din liste. Således kan du altid vende tilbage til listen og korrigere indholdet. Listen er nu oprettet - og klar til at blive brugt. Listen kan f.eks. knyttes til flere displaymoduler samt til macroen linkliste.. U mb raco / / Manual for redakt ører [ 37 ]

Indsætte en manuel liste i et displaymodul Da du nu har oprettet en liste, kan du indsætte den på din side på forskellig vis - enten vha. nogle dertil indrettede displaymoduler eller vha. macroen linkliste. Her viser jeg hvordan du bruger displaymodulet 1 liste Start med at højreklikke på Indsatte displaymoduler på den indholdsside eller mellemside, hvor du vil have integreret din liste. Vælg opret og vælg så displaymodulet 1 liste [ 38 ] ski ve.dk

U mb raco / / Manual for redakt ører [ 39 ]

Automatiske lister Automatiske lister er en samlebetegnelse for: Indholdsliste Kontekstliste og Sorteret kontekstliste og Statistiklister Mest sete Bedst bedømte Indholdsliste Indholdslister tager udgangspunkt i en specifik node i indholdstræet. Hertil er der nogle indstillingsmuligheder. Antal dokumenter Angiver hvor mange elementer der skal være i listen. Hvis 0 indsættes medtages alle elementer. Maksimal dybe Angive hvor mange niveauer ned i træstrukturen listen skal gå. Hvis 0 indsættes medtages alle niveauer ud fra start noden. Inkludere startnoden Angiver om startnoden skal medtages i listen. Start node - Angiver hvilken node i træstrukturen listen skal tage udgangspunkt i. Dokumenttyper der skal medtages Angiver hvilke dokumenttyper der skal medtages i listen. Hvis der ikke vælges en dokumenttype vises der ikke noget i listen. Kontekstliste En kontekstliste har ikke nogen startnode da den tager udgangspunkt i den node, i træstrukturen, som brugeren står på. Det betyder fx at har du en indholdsstruktur som vist på billedet, og du står på siden Nyheder, vil listen kigge på alle elementer under Nyheder. Står du derimod på siden 2013, vil listen kun kigge på elementer i 2013. [ 40 ] ski ve.dk

Kontekstlisten kigger her på alle elementer under Nyheder. Kontekstlisten kigger her på alle elementer under 2013 under Nyheder. U mb raco / / Manual for redakt ører [ 41 ]