Kontaktboks med og uden profilbillede Skive.dk april 14 Kontaktboks - displaymodul Umbraco Udarbejdet april 2014 www.skive.dk
Opret en simpel kontaktformular Du opretter en kontaktformular som et displaymodul, der tilknyttes din indholdsside. Typisk vil du indsætte denne i højre sidebar, hvor du så bare skal være opmærksom på, at den på små skærme (mobiltelefoner og tablets højformat) vil placere sig i bunden af indholdssiden. Opret displaymodulet: Højreklik på Indsatte displaymoduler tilhørende den indholdsside, du vil oprette kontaktboksen på, og vælg Opret. [ 2 ] skive.dk
Vælg displaymodulet Kontaktboks Fanen Indholdsfelter Giv modulet et navn og klik på tilføj ud for medarbejder og naviger frem til kontakten... Umbraco // Manual for redaktører [ 3 ]
Klik på Gem og udgiv FØR du udfylder fanerne Grid og Tekniske felter Grid I Grid skal du tænke på at indhold i højre sidebar altid bør være grid 12 på stor og mellem skærm - ellers bliver det for småt. Samtidig skal man tænke på, at hvis borgeren går ind på siden via en mobiltelefon eller en tablet i højformat, så vil indhold fra højre sidebar blive flyttet ind som centerindhold og lægge sig i bunden! Dvs. hvis kontaktboksen også er angivet med 12 i grid på mindre skærme (f.eks. tablet højformat), vil kontaktboksen således fylde hele tablettens skærmbredde (ved højformatvisning), hvilket ikke er pænt. Det giver en voldsom stor visning især med indsat profilbillede! Så følg anvisningerne nedenfor - og test eventuelt visningen i forskellige miljøer (mobil, tablet, PC) hvilket altid er en god anbefaling. 12 6 12 12 [ 4 ] skive.dk
Fanen Tekniske felter Kontaktboksen bør placeres i DisplayModuleZone: Højre sidebar (dynamisk) Mht Variant, bemærk at der er to visninger. Alternativ baggrund er pænest, da kontakten her bliver placeret i en boks. Afslut med Gem og Udgiv Lav et preview af siden, som du har knyttet modulet til og se om du er tilfreds! På de følgende sider i vejledningen viser jeg hvordan du kan tilknytte et profilbillede samt noget brugerdefineret info hvis du har brug for det! Umbraco // Manual for redaktører [ 5 ]
Tilknytte yderligere informationer til kontakten samt tilføje et profilbillede Denne vejledning supplerer den simple måde at oprette en kontaktboks beskrevet på de foregående sider, hvor kun de rene data, som kommer fra kommunens AD (medarbejderinfo) bliver vist. For at tilføje ekstra oplysninger udover AD-data samt profilbillede, skal man ind i fanen Medlemmer (Members) i venstremenuen og der finde kontakten, som man så redigerer på. Når du gemmer ændringerne på kontakten, vil de slå igennem på en allerede oprettet kontaktboks. Upload et profilbillede Hvis du ikke vil bruge et profilbillede, kan du springe denne beskrivelse over og springe videre til beskrivelsen af hvordan du redigerer i kontaktpersonens oplysninger. A) På din harddisk finder du et egnet billede, som kan bruges til profilbillede - det må meget gerne være med luft omkring B) Skalér billedet til max 1920 px i bredden. Brug www.pixlr.com/editor eller en anden foretrukken billededitor. C) Upload billedet til: Mediarkiv - Profilbilleder - bogstavmappe (den der passer med kontaktpersonens første initialbogstav) [ 6 ] skive.dk
Tilføj oplysninger til kontaktpersonen samt tilknyt et profilbillede I venstre menuen finder du en mappe der hedder Medlemmer (hvis du ikke kan se denne, skal du kontakte Annette Bach, der så sørger for at tildele dig rettigheder til mappen) Jeg vil i eksemplet her redigere oplysningerne for Hanne Greisen og finder hendes initialer under H - og derunder HGRE Umbraco // Manual for redaktører [ 7 ]
Jeg klikker på hgre og jeg får nu adgang til nogle oplysninger fordelt på tre faner. I brugerdefinerede info kan jeg frit indsætte tekst i Overskrift og Beskrivelse. Derudover kan jeg tilknytte et profilbillede, som skal uploades til korrekt placering i Mediaarkivet Tilføj profilfoto Her starter jeg med at klikke på + for at tilknytte et profilbillede... [ 8 ] skive.dk
Beskær motivet Nu skal du så definere en beskæring af billedet, som bliver vist i kontaktboksen. Bemærk at du kun har mulighed for en bredformat beskæring, hvorfor det er godt at have et motiv, som har noget luft at arbejde ud fra... Tilføj tekstindhold Overskrift og beskrivelse er fritekstområder, som IKKE bliver overskrevet ved nattens ajourføring af AD-info Se AD-info i fanen AD info Umbraco // Manual for redaktører [ 9 ]
Fanen AD info Indhold i denne fane er ikke redigerbare, da alt indhold dagligt bliver overskrevet af data fra kommunens AD Er der fejl i informationerne, skal du i første omgang kontakte Jonna i Borgerservice [ 10 ] skive.dk
Fanen Egenskaber For at kunne gemme dine ændringer skal du i fanen Egenskaber angive et password, som skal bekræftes. Find på et eller andet - f.eks. dit login til Umbraco Passwordet bliver ikke gemt og du kan tilgå emnet med et nyt password næste gang du tilføjer/ændrer data på personen. Så ja, det er en overflødig feature... GEM Afslut med Gem Umbraco // Manual for redaktører [ 11 ]
Se kontaktboksen i frontend Efter du har gemt, kan du opdatere siden med kontaktboksen og se resultatet Bemærk at tekst fra fanen brugerdefinerede info ikke bliver vist direkte i kontaktboksen, men først tilgåes ved klik på orange pil ud for navnet [ 12 ] skive.dk