Brugervejledning til OK SYDs hjemmeside

(Dokumentet kan også downloades i Word-udgave) (Version 1.00)
(Teksten nedenfor er version. 1.00, fra 9. jan. 2026.)




Introduktion

LINK: https://www.oksyd.dk
HOSTING: https://www.one.com
CMS: WordPress (tema: Xpress)

Denne brugervejledning giver et overblik over de vigtigste funktioner på OK Syds hjemmeside, så administratorer og redaktører hurtigt kan komme i gang med at tilføje indhold og opdatere sider. Vejledningen medtager alle de vigtigste funktioner, men der er mindre elementer, som ikke er forklaret for ikke at gøre manualen uoverskuelig. Brugervejledningen vil også findes på sitet.
https://www.oksyd.dk/vejledning/

Admin / Redaktør-login

Login: https://www.oksyd.dk/wp-admin/

Admin
Administratorer kan ændre grundlæggende ting på sitets menuer, temaer, design og opdatere plugins samt underliggende elementer. Administratorer kan også oprette og slette brugere og helt nedlægge sitet.

Administratorerne bør holde øje med om sitet har brug for opdateringer og holde øje med at redaktører der ikke er aktive længere bliver slettet.

  • Christian Ravn Christiansen
    crc AT cyber-net.dk
  • Ernst Poulsen
    Halvtolv 18, 1. tv
    1436 København K
    Tlf.: 53 53 73 74

Redaktører
Alle bestyrelsesmedlemmer er oprettet som redaktører og har fået tilsendt brugernavn og password.
OK Syd skal på et tidspunkt vælge minimum to administratorer, der dermed får rettigheder til at oprette andre brugere og lave større ændringer på sitet.

Der er ikke noget problem i at oprette mange redaktører, som hver især kan passe deres eget område og fx skrive nyheder, opdatere løbslister, oprette events eller lægge billeder op.

Redaktører kan skrive artikler og lægge billeder op, men kan være afskåret fra fx at oprette menupunkter.
Brugere kan rette deres eget password.

De oprettes her:
Brugere -> Alle brugere
https://www.oksyd.dk/wp-admin/users.php

Tema / design: Express

WordPress er et publiceringssystem, hvor indholdet i stort omfang er adskilt fra designet. Det betyder, at det reelt er muligt at skifte design på sitet, uden at man skal bygge hele sitet op fra bunden igen.

Det nuværende design hedder ”Express”, og det tilpasser sig skærmstørrelsen hos brugerne uanset om de besøger hjemmesiden med en pc, en tablet eller en mobil.

Det konkrete tema giver både plads til faste stam-sider, løbende nyheder og et par marketing-arealer på forsiden, hvor man kan fremhæve udvalgte elementer.

Man bør være lidt varsom med at skifte designet, fordi brugerne vænner sig til et bestemt layout og fordi et nyt tema typisk vil indebære at nogle design-elementer skal tilpasses for at se pæne ud.

Men man kan teste, hvordan sitet vil se med andre temaer før man reelt skifter, og de sider, indlæg og billeder man har lagt op på sitet bliver ikke tabt ved at ændre temaet.

Du finder funktionen her:
Udseende -> Temaer
https://www.oksyd.dk/wp-admin/themes.php

Om HTML og koder

WordPress-sitet gør det muligt at tilføje links og indsætte kode-stumper, der fx henter indhold fra andre sites. Enkelte steder kan det være relevant at indsætte håndkodede links. HMTL er omgivet af skarpe parenteser <> – og ser fx sådan ud, når det er et link man vil tilføje.

KODE: <A HREF=”https://www.do-f.dk”>Dansk Orienterings-Forbund</A>
UDSEENDE: Dansk Orienterings-Forbund

Ellers bør man grundlæggende benytte sig af editoren der findes i indlæg og sider, som gør det muligt at lave links, indsætte billeder, etc.

WordPress har nogle interne funktioner – fx tabeller og kontaktformularer, der styres med koder omgivet af firkantede parenteser. Det kan fx se sådan ud. [table id=1 /]

Forsideopbygning

Forsiden i Xpress-temaet er opbygget med disse hovedelementer.

– Topmenuen der giver adgang til de faste sider
– Topslider (i toppen), hvor man kan placere 2-8 historie der roterer
– Indlæg der er sat op som en løbende nyhedsstrøm i midten
– En højrespalte med udvalgte faste elementer
– En bundmenu: Med statisk information om klubben

Topslider

I toppen af forsiden ligger en ”dias-fremviser” eller ”slider”, der roterer mellem det antal billeder, man har lagt op. Man vælger frit hvor mange slides der skal rotere, men et oplagt antal er 3-5 stk.


Hvert slide består af en kort tekst og et billede. Det er oplagt at tilføje et link til teksten, så man kan klikke på slideren og komme videre til det relevante indhold. Husk altid at tjekke, at teksten er til at læse med det konkrete billede som baggrund. Man kan justere tekst-farven ved at give tekten en style-farve fx: style=”color: white”. Den hurtigste måde at lave et nye slide på er ved at kopiere en tidligere udgave og så skifte billede og tekst til det relevante indhold.

Man styrer rækkefølgen af slides ved at ”lynredigere” publiceringsdatoerne. De nyeste slides lægger sig altid øverst. Når slides har ligget i et stykke tid før man for forandringens skyld tilføje nogle nye og selv faste elementer som reklame for at melde sig ind i klubben bør have friske billeder og tekst med et par måneders mellemrum.

Slideren findes i hovedmenuen:
https://www.oksyd.dk/wp-admin/edit.php?post_type=oc_slider

Om indholds-editoren Guthenberg

Alt indhold i Sider og Indlæg laves i en editor, der hedder Guthenberg. Her bliver udseende pænest, hvis man benytter muligheden for at lægge alt indhold i enten overskrifts-felter, tekst-felter, billed-felter, video-felter eller nogle af de andre felttyper. Topbilledet i artikler indsættes øverst i højrespalten.

Embedding af indhold i Guthenberg
Noget indhold kan også indsættes – bare ved at indsætte et link. Det gælder fx Youtube-videoer, der automatisk bliver integreret, bare ved at indsætte et link.

Lidt mere kompliceret indhold kan indsættes ved at indsætte en html-boks.

Editoren er som udgangspunkt en visuel editor, hvor man stort set kan se, hvordan indholdet ser ud i sidste ende. Men man kan skifte til kode-status hvis man vil se den underliggende html-opmærkning og fx rette i den. Man skifter til kode-status ved at klikke på de tre prikker helt øverst til højre.

Inde fra editoren er det både muligt at styre om en artikel kun er en kladde eller om den skal udgives. Man kan også styre udgivelsestidpunktet.

Sider (stam-sider)

Hjemmesiden indeholder en stribe faste sider med oplysninger af mere permanent karakter. Det er fx information til nye løbere, indmeldelsesformularer, arkivindhold, kontaktinformation og årets løbskalender. Større events får dog også en fast stamside, hvor man kan samle både indbydelse/instruktion og så senere udvide den med links til resultater, stræktider, o-track og fotos.


Man opretter nye sider her:
Sider -> Alle sider
https://www.oksyd.dk/wp-admin/edit.php?post_type=page

Indlæg (nyheder)

Indlæg er hjemmesidens ”nyheds-historier”. De ligger midt på forsiden med de nyeste historier øverst.

Det anbefales at tilføje emneord til alle indlæg så det er nemmere at finde dem igen og så læserne bedre forstår indholdet.

Man opretter nye indlæg her:
Indlæg -> Alle indlæg
https://www.oksyd.dk/wp-admin/edit.php

Særligt om kommentarer
Indlæg kan som udgangspunkt ikke modtage kommentarer. Det er muligt at slå kommentarfunktionen til igen ved at klikke på lynredigering for det enkelte indlæg. Umiddelbart anbefales det ikke at tillade kommentarer, da det øger risikoen for spam-indlæg.

Højrespalten

Højrespalten på sitet er gennemgående på alle sider, og bør derfor bruges til oplysninger, der er vigtige. I øjeblikket er følgende oplysninger prioriteret:

  • En liste med kommende løb
  • Link til intro-artikel målrettet nye løbere
  • Facebook feed (se plugin-beskrivelse)
  • Et link til indmeldelsessiden
  • Brugervejledningen (kan også flyttes til bunden)

Hvis klubben afholder et stort løb kan man også lægge en henvisning i denne spalte.Særligt om importen af klubbens løb i højrespalte
Sitet er sat op til at hente klubbens næste løb fra www.orienteringslob.dk via et kode-stump.

<iframe id=”mo_embed_frame” onload=”setIframeHeight(this)” src=”https://orienteringslob.dk/o_embed?clubs=34&runs=10&font=Arial.14&color=0000cc&header=1″ width=”100%” height=”auto” frameborder=”0″></iframe><script>window.addEventListener(“message”, function (event) {if (event.data.hasOwnProperty(“FrameHeight”)) {document.querySelector(“#mo_embed_frame”).style.height =event.data.FrameHeight + “px”}});function setIframeHeight(iframe) {var height = iframe.contentWindow.postMessage(“FrameHeight”, “*”);}</script>
Du finder en vejledning i at genere koden på Orienteringslob.dk’s hjemmeside:
https://orienteringslob.dk/indlejring

Men du kan selv justere antallet af løb der max skal vises direkte i koden. I øjeblikket er den sat til 10 ”runs=10”. Hvis man ændrer tallet til 8 eller 12 og gemmer siden, så vises det nye antal – hvis der er oprettet så mange løb på Orienteringslob.dk.

Orienteringslob.dk henter som udgangspunkt de løb klubben opretter på Facebook, men hvis importen fejler eller hvis klubben ikke opretter løbene på Facebook i god tid, så er det bedre blot at oprette løbene direkte på Orienteringslob.dk.

Anbefalingen er at oprette hele den kommende sæson på Orienteringslob.dk. lige så snart løbskalenderen er klar. Det har samtidigt den fordel at klubbens løb er synlige på fx DOF’s hjemmeside, hvor løbene er indlejret.

Man redigerer indholdet i højrespalten her:
Udseende -> Widgets -> Sidebjælke
https://www.oksyd.dk/wp-admin/widgets.php

Bundmenuen

De tre bundmenuer (højre, midten, venstre) er blot tre tomme felter, hvor man kan indsætte tekst og billeder. Lige nu indeholder sitet stam-oplysninger om kontaktinfo, mv. – samt links til klubbens løb og Facebook-side.

Man redigerer indholdet i bundmenuen her:
Udseende -> Widgets -> Sidefod [1 eller 2 eller 3]
https://www.oksyd.dk/wp-admin/widgets.php

Billeder/dokumenter

WordPress samler alle billeder, pdf’er, word-filer, mv. i et mediebibliotek. Når man skal indsætte billeder i et indlæg eller en side, foregår det via Mediebiblioteket.

Da mediebiblioteket gradvist vil vokse til en ret stor størrelse, bør billederne forsynet med en beskrivelse / billedtekst, så man kan finde billeder – fx sorteret efter navn, terræn, stævne, etc. Endeligt er det altid fornuftigt at kreditere fotografen. Finn Hove har lavet et indledende arbejde med at tilføje billedtekster, men det arbejde skal løbende vedligeholdes.

Sitet har fået tilføjet et plugin ”FileBird”, der gør det muligt at tilføje alle billeder til en undermappe, så man på den måde nemmere kan finde billeder inden for en bestemt kategori. Undermapperne kan også have egne undermapper – fx for bestemte større løb. Alle billeder bør tilføjes til en undermappe. WordPress har indbygget et modul, der tilpasser billeder i størrelse til brug på nettet, så sitet ikke bliver for langsomt selv om man uploader store filer. Biblioteket kan både indeholder billeder og dokumenter.

Du finder mediebiblioteket i hovedmenuen under ”Medier”
https://www.oksyd.dk/wp-admin/upload.php

FileBird har sit eget menupunkt der tillader indstilling af nogle få grundindstillinger og opgradering til PRO-udgaven:
https://www.oksyd.dk/wp-admin/admin.php?page=filebird-settings

Menu-opbygning

Top-menuen bliver som hovedregel brugt til at lave direkte links til nogle af hjemmesidens faste sider, men menupunkter kan også lede brugerne videre til eksterne sider som fx Facebook.

  • Først skal man tilføje en side til menuen. Det kan også være et eksternt link.
  • Herefter flytter man den op i hierarkiet
  • Til sidst gemmer man menuen og tjekker at det fungerer.

Man styrer opbygningen af topmenuen her:
Udseende -> Menuer
https://www.oksyd.dk/wp-admin/nav-menus.php

Indhold – Hovednavigation

  • Intro: Artikler der hjælper nye medlemmer ind i sporten + en indmeldelsesformular.
  • Her kan du løbe: Løbskalender, virtuelle løb, FindVejI og alle årets åbne løb. Et stykke tid efter et løb bør oplysningerne lægges i løbs-arkivet.
  • Guides: Artikler der hjælper løbsarrangører og medlemmer til at blive bedre til o-løb
  • Nyheder og sociale medier: Arkiv over nyhedsbreve/medlemsblade, fotos samt links til sociale medier.
  • Om OK Syd: Kontakt-info, vedtægter og baggrundsinformation om klubben.

Tabel-import / Løbskalender

WordPress gør det muligt at installere en række plugins, der er målrettet til at løse bestemte opgaver. Et af de moduler der er installeret er ”Tablepress”, der kan importere excel-tabeller og konvertere dem til html, så de vises korrekt på hjemmesiden.

Denne funktion bruges i øjeblikket kun til en ting: Import af Løbskalenderen.  Man skal igennem tre skridt:
– Brug Tablepress til at importere tabellen
– Herefter kan man justere eller rette i tabellen, hvis ikke alt er blevet importeret korrekt.
– Hent tabel-koden i Tablepress oversigten
– Indsæt tabelkoden på den rette side/indlæg.

Der er to markante fordele ved at Løbskalenderen ligger som en html-tabel frem for en PDF:
– Man kan rette direkte i teksten, hvis et startsted fx ændres
– Tabellen skalerer nemmere til en fornuftig visning på fx tablets hvor en PDF er designet til at blive printet.

Det kan stadig være OK at lægge en PDF op af løbskalenderen ved årets start, så folk får mulighed for at printe den.

Man importer og styrer tabeller her:
Tablepress -> Alle tabeller
https://www.oksyd.dk/wp-admin/admin.php?page=tablepress

Formularer / Indmeldelsesformular

I dette tema er der installeret et plugin ”Contact Form 7”, der gør det muligt at opbygge formularer med præcist det antal felter man ønsker.

Man skal igennem en række skridt:
1:  Opret formularen
2: Tilpas formularen ved at tilføje de felter der er behov for
3: Under ”E-mail” fanebladet tilretter man de felter, der skal videresendes i en mail
– Formularens kode indsættes på en given side.
4. Formuler Kvitterings-beskeden
5. Indsæt formularen på en side

OBS: Formularer indeholder en del kode, og blot én manglende parentes gør, at en del af indholdet ikke vil fungere korrekt. Derfor bør man altid teste formularen efter enhver ændring.

1: Opret formularen
Selve formularen oprettes på ”Kontakt-formular”-oversigten. Der er lige nu kun en formular på hjemmesiden. Men man kunne godt oprette formularer til fx løbstilmelding eller andre formål.


2. Vælg ”rediger” på formularen
Tilpas elementerne under fane-bladet ”Formular”.
OK SYDs indmeldelsesformular ser sådan her ud i backend’en.

3. Konfigurer den mail der skal sendes
Når en bruger udfylder formularen og indsender den, bliver indholdet af formularen ganske simpelt indsendt i en mail, der bliver sendt til den mailadresse man har angivet.

I OK Syd bliver mailen sendt til formand@oksyd.dk, men man kan vælge at sende den til andre adresser – eller flere samtidige mailadresser, hvis der er forskellige folk der skal gøre noget – fx oprette vedkommende i O-service og tjekke at betalingen er gået ind.

Man skal samtidigt specificere de formular-elementer der skal medsendes. Det ser sådan ud for indmeldelsesformularens vedkommende. Man skal samtidigt specificere de formular-elementer der skal medsendes. Det ser sådan ud for indmeldelsesformularen.

4. Giv kvitterings-besked.
Når folk udfylder formularen skal de have en besked om at det er gået godt. Vi viser beskeden ”Tak for din indmeldelse. Den er nu afsendt til klubbens formand”.

På denne side kan man også justere forskellige fejlmeldinger, men er benytter vi blot standard-indstillingerne.

5. Indsæt formularen
Kopier den ”shortcode” der står øverst og indsæt den på den relevante side.
[contact-form-7 id=”9217772” title=”Indmeldelse i OK Syd”] (angiv kun et sæt skarpe paranteser)

På ”bliv medlem”-siden ser formularen sådan ud:

Du finder Kontakt / formularer som en hovepunkt i menuen
https://www.oksyd.dk/wp-admin/admin.php?page=wpcf7

Om sammenhængen med Orienteringslob.dk

I højrespalten på OK Syds hjemmeside vises klubbens næste træningsløb. De bliver hentet som et feed fra Orienteringslob.dk-sitet.

Man tilpasser feedet på denne side på Orienteringslob.dk. Det er muligt både at vælge hvilke klubber der skal med i feedet, hvor man løb der skal vises samt font-type, størrelse og farve. Den nuværende kode viser de næste 6 løb fra OK Syd.
https://orienteringslob.dk/mo_embed_form

<iframe id=”mo_embed_frame” onload=”setIframeHeight(this)” src=”https://orienteringslob.dk/o_embed?clubs=34&runs=6&font=Arial.14&color=0000cc&header=1″ width=”100%” height=”auto” frameborder=”0″></iframe><script>window.addEventListener(“message”, function (event) {if (event.data.hasOwnProperty(“FrameHeight”)) {document.querySelector(“#mo_embed_frame”).style.height =event.data.FrameHeight + “px”}});function setIframeHeight(iframe) {var height = iframe.contentWindow.postMessage(“FrameHeight”, “*”);}</script>

Det er muligt for alle klubber at indtaste løb direkte i Orienteringslob.dk og det er fx oplagt at sørge for, at sitet indeholder alle OK Syds løb for de næste 3-6 måneder. På den måde vil de både blive vist på www.orienteringslob.dk, www.do-f.dk og i flere eksterne feeds.

Orienteringslob.dk har en funktion, der automatisk henter løb fra Facebook og som løbende holder øje med om klubben har lagt nye løb op. Derfor skal man lige nu holde øje med, at Orienteringslob.dk får tilføjet det relevante event-nummer fra Facebook, så klubben ikke får dubletter.

Orienteringslob.dk har generelt virket stabilt over årene, men der kan være perioder, hvor DOF ikke er opmærksom på at Facebook skifter opsætning og det kan betyde, at importen er ude af funktion. Det er her man så kan vælge selv at oprette løbene direkte på Orienteringslob.dk, hvilket er ret nemt.

Højrespalten redigeres fra Widgets-menuen
Udseende -> Widgets
https://www.oksyd.dk/wp-admin/widgets.php

Generelle råd om publicering

  • Undgå at lægge for meget af indholdet op som PDF’er. De er svære at læse på mobiltelefoner.
    Læg hellere teksten ind i et ”indlæg” eller i en ”side”. Hvis nogle bruger foretrækker PDF’er kan man tilbyde det som en sekundær mulighed at downloade teksten i PDF-format.

  • Brug gerne billeder til alle artikler og indlæg. Det gør hjemmesiden mere levende. Sørg gerne for at der jævnligt er nogen af klubbens medlemmer der fotograferer til både træningsløb og åbne løb.

  • Sørg for løbende opdatering af hjemmesiden, så den ikke ser forældet ud.

  • Anvend gerne historier både på hjemmesiden og på klubbens åbne Facebook-side, hvor man opnå større rækkevidde – især uden for klubben.

Indsættelse af YouTube-videoer

Hvis man indsætter links fra YouTube vises videoen.
[[https://youtu.be/sn0z1xngqyM]] (OBS: Indsæt IKKE skarpe paranteser – men blot linket)


WordPress Plugins

WordPress er i stand til at håndtere det mest almindelige indhold, men benytter sig af såkaldte ”plugins” til en stribe special-funktioner. Sitet er født med nogle plugins – fx Akismet Anti-Spam og Rank Math SEO.

Vi har installeret følgende ekstra plugins:
– Contact Form 7: Gør det muligt at designe formularer (fx indmeldelsesformularen)
– TablePress: Gør det muligt at omforme excel-tabeller til html-sider, der vises på sitet (fx Løbskalenderen)
– Smash Baloon Custom Facebook Feed: Gør det muligt at vise Facebook-indhold (endnu helt aktiveret)
– FileBird: Gør det muligt at lave undermapper i mediebiblioteket

Når man installerer nye plugins bør man generelt vælge udgaver, som benyttes af mange andre brugere og generelt bør man ikke installere mere end man har tænkt sig at bruge.

Plugins kommer ofte i en gratisudgave som kan det basale og har så en udvidet betalingsudgave. Her må man afveje behovet vs værdien for sitet.

Plugins varsler ofte om, at det er nødvendigt med en opgradering. Det kan være en god ide at opdatere løbende, men man behøver ikke opdatere ved hver eneste varsling. Her fra starten er næsten alle plugins sat til at opdatere automatisk.

Plugins er et punkt i hovedmenuen
https://www.oksyd.dk/wp-admin/plugins.php

Hjælp / Support

I opstartsfasen kan OK Syds bestyrelsesmedlemmer få support ved at maile eller ringe til Ernst Poulsen, der har sat sitet op. Efter en måned overtager OK Syds egne administratorer og redaktører opgaven med support.

  • Generelt kan man finde de fleste funktioner ved at klikke menuerne igennem fra en ende.

  • WordPress har et dokumentations-site, der gør det muligt at søge på mere detaljerede emner.
    https://wordpress.org/documentation/

Endelig vil man ofte få et rimeligt forslag til en løsning, hvis man formulerer sit problem i et AI-værktøj som ChatGPT. Eks: ”Hvordan får jeg gjort billedbiblioteket i WordPress mere overskueligt?

Cookies

Hjemmesiden bruger kun nogle få cookies. De benyttes fx til at hjælpe redaktører og administratorer med at huske deres logge ind. Disse cookies er ikke omfattet af EU’s cookie-direktiv der regulerer marketing- og tracking af brugerne. Det er derfor ikke nødvendigt at brugerne accepterer cookies.

Sitet har derfor denne tekst ”Denne hjemmeside bruger ikke cookies til tracking eller marketing” i ”Sidefod 3”-området under Udseende-menuen.
https://www.oksyd.dk/wp-admin/widgets.php