Slik lager du en nettside til idrettslaget med WordPress

En oppdatert nettside er ofte det første nye spillere, foreldre, sponsorer og supportere møter av idrettslaget. Den forteller når treningene er, hvem som sitter i styret, hvordan du melder deg inn og hva som skjedde i helgens kamp. Denne guiden viser hvordan du lager en slik side med WordPress – publiseringsverktøyet som i dag driver over 40 prosent av alle nettsteder i verden – uten at du trenger å være utvikler. Vi tar utgangspunkt i en ekte historie: da en frivillig i fotballklubben UIF Bjørgan bygde klubbens første nyhetsside, og det du kan lære av den.

Hva er en idrettsklubbs nettside – og hvorfor trenger laget en?

En klubbnettside er lagets egen, offentlige side på nett der dere selv bestemmer innholdet. I motsetning til en Facebook-gruppe eller en Instagram-konto eier dere både adressen og innholdet, og alt er synlig for alle – også de som ikke bruker sosiale medier. En Facebook-side forsvinner i strømmen etter noen timer; en nettside ligger der og kan finnes igjen i Google i årevis.

For et lag gir en nettside tre konkrete gevinster. Den samler praktisk informasjon på ett sted (treningstider, baneoversikt, kontaktpersoner, kontonummer for kontingent). Den bygger synlighet og troverdighet overfor sponsorer og kommune. Og den avlaster de frivillige, fordi foreldre finner svar selv i stedet for å ringe trenere og lagledere. Mange små lag undervurderer det siste poenget: en god «Spørsmål og svar»-side kan spare styret for titalls henvendelser i uka.

Nettside eller medlemssystem – hva er forskjellen?

Dette er den vanligste forvirringen når idrettslag skal «på nett», så vi tar den tidlig. En nettside er den åpne utstillingen av klubben – nyheter, lagsider og kontaktinfo som alle kan se. Et medlemssystem er den lukkede administrasjonen – medlemsregister, fakturering av kontingent og rapportering.

Er klubben tilknyttet Norges idrettsforbund (NIF), er dere pålagt å bruke et godkjent elektronisk medlemssystem; kravet har vært gjeldende siden utgangen av 2019. KlubbAdmin er NIFs eget system, mens leverandører som Spond kan integreres mot NIF via KlubbAdmin. Disse håndterer medlemmer og betaling – de er ikke ment å erstatte en offentlig nyhetsside. I praksis er det derfor vanlig å kombinere: medlemssystemet styrer administrasjonen, mens en WordPress-side er lagets ansikt utad. Denne guiden handler om det siste.

Hvilken løsning bør du velge for klubbnettsiden?

Det finnes flere veier til målet, og riktig valg avhenger av hvor mye tid og kompetanse de frivillige har. Tabellen under sammenligner de vanligste alternativene før vi går nærmere inn på hvert av dem.

Når WordPress er et godt valg

WordPress passer når klubben vil ha full kontroll, kan oppdatere innhold selv og tenker langsiktig. Verktøyet er gratis og åpen kildekode, det finnes tusenvis av ferdige temaer og tillegg (plugins), og en lokal webutvikler kan hjelpe videre uten at dere låses til én leverandør. Ulempen er at noen må ta ansvar for drift og oppdateringer. Vil du forstå hva et publiseringssystem er før du bestemmer deg, forklarer vi det i egen artikkel om hva et CMS og en publiseringsløsning er.

Når en nettsidebygger holder

Har klubben bare behov for noen få sider og ingen som vil rote med teknikk, kan en nettsidebygger som Wix eller Squarespace være raskere i gang. Du drar og slipper elementer på plass, og hosting er inkludert i en månedsavgift. Til gjengjeld blir dere bundet til plattformen, og det er vanskeligere å flytte innholdet senere.

Når dere bør leie inn hjelp

Skal siden integreres med påmelding, nettbutikk for supporterutstyr eller sponsoravtaler, eller mangler klubben rett og slett frivillige med tid, kan et webbyrå sette opp alt og stå for driften mot en avtale. Det koster mer, men fjerner den tekniske risikoen. Les mer om hvordan en slik tjeneste fungerer i vår artikkel om webbyrå som drifter hjemmesiden for deg.

Slik ble nettsiden til UIF Bjørgan laget

Historien bak denne guiden er typisk for norsk breddeidrett: en frivillig med litt kodekunnskap ble spurt om å hjelpe. Vedkommende begynte med «skallet» til siden – en enkel forside i ren HTML – og fant en ferdig CSS-meny på nett som passet designet. På noen få timer var det en statisk forside uten én eneste linje PHP.

Deretter kom jobben med å gjøre den dynamisk: å bytte ut faste titler og tekster med WordPress sine malkoder (som the_title()) og dele designet opp i gjenbrukbare filer. Resultatet ble en levende nyhetsside der nye innlegg dukker opp på forsiden automatisk. Poenget den gang gjelder fortsatt: du trenger ikke bygge alt fra bunnen av. Finner du en ferdig meny eller et ferdig tema som passer, sparer du mange timer. Vil du gå den kodeveien selv, har vi samlet flere jQuery- og CSS-menyer til nettstedet du kan ta utgangspunkt i.

Den opprinnelige klubbsiden lå på domenet bjoergan.com – klikk her for å se adressen. Merk at domenet i dag ikke lenger viser en aktiv klubbside; det illustrerer et viktig poeng vi kommer tilbake til under «Drift»: et nettsted må vedlikeholdes for å overleve.

Slik bygger du klubbnettsiden steg for steg

Under går vi gjennom veien fra ingenting til en publisert side. Rekkefølgen er den samme enten du bygger for et fotballag, et håndballag eller et fleridrettslag.

1. Sikre domene og webhotell

Et domene er nettadressen (for eksempel klubbnavnet.no), mens et webhotell (hosting) er serverplassen der nettsiden faktisk ligger. Velg et kort, gjenkjennelig domene – helst klubbens vanlige navn eller forkortelse – og registrer det hos en norsk domeneforhandler. Et .no-domene krever at klubben er registrert i Enhetsregisteret i Brønnøysund, noe de fleste idrettslag allerede er. Velg et webhotell som tilbyr ett-klikks installasjon av WordPress, så slipper du teknisk oppsett.

2. Installer WordPress

De fleste webhotell lar deg installere WordPress med noen få klikk fra kontrollpanelet. Pass på at du bruker den selvhostede versjonen fra wordpress.org (ikke en konto på wordpress.com), slik at klubben eier alt selv. Vi har en egen gjennomgang av hvordan du setter opp WordPress på eget domene. Vil du øve deg på egen PC før du går «live», kan du sette opp en lokal server – se guiden til hvordan du installerer webserver og MySQL på din egen PC.

3. Velg eller lag et tema

Et tema bestemmer hvordan siden ser ut. For de aller fleste klubber er det smartest å velge et ferdig, godt vedlikeholdt tema fremfor å kode fra bunnen – det er raskere, tryggere og enklere å oppdatere. Velg et tema som er mobilvennlig og lett å tilpasse med klubbens farger og logo. Trenger du hjelp til selve installasjonen, viser vi det steg for steg i guiden hvordan du installerer et WordPress-tema.

4. Sett opp menyen og de viktigste sidene

Lag en enkel toppmeny med de sidene foreldre og spillere leter etter: Hjem, Lag, Kamper/terminliste, Om klubben, Medlemskap og Kontakt. Hold menyen kort – maks sju punkter – så den fungerer like godt på mobil. Opprett sidene som «sider» i WordPress, og legg løpende oppdateringer som «innlegg», slik at de automatisk havner i nyhetsstrømmen.

5. Legg inn innhold og publiser

Fyll sidene med ekte, nyttig informasjon (se innholdslisten lenger ned), legg inn klubbens logo og noen gode bilder, og publiser. Sett av tid til å teste alle lenker og skjemaer før du annonserer siden i klubbens kanaler. En nystartet side bør også kobles til Google Search Console slik at innholdet blir funnet i søk.

Slik er et WordPress-tema bygd opp

Vil du forstå hva som faktisk skjer «under panseret» – eller tilpasse et tema selv – hjelper det å kjenne de viktigste filene. Et WordPress-tema er satt sammen av flere maler (template-filer) som hver har sin oppgave. Den opprinnelige UIF Bjørgan-siden ble delt opp på denne måten, men listen under er mer fullstendig og teknisk korrekt:

• style.css – stilarket som styrer farger, skrift og layout. Dette er en av bare to filer som faktisk kreves for at et tema skal fungere, og det inneholder også temaets navn og informasjon.
• index.php – hovedmalen og reserveløsningen. Finnes ingen mer spesifikk mal, bruker WordPress denne. Dette er den andre påkrevde filen.
• header.php – toppen som går igjen på alle sider (logo, meny). Den er valgfri og hentes inn med funksjonen get_header().
• footer.php – bunnen som går igjen overalt (kontaktinfo, sponsorlogoer). Hentes inn med get_footer().
• single.php – viser ett enkelt innlegg, for eksempel én kampreferat-artikkel.
• page.php – viser faste sider, som «Om klubben».
• archive.php – viser oversikter: innlegg sortert på kategori, dato eller forfatter.
• functions.php – her legger du til funksjonalitet, menyer og tilpasninger.

Det opprinnelige rådet i artikkelen holder fortsatt: ikke gjør undersidene for forskjellige fra forsiden. Felles topp, bunn og farger gjør at siden oppleves som en helhet, mens store sprik raskt føles som rot. Vil du eksperimentere med egne kodesnutter, har vi samlet flere nyttige kodesnutter for functions.php.

Hvilket innhold bør en klubbside ha?

Innholdet avgjør om siden faktisk blir brukt. Start med det folk leter etter oftest, og bygg ut derfra:

• Praktisk info: treningstider, baneoversikt, adresse og hvordan man kommer dit.
• Lagsider: én side per lag med trener, lagleder, spillerstall og terminliste.
• Nyheter: kampreferater, dugnadsinnkalling, resultater og bilder fra sesongen.
• Medlemskap: hvordan man melder seg inn, hva kontingenten koster og hva den dekker.
• Styre og kontakt: navn, rolle og e-post til styret og nøkkelpersoner.
• Dokumenter: klubbhåndbok, retningslinjer, politiattest-rutiner og vedtekter.
• Sponsorer: logoer og takk til dem som støtter laget – ofte et krav i sponsoravtalen.

Skriv kort og konkret, bruk mellomtitler og punktlister, og hold informasjonen oppdatert. Utdatert innhold (fjorårets terminliste på forsiden) skader tilliten mer enn fraværende innhold.

Design, mobil og universell utforming

Flertallet av besøkende kommer fra mobil, så siden må fungere like godt på en liten skjerm som på PC. Velg et responsivt tema som justerer seg automatisk etter skjermstørrelsen, og test siden på din egen telefon før lansering. Vi har en egen guide til hvordan du får et mobilvennlig WordPress-nettsted.

Tenk også på universell utforming: god kontrast mellom tekst og bakgrunn, lesbar skriftstørrelse og alternativ tekst (alt-tekst) på bilder, slik at svaksynte og skjermlesere forstår innholdet. For offentlige og offentlig finansierte aktører er universell utforming et krav, og uansett er det en god vane som gjør siden bedre for alle. Når du er ferdig, bør du validere koden på hjemmesiden for å fange opp feil i HTML og CSS.

Drift, sikkerhet og vedlikehold

En nettside er ikke et engangsprosjekt, men noe som må holdes ved like – nettopp derfor forsvant den opprinnelige bjoergan.com-siden. Sett av en fast person (eller to, så klubben ikke blir avhengig av én frivillig) til å holde siden oppdatert.

• Oppdateringer: hold WordPress, tema og plugins oppdatert. Utdatert programvare er den vanligste årsaken til at nettsteder blir hacket.
• Sikkerhet: bruk sterke passord, gjerne tofaktorautentisering, og unngå flere brukere med full admin-tilgang enn nødvendig.
• Sikkerhetskopi: ta jevnlig backup, slik at siden kan gjenopprettes hvis noe går galt. Vi forklarer hvordan i guiden hvordan du tar backup av WordPress.
• Eierskap: sørg for at klubben – ikke en enkeltperson – eier domenet og har tilgang til webhotellet, så ingenting forsvinner når frivillige slutter.

Vanlige feil klubber gjør med nettsiden

De fleste problemene er ikke tekniske, men organisatoriske. Her er de vanligste fallgruvene:

• Én person eier alt. Når ildsjelen slutter, forsvinner både passord, domene og kunnskap. Del tilgangene, og la klubben stå som eier.
• Siden oppdateres aldri. En forside med fjorårets nyheter signaliserer en død klubb. Avtal hvem som publiserer, og hvor ofte.
• For avansert start. Mange vil ha alt på en gang. Begynn enkelt med de viktigste sidene, og bygg ut etter hvert.
• Glemmer mobilen. En side som bare er testet på PC, blir ofte uleselig på telefon – der de fleste faktisk leser.
• Ingen backup. Uten sikkerhetskopi kan et år med kampreferater forsvinne på et øyeblikk.
• Blander sammen nettside og medlemssystem. Ikke prøv å presse medlemsregister og fakturering inn i nettsiden hvis klubben allerede har et godkjent system for det.

Hva koster det å ha en klubbnettside?

Selve WordPress-programmet er gratis. De løpende kostnadene er domene og webhotell, som for et lite lag typisk lander på noen hundre kroner i året for domenet og fra rundt hundre kroner i måneden for et enkelt webhotell. Et betalt tema er en engangskostnad på noen hundre kroner, men det finnes også gode gratistemaer. Velger dere en nettsidebygger, betaler dere i stedet en fast månedsavgift der hosting er inkludert. Leier dere inn et webbyrå, kommer et oppsettsgebyr pluss en driftsavtale på toppen. For de aller fleste breddeklubber er en selvhostet WordPress-side den rimeligste langsiktige løsningen – forutsatt at noen i klubben kan bruke litt tid på den. Skal du bygge alt selv fra grunnen, har vi en samlet oversikt over hva du trenger for å lage en hjemmeside fra bunnen av.

Vanlige spørsmål (FAQ)

Er WordPress gratis for et idrettslag?

Selve WordPress-programmet er gratis og åpen kildekode. Klubben betaler for domene og webhotell, og eventuelt for et betalt tema eller hjelp fra et webbyrå. For et lite lag er dette som regel noen hundre kroner i året pluss en månedlig hostingavgift.

Trenger vi en nettside når klubben allerede har Facebook?

De utfyller hverandre. Facebook er bra for rask dialog, men innholdet forsvinner i strømmen og krever at folk er innlogget. En nettside samler praktisk informasjon permanent, er synlig i Google og eies av klubben selv. De fleste lag bruker begge deler og deler nyhetene fra nettsiden videre på Facebook.

Må klubben bruke KlubbAdmin eller Spond i tillegg?

Er klubben tilknyttet Norges idrettsforbund, er dere pålagt å bruke et godkjent elektronisk medlemssystem for medlemsregister og rapportering. Det er en annen ting enn den offentlige nettsiden. Mange kombinerer et slikt medlemssystem med en WordPress-side som fungerer som lagets ansikt utad.

Hvor mange filer trenger et WordPress-tema egentlig?

Strengt tatt bare to: style.css og index.php. Filer som header.php, footer.php, single.php og archive.php er valgfrie maler som gir deg mer kontroll over hvordan ulike sider ser ut, men temaet fungerer uten dem.

Hvordan sørger vi for at siden ikke forsvinner når en frivillig slutter?

La klubben – ikke en enkeltperson – stå som eier av domenet og webhotellet, og la minst to personer ha tilgang. Dokumenter passord og rutiner i klubbhåndboka, og ta jevnlig sikkerhetskopi av innholdet.