Vejledning til designvalg på institutionshjemmesiderne I denne vejledning bliver de anbefalede farvekombinationer præsenteret sammen med en vejledning i, hvordan du indsætter farverne på institutionshjemmesiderne. I Sitecore vil der være mulighed for at vælge mellem forskellige farvekombinationer. På side 2-4 er de 12 anbefalede farvekombinationer vist og beskrevet. 1 De grafiske farver i Sitecore 1. Blå 2. Aqua 3. Orange 4. Brun 5. Grøn 6. Rød 7. Hvid 8. Sort 1af12
1.1 De 12 farvekombinationer: 1.1 Mulige farvekombinationer på institutionssites: 2af12
1.1.1 Baggrundsfarve: Grøn Menu farve: Grøn Boks farve: Grøn Link farve: Orange Baggrundsfarve: Aqua Menu farve: Aqua Boks farve: Aqua Baggrundsfarve: Blå Menu farve: Blå Boks farve: Blå Baggrundsfarve: Orange Menu farve: Orange Boks farve: Orange Link farve: Orange Baggrundsfarve: Brun Menu farve: Brun Boks farve: Brun Baggrundsfarve: Sort Menu farve: Sort Boks farve: Rød Links farve: Rød 3af12
Baggrundsfarve: Hvid Menu farve: Hvid Boks farve: Hvid Link farve: Orange Baggrundsfarve: Rød Menu farve: Rød Boks farve: Rød Baggrundsfarve: Aqua Menu farve: Blå Boks farve: Blå Baggrundsfarve: Brun Menu farve: Aqua Boks farve: Aqua Link farve: Orange Baggrundsfarve: Orange Menu farve: Brun Boks farve: Brun Baggrundsfarve: Sort Menu farve: Grøn Boks farve: Sort 4af12
1.2 Indsæt farvekombinationerne: Sæt den valgte farvekombination ind i backend. Gå til dit sitedomæne i backend. Stil dig på Home, på denne side under Farve tema finder du fire felter: Baggrunds-, Menu-, Boks- og Link farve. Indsæt farverne i de fire felter. Gem og udgiv siden. OBS: Alle fire felter under Farve tema: Baggrunds-, Menu-, Boks- og Link farve, skal udfyldes, for ellers bliver farvevalget ikke vist på hjemmesiden. Det er kun muligt at indsætte farvekombinationer på Home. Den valgte farvekombination vil derfor være gennemgående for hele hjemmesiden. Det vil til gengæld være muligt at skifte Banner og Logo på alle sider. Læs mere om Banner og Logo i næstkommende afsnit. 1.3 Logo og banner: Logo og banner er illustreret i ovenfor. Logoet er Children s Room og det aflange guld billede er banneret. Både logo og banner kan udelades, men mindst en af dem skal være der. Som udgangspunkt sættes logo og banner ind på Home. 5af12
Logo og banner kan indsættes og skiftes på alle oprettede sider i Sitecore, dette kan enten gøres i back- eller frontend. Undlader du at sætte logo eller banner på en side, så nedarver den det logo eller banner, som er sat på en af de øvrige sider. Husk at tilføje billedet/billederne i de rigtige størrelser til mediebiblioteket inden du indsætter dem på en side. 1.3.1 Indsæt billede i mediebiblioteket: Vælg Subsites i Mediebiblioteket. Vælg den mappe billedet skal placeres i. Når mappen er valgt, klik så på ikonet Upload filer. Find det billede du ønsker at uploade. Klik Åbn for at uploade billedet. o Upload flere billede af gangen ved at holde Ctrl nede, og makér billederne. 6af12
Husk: Banner-billeder skal uploades i 980x334 pixels og logo-billeder i 237x178 pixels. Sørg for, at billeder er omdøbt inden de bliver uploadet, så navnet på billedet beskriver kortfattet, hvad det forestiller. Navnet må ikke indeholde æ, ø og å, bindestreg og andre specialtegn. Der må ikke uploades to eller flere billeder med samme navn. Når billedet er korrekt uploadet bliver det synligt i Mediebiblioteket. Billedet vil være markeret med 1 advarsel, dette indikerer, at du mangler at udfylde Alt - feltet på billedet. Udfyld feltet ved at dobbeltklikke på billedet Angiv en kort og præcis beskrivelse af, hvad billedet forestiller. 7af12
Gem og udgiv billedet - og det er klar til brug. 8af12
1.4 Indsæt logo og banner i backend: Det er muligt at indsætte logo og banner på alle oprettede sider. Undlader du at sætte logo eller banner på en side, så nedarver den det logo eller banner, som er sat ind på en af de øvrige sider. Vælg en side under dit sitedomæne, som du ønsker at placerer et banner og logo på. 1.4.1 Indsæt banner Find Banner på den valgte side. Klik Gennemse under dette felt, hvorefter en Mediebrowser til Mediebiblioteket åbnes. Find og markér dit billede under Mediebrowser. Klik OK, gem og udgiv. 9af12
Billedet vil nu være synligt både under Banner-feltet og på institutionshjemmesiden. 10af12
1.4.2 Indsæt logo: Find LogoImage på den valgte side. Klik Gennemse for at sætte logoet ind. Mediebrowser til Mediebiblioteket åbnes. Find og markér dit billede. Klik OK, gem og udgiv o Der er et LogoText felt, hvor du kan tilføje tekst til dit logo. Dette anbefales dog ikke, da det bl.a. visuelt er forstyrrende. 11af12
1.5 Indsæt/skift logo og banner i frontend: For at indsætte/skrifte logo og banner i frontend skal du først have uploadet billedet/billederne i mediebiblioteket inden det/de kan sættes ind på hjemmesiden. Se hvordan filer uploades i afsnittet om Mediebiblioteket: Indsæt billede i mediebiblioteket: Indsæt/skrift logo eller banner i frontend. Klik på Komponent, markér enten feltet til logoet eller banneret. Når du markeret et felt kommer der en lille menulinje frem. I menulinjen er der vist et lille billede, klik på dette billede. Vælg så et billede fra mediebiblioteket. Gem og udgiv når billedet er sat ind. 12af12