Hjemmesidens layout. Sitecore Foundry maj Version 1.2

Transkript

1 Sitecore Foundry 3.0 Hjemmesidens layout 31. maj Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: [email protected]

2 Indholdsfortegnelse Indledning... 3 Layoutets elementer... 4 Website Guiden... 5 Præsentation kolonne og 3-kolonne dokument kolonne dokument med top, venstre top spot og bund kolonne dokument uden navigation og identitet... 8 Egenskaber... 9 Design Stylesheet CSS Standard mål på grafik af 13

3 Indledning Dette dokument indeholder en introduktion til mulighederne for at tilpasse layoutet på hjemmesiden. Det er kun web-masteren, med administrator rettigheder, der kan foretage tilpasninger i layoutet. Tilpasning af layoutet kan være en tidskrævende og meget teknisk proces. For at gøre det nemmere leveres Sitecore Foundry med et standard layout, som nemt kan ændres uden krav om stor teknisk indsigt. Samtidig er der mulighed for at den mere teknisk kyndige kan udnytte mere avancerede faciliteter. 3 af 13

4 Layoutets elementer Layoutet påvirkes af mange elementer. Selve indholdet, grafikken og spots, især på forsiden, har stor betydning, og webmasteren kan fastlægge nogle rammer for layoutet, således at webredaktørerne ikke skal bekymre sig om layoutet på de enkelte sider. Det overordnede layout fastsættes i Website Guiden, hvor bl.a. topbanner og farven på hovedmenuen vælges. Den enkeltes sides egenskaber fastsættes under Egenskaber, hvor bl.a. opdateringsinformation i sidens fod vælges. Under Præsentation vælges hvor mange kolonner og sektioner der skal præsenteres på den enkelte side. Under Design fastsættes indholdet i de kolonner, der præsenteres på den enkelte side. Vigtigt: Layoutet kan altid ændres uden at det ændrer på selve indholdet af hjemmesiden. Man kan således prøve sig frem, indtil man er tilfreds med layoutet. Dog skal man være opmærksom på at ændringer under Præsentation sædvanligvis vil nulstille sidens layout til det valgte layout. Læs mere i afsnittet Præsentation. Det er således muligt at gennemgå Website Guiden flere gange, og f.eks. prøve de forskellige menustrukturer, eller ændre sidens præsentation fra 3 til 2 kolonner, hvis man får brug mere plads til eksempelvis et stort skema. 4 af 13

5 Website Guiden Website Guiden fører dig igennem en række spørgsmål, hvor det overordnede design fastlægges. Under Individuelt design, kan der vælges mellem nogle prædefinerede design, som der kan tages udgangspunkt i, når der efterfølgende vælges f.eks. topbanner og menustruktur. Husk at angive titlen på websitet, da det dels vises øverst i browservinduet, dels indgår i søgemaskiners indeks. Sitets status er afgørende for om det kun er webmasteren og webredaktørerne, der kan se hjemmesiden, eller om hjemmesiden også skal kunne ses af besøgende. Når guiden er gennemgået, gemmes ændringerne, og ændringer træder i kraft øjeblikkeligt. 5 af 13

6 Præsentation Under menupunktet Præsentation kan man vælge hvor mange kolonner og sektioner, der ønskes præsenteret på den enkelte side. Sædvanligvis vælges sidens præsentation, når siden oprettes, men det er også muligt efterfølgende at ændre siden layout. Dog skal man være opmærksom på at ændringer under Præsentation sædvanligvis vil nulstille sidens layout til det valgte layout. Det betyder at f.eks. funktioner, der er tilføjet efter siden oprettelse, f.eks. en formular, ikke vil blive vist hvis sidens layout ændres. Formularen slettes ikke men fjernes fra siden, og skal i givet fald manuelt indsættes igen. Det angives for den enkelte side. Man skal derfor navigere hen på den pågældende side og klikke på menupunktet Præsentation. Nedenfor beskrives de enkelte sidetyper. 6 af 13

7 2-kolonne og 3-kolonne dokument Alle dokumenttyper har en kolonne i midten for selve siden indhold vises uanset hvilken dokumenttype, der vælges. 2-kolonne dokument indeholder en venstre kolonne, hvor der er mulighed for at indsætte spots. Forside dokument og 3- kolonne dokument indeholder både en venstre og en højre kolonne, hvor der er mulighed for at indsætte spots. Forside dokument og 3- kolonne dokument er ens, bortset fra mulighed for at style (stylesheets) siderne forskelligt. Oprettelse og anvendelse af spots beskrives i vejledningen Introduktion til spots. 3-kolonne dokument med top, venstre top spot og bund 3-kolonne dokument med top, venstre top spot og bund har, udover det almindelige indhold på et 3-kolonne dokument, hhv. en sektion i toppen, der breder sig over hele hjemmesidens bredde (markeret med lyseblåt på billedet), en sektion der breder sig over venstre og midter kolonnen (markeret med grønt på billedet) og en sektion i bunden, der breder sig over hele hjemmesidens bredde (markeret med blåt på billedet). 7 af 13

8 I disse sektioner kan der indsættes et eller flere spots i lighed med brugen af spots i højre og venstre kolonne. Man kan benytte alle sektioner eller nogle af sektionerne. 1-kolonne dokument uden navigation og identitet Dette layout adskiller sig væsentligt fra de øvrige layout, og bør kun anvendes af mere avancerede brugere. Der er tale om en helt blank side uden hverken topbanner eller menu, men udelukkende selve indholdssektionen (content-modules). Hele siden er et stort html-felt, hvor stylingen kan styres med Class = ContentOnly. Denne sidetype anvendes f.eks. til præsentation af indhold på infoskærme, smartphones og levering af iframe indhold. Bemærk: Når dette layout er valgt, er det ikke muligt at skifte tilbage til et af de øvrige. 8 af 13

9 Egenskaber Under menupunktet Egenskaber kan man fastsætte nogle egenskaber for den enkelte side. Det angives for den enkelte side. Man skal derfor navigere hen på den pågældende side og klikke på menupunktet Egenskaber. Nedenfor beskrives udvalgte indstillinger under Egenskaber: Skjul opdateringsinformation i dokument fod Ønskes oplysninger om hvem der har opdateret siden og hvornår, markeres denne indstilling. Vis i menu Hvis der ikke ønskes adgang til siden via menuen, men siden f.eks. kun skal vises via et link fra en anden side, markeres denne indstilling. Topbillede Indsættes et billede, vil det blive vist som topbanner på den pågældende side og på de underliggende sider. Husk at justere højden og bredden på topbilledet. Det bør have en bredde på 954 pixels. Indsættes et topbillede på forsiden vil det også blive vist på alle underliggende sider, med mindre der indsættes et andet billede på en underliggende side. 9 af 13

10 Design Under menupunktet Design kan indholdet i de enkelte kolonner på siden fastsættes. Det angives for den enkelte side. Man skal derfor navigere hen på den pågældende side og klikke på menupunktet Design. Når der klikkes på menupunktet Design fremkommer nedenstående skærmbillede, hvor der er mulighed for at fastsætte indholdet i hhv. venstre kolonne (Column-left), højre kolonne (Columnright) og den midterste kolonne (content-modules). I eksemplet nedenfor er der valgt indholds spots, søge spot og kalender spot i den venstre kolonne. Ønskes kalender spottet vist øverst, klikkes på knappen Op for at flytte spottet en plads op. Tilsvarende kan man helt fjerne eller tilføje andre spots ved at klikke på hhv. Fjern eller Tilføj. Indholdet (tilknyttede kontroller) i den midterste kolonne vises under selve sidens indhold. Nedenfor vises et eksempel, hvor der er skrevet noget forklarende tekst på siden, og herunder vises den tilknyttede kontrol, i dette tilfælde udsendelse. 10 af 13

11 Stylesheet CSS Stylesheets benyttes til at formatere en hjemmeside, f.eks. skrifttyper, skriftstørrelser, farver mm. Der findes et sæt af generelle stylesheets, som anvendes såfremt der ikke er angivet særlige regler i et specifikt stylesheet. Det er muligt at anvende sit eget specifikke regelsæt ved at oprette sit eget stylesheet. Et stylesheet kaldes også for en CSS fil, da indholdet placeres i en fil der navngives med endelsen CSS. Brugen af stylesheets er for den lidt mere avancererede Webmaster, da det kræver en vis viden om stylesheets. Brugen af stylesheets er beskrevet i vejledningen Anvendelse af stylesheets. 11 af 13

12 Standard mål på grafik Når der indsættes grafik på hjemmesiden, bør man tilpasse størrelsen alt efter hvor det skal præsenteres. Det er altid en god idé at foretage billedbehandling af grafik og billeder inden filerne uploades til Sitecore. Topbanner Den maksimale bredde til grafik i topbanneret er 954 pixels. Højden er valgfri. Højre og venstre kolonne Grafik der indsættes i spots i højre og venstre kolonne vil automatisk blive tilpasset af Sitecore. Men det vil ofte være bedst på forhånd at tilpasse grafikken til en bredde på hhv. 201 til venstre kolonne og 199 til højre kolonne. Højden er valgfri. Såfremt man selv ønsker at styre størrelsen af den præsenterede grafik, kan man indsætte grafikken i brødteksten i spottet i stedet for. Kolonne i midten Den maksimale bredde til grafik i den midterste kolonne er 484 pixels. Topsektion Den maksimale bredde til grafik i den midterste kolonne er 934 pixels. Venstre-Topsektion Den maksimale bredde til grafik i den midterste kolonne er 696 pixels. Bundsektion Den maksimale bredde til grafik i den midterste kolonne er 934 pixels. Bemærk: Indsættes der animeret grafik (gif-filer) i spots, bør grafikken altid tilpasses den korrekte bredde inden grafikken uploades, da den animerede effekt sædvanligvis vil forsvinde under den automatiske tilpasning af bredden. Se skematisk oversigt på næste side. 12 af 13

13 Skematisk oversigt over standard mål. 13 af 13