Denlillahovedmenu 2

Forhåndsvisning 3

Opsætning 4Indhold 4Sidehoved 4Sidefod 5Kreds 6SocialeMedier 7Sporing 8Egenskaber 9

Forsiden 9Fotokarrusel 9Mødetider 10Adresse 10Kalender 12Instagram 14Nyhederpåforsiden 143kolonnermedindhold 15Video 15Facebook-feed 16

Sletteindhold 17

Nyheder 17

Struktur 20

Billeder 20

Klassesider 25

Sletteogoprettesider 27

Nyhedsbrev–Mailchimp 28

2

BrowserHjemmesideredigeringenfungererbedstiChrome.Ellerserikonerforeksempelikkesynlige.Hentchromeher:https://www.google.dk/chrome/browser/desktop/index.html

DenlillahovedmenuNårmanloggerind,harmanenlillamenu-kolonnetilvenstre.

Klikherforattilgådinesider.

Klikherforattilgåmediearkiv–dinebilleder.

Klikherforatsedinhistorik.Klikkermanpåpilen,kommeretnytikonfremInstagram.HerkanmanblacklistepostisitInstagram-feed,derdermedikkevisespåhjemmesiden.

Skrivlinketpåposten.Notérhvorfordetikkeskalvisesoggem.

3

Klikpåhusetforatgåtilforsiden.HuskathvergangmanretternogetskalmanklikkepåGemogudgiv.

ForhåndsvisningKlikkermanpåForhåndsvisning,kanmanfåvistsineændringer.

4

Sehvordandetserudpåforskelligeplatformevedatvælgeimenuentilvenstre.KlikkermanpåX,forsvindermenuen,ogdeterautomatiskdesktopvisning,dervises.

OpsætningDukanvælgemellemenrækkefanebladepåforsiden.IndholdKlikpåIndholdforatredigereforsiden.

SidehovedKlikpåSidehovedforattilføjeeksternewebhenvisninger–eksempelvisFDF.dk.

5

SidefodKlikpåSidefodforatredigerebundenafhjemmesiden,somgårigenpåallesider.

6

Indholdetikolonne2”Følgos”redigeresdogunderfanebladetSocialeMedier.KredsUnderKredstilføjeskredsensadresse,dervisesallernederstpåsiden.

7

SocialeMedierUnderSocialeMediertilføjesjeresFacebook-side.MankandesværrekuntrækkeindholdfraFacebook-siderogikkegrupper.TilføjjeresInstagram,Youtube-kanal,hvisIhardet,ogeventueltPinterest.IkanogsåvælgeattilføjeFDFsPinterest.Udfyldesfeltetikke–visesdetikkeifooteren.InformationerneangåendeInstagrambrugestilInstagram-båndetpåsiden.HerkanmanogsåvælgeattilføjeFDFsprofil.ManfårkunvistInstagram-båndet,hvismantilføjerenbruger,mankanikkenøjesmedhashtag.Menmankansortere,såmankunfårvistbilleder,derermarkeretmedetsærligthashtagpådenbruger.Detkunnevære#sommerlejreller#væbner.Menværopmærksompå,atdetfungererbedst,hvismanharmindst10

8

billeder.

SporingUnderSporingkanItilføjejeresGoogleAnalyticsTrackingID.Googletilbyderentjeneste,hvormankansestatistikpåbesøgstalleneforensside.Semereogopretenkontoher:https://www.google.com/analytics/

9

EgenskaberEgenskaberharduikkebrugfor.

ForsidenForsidenerbyggetopomkringfølgendeelementer:Fotokarrusel

SkrivenoverskriftVælgomderskalværelinkfraforsiden.Somudgangspunktbrugessidenstitel,mendukanændretekstenTilføjdebillederduvilhavevisther.Seunder”Billeder”hvordanduhanvælgeudsnit.Vælgpåslideren,hvorlængefotosskalvisesKlikGemogudgiv.

10

MødetiderMødetidervisesidenblåmødeboks.Dobbeltklikpåboksenogenpopupdukkerfrem.Herkanduredigereindholdet.KlikOpdater,nårduerfærdig.

AdresseKredsensmødestedvisesidenblåboks.Dobbeltklikpåboksenogetpopup-vinduedukkerop.Herkanduredigereindholdet.MarkérSepåkort>ogklikpåindsætlink.

11

Ennypopup-menudukkerop.

FindlinkettiljereskredsadresseiGoogleMaps.

12

Sætdetindoggem.KlikOpdater,nårduerfærdig.KalenderHerviseskalender-plugin.SesærsklitvejledningforopsætningafkalenderiGoogle.VælgTilføjindhold.VælgCalenderSumaryipopup-menuen.

13

Endnuenpopupdukkerop.Skrivenoverskrift VælgenbaggrundsfarveKlikpåTilføj.Ennypopupdukkerop.Klikpåpilenvedhusetforatfoldemenuenud.Vælgenkalenderellerflere.VælgIndsend.Vælghvormangelinjerbegivenhederneskalvisesi.Detskalgøres–ellersvirkerdetikke!Derviseskuniflerelinjer,hvisdererindholdtildet. VælgOpdatér.Kommendebegivenheder,dererikalenderen,vises.Mankanindsættebaggrundsbilledepåkalender.Klikpådet

hvideområdeoverdenorangeblok,ettandhjuldukkeroptilhøjre.

14

Klikpådetøverstetandhjulogenpopupmenudukkerop.Klikafi”Fullwith”ogvælgetbilledederskalvisesbagkalenderen.Vælgindsend.

InstagramHervisesindholdfradenprofil,derertilknyttetunderSocialemedia.

NyhederpåforsidenPåforsidenvisestonyhederfrakredshjemmesidensnyhedspluginogdetosenestenyhederfraFDF.dk.

15

3kolonnermedindholdManopbyggersinsidemedkolonner1,2eller3.Herervalgtetmodulmed3kolonner,hvordererfleremuligheder.Detkunnevære:Tekst,VisningafudsnitafjeresFacebookside,video.VideoKlikpåTilføjindhold.Enpopup-menudukkerop.VælgikonetEmbed.

Ennypopupdukkerop.IndsætvideoensadressepåYoutube-ellerVimeo-filmiadressefeltet.KlikpåRetrive.Ellersvirkerdetikke.KlikpåIndsendtilsidst.

16

Facebook-feedKlikpåTilføjindhold.Enpopupdukker.VælgFacebookPageFeed.Ennypopupdukkerop.SkrivadressenpåjeresFacebookside.OgvælgeventueltFacebook-ikon.Klikpåopdater.

17

SletteindholdVildusletteindhold.Såklikpåpapirkurven.

Herefterdukkertoikonerop.Klikpå for

atslette.Klikpå foratfortrydeslet.

NyhederNyhederoprettesiAktuelt.KlikderefterpåOpretNewsItem

18

Skrivtitelpåfil.Dettegemmesnyhedenunder.Skrivoverskrift.Vælgudgivelsesdato.Skrivmaxtolinjersunderoverskrift/teaser.Detblivergrimt,hvisderermere.Scrollned.

Skrivforfatter.Vælgfoto(enpopupdukkerop)Skrivevt.enbilledtekst.Vælgomhovedindholdetskalvære1,2,eller3kolonner.Gemogudgiv.

Vælgeksempelvistokolonner(Twocolumns).VælgtilføjindholdogvælgsåRichtexteditoripupop-menuen.

19

Skrivdintekst.Duharmuligforatformateretekstenmedfarvedeunderoverskrift,tilføjelinksogtabeller.Undgåattilføjefotosher.BrugistedetUmbracosandrefoto-muligheder.

Idenandenkolonneerderhervalgtattilføjeentekstboks.

Skrivenoverskift.Vælgetikon(en popupdukkerop).Vælgikon-fave.Skrivdintekst.Klikopdatér.

20

Sådanserdenfærdigenyhedud.

StrukturViharvalgtfølgendemenuer.Aktuelt:NyhederAktiviteter:Skrivomhytte,loppemarked,sommerlejren,diskooghvadIellersharafaktiviteterudoverklassemøderne.Klasser:Herkanoprettesensideforhverklasse.Viharforhåndsoprettet:Puslinge,tumlinge,pilte,væbnere,seniorvæbnereogseniorer.Ikanopretteflere,omdøbeellerslettesider.Billeder:HerkanIhavejeresgallerier.Kontakt:HerkanIhavekontaktoplysningerpåkredsledelseogbestyrelse.OmFDF:SkrivherlidtomhvadFDFerhosjer.Ikanogsåsamlegenerelleinformationersomforeksempelkontingentopkrævning,hvordanmanindmeldersig,jeressamværsregler,hvordanmanstøtterjerøkonomiskogsåvidere.

BillederDererindlagtenguidepåselvesiden,nårduharlæstden.Sletterdudenblotogskriverdinegentekst.UploadebillederKlikpåbilledikonetforattilgåmediearkivet.

21

GalleriVælgtilføjindholdogvælgderefterSlidingGallery.

Ennypopupåbner.

22

Klikpåslidesforattilføjefotosellermappe.KlikOpdatér.Hardumangegallerier,kandetværeenfordelatgivedemhverderesoverskrift.VælgTilføjindhold,ogvælgderefterRichtexteditor.

23

Skrivdinoverskriftogformatérteksten.

KlikpåGemogudgiv,nårduerfærdig.

MapperogenkeltbillederNårdusætterditgalleriindpåsiden,kanduvælgeatinkluderebådemapperogbilleder.Vælgerduenmappe,tagesallebillederimappen(menikkedenseventuelleundermapper!)medigalleriet.Dukansagtensvælgefleremappersamtidig,ogsåsamtidigmedflereenkeltbilleder.Værogsåopmærksompå,atallebillederoverenhvisstørrelseblivernedskaleret,indendelæggesiUmbraco.Detburdeikkeværenogetduellerdinebesøgendelæggermærketil,mentilgengældsparervienmasseharddisk-plads.

24

TeksterNårduharlagtbillederneopiUmbraco,kandupåhvertenkeltbilledetilføjebilledtekst,somvisesnårderklikkespåbilledetigalleriet.Derertotekster:

TitleBilledetstitelerdet,dervisesunderbilledetigalleriet,nårduklikkerpådet.

"Alt-tekst""Alt"stårfor"alternativ".Deterdentekst,dunoglegangekanse,hvisduholdermusenhenoveretbillede.Tekstenbrugesblandtandetsomhjælptilsvagtseende,såderesoplæser-programkanlæsedinbeskrivelseafbilledet.

SkabelonerHvertenkeltbilledefårogsådefineretnogle"skabeloner",sombruges,nårbilledetskalvisesmindre,enddetoprindeligter.Dukanmanuelttilpassehverenkeltskabelon,menforatgøredetnemmere,harduogsåmulighedforatvælgeet"interessepunkt"påetbillede,somskabelonernesåautomatiskvilfåmedidereseventuellebeskæringafbilledet.Placerdengrønnecirkeliditinteressepunkt,ogbilledetvilblivebeskåretherudfra.Huskatgemme!

25

KlassesiderHverklasseharsinegenside.

Skrivoverskriftogunderoverskrift.Herefterkanmanvælgeattilføjeetfotoitoppen,ellermankantilføjeindhold.Viforeslåratmnvælger2kolonnerbeståendeafettekstfeltogetfotofelt.Nedenunderkanmantilføjekontaktbokse.Dissebokseerdesignettildenstorekolonneitokolonnersvisning.

26

Enpopup

dukkerop.Skrivnavnioverskriftogherundertelefonnummerog mail.Vælgskift+enter,nårduskallavelinjeskift,såblivermellemrummetikkesåstort.Nederstkandutilføjeetfoto.KlikOpdatér.

27

SletteogoprettesiderVildusletteenside.Højreklikpådetreprikkervedsidenafdenside,duvilslette.

Vilduopretteensideskalduklikkepådetreprikker(almindeligt)enpopupdukkerop.Klikpåpageforatoprettenyside.

28

Nyhedsbrev–MailchimpNårduharoprettetenkontohosMailchompskaldufindeinformationerne,derskalindsættespådinhjemmeside.VælgListhøjreklikpådenlisteduvillave/harlavetenformulartil.

Vælggeneralform,forduskalbrugeetlink.Detteerenforkortetadresse,såduskalkopieredetindienbrowser,såfårduetlængerelink–ogdetskalindsættespådinhjemmeside.BygdinformularogkopierdenadressederstårisignupformURL.

29

–duskalkopieredenogindsættedenibrowseren.Dennelangeadressekopieresogsættesindpåhjemmesiden.

UnderfanebladetFootervælgerdutilføjindholdogindsætterNewsletter.Enpopupdukkerop.Herindsætterdudetlink,duharkopieret.Såerderoprettetetlinktilenformular,hvordukanskrivedigop.

Derermulighedforatoprettelinktilatabonnerepåkredsensnyhedsbrev,hvisdeternoget,Ibruger.Mailchimpharenfinservice,derergratis,hvismanikkeharsåmangeabonnementer.HarIikkenyhedsbrev–sletdaindholdetikolonnen,ellertilføjLandsforbundetFDFsnyhedsbrev.

30