Webbplatsens struktur

En gemensam webbplatsmodell

Samma webbplatsmodell används både av självständiga församlingar och kyrkliga samfälligheter.

Modellen gör det möjligt att:

• använda samma innehåll på flera ställen på webbplatsen
• dela innehåll mellan olika delar av webbplatsen
• använda gemensamma funktioner
• administrera hela webbplatsen med en enda inloggning

Om en församling hör till en kyrklig samfällighet utgör den en egen del av samfällighetens webbplats. Självständiga församlingar använder samma struktur på sina egna webbplatser.

Olika lösningar för olika behov

När ni planerar er webbplats finns det flera sätt att bygga upp olika innehåll beroende på behov.

Konceptet bakom huvudmenyn

Huvudmenyn bygger på användarundersökningar, statistik över hur webbplatser används och ett omfattande utvecklingsarbete tillsammans med församlingar. Målet är att besökaren snabbt ska hitta det hen söker, oavsett om hen kommer till startsidan eller direkt till en undersida via en sökmotor.

Vi rekommenderar att ni följer den gemensamma menystrukturen även om ni anpassar webbplatsen efter era egna behov. Det gör webbplatsen enklare att använda och skapar en enhetlig upplevelse mellan olika församlingars webbplatser.

https://lukkari.evlut.fi/wp-content/uploads/sites/5/2025/08/Meny250825.jpg

På en samfällighets webbplats heter menypunkten Om oss, medan den på en församlings webbplats heter Min församling.

Huvudmenyns olika delar

Verksamhet

Här samlas den regelbundna verksamheten, till exempel grupper, körer, kurser och läger.

Evenemang

Här publiceras enskilda evenemang och öppna tillfällen, till exempel gudstjänster, konserter och föreläsningar.

Högtider och begravning

Här finns information om dop, vigsel, begravning och andra kyrkliga förrättningar samt hur man bokar dem och vem man ska kontakta.

Hjälp och stöd

Här samlas tjänster och innehåll som erbjuder andligt, socialt eller praktiskt stöd i olika livssituationer.

Om oss / Min församling

Här presenteras församlingen eller samfälligheten, verksamheten, organisationen och beslutsfattandet. Här kan också anslagstavlan placeras.

Webbplatsens övre del

Den övre delen av webbplatsen visas på alla sidor och innehåller de viktigaste navigationsfunktionerna.

Här finns:

• församlingens eller samfällighetens namn och logotyp
• huvudmenyn
• språkval
• sökfunktionen
• länkar till e-tjänster, lokaler och kontaktuppgifter

Målet är att besökaren snabbt ska hitta de viktigaste funktionerna oavsett vilken sida hen befinner sig på.

Startsidan och sektionernas startsidor

Startsidans sidhuvud ger besökaren ett första intryck av webbplatsen. Här kan ni använda en stor bild och lyfta fram ett aktuellt tema eller en kampanj.

Även sektionernas startsidor har en inledning med rubrik, ingress och bilder som presenterar innehållet och hjälper besökaren att snabbt förstå vad sektionen handlar om.

Aktuella nyheter och annat viktigt innehåll kan lyftas fram längre ner på startsidan.

Webbplatsens struktur

Vi rekommenderar att webbplatsen hålls så enkel som möjligt.

En bra utgångspunkt är att inte ha fler än tre sidnivåer. I stället för långa sidträd är det ofta bättre att samla innehåll på färre sidor, till exempel med hjälp av dragspel eller supersidor.

Språkversioner

I nya Klockaren hanteras alla språk inom samma webbplats.

Varje sida kan ha en eller flera språkversioner och innehållet behöver inte vara identiskt på alla språk. Om en motsvarande sida saknas på det språk besökaren väljer visas språkversionens startsida i stället.

Språkversioner kan också läggas till senare.

Visuell identitet

Nya Klockaren använder kyrkans gemensamma visuella identitet.

Ni kan välja någon av de färger som ingår i den gemensamma profilen eller använda en egen färg. Om ni använder en egen färg ansvarar ni själva för att den uppfyller tillgänglighetskraven.

Ni kan också välja om ni vill använda den nya logotypen eller er nuvarande.

Exempel på färgerna

När du klickar på bilden, öppnas en större version av den.

Violett.

Grön.

Blå.

Röd.

Orange.

Lime.

Guld.

Gul.

Instruktion för anpassat färgtema

När ni väljer ett anpassat färgtema för webbplatsen ansvarar församlingen för att kraven på tillgänglighet enligt lagen om digitala tjänster uppfylls.

I ett anpassat färgtema ska fyra olika färgnyanser definieras: huvudfärg, mörk färg, ljus färg och mycket ljus färg. När ni väljer färger är det viktigt att beakta att färgerna och deras kombinationer uppfyller kontrastkraven

• när de jämförs med varandra
• när svart eller vit text visas ovanpå dem.

Kontrastförhållandet ska vara minst 4,5:1. Kontrollera kontraster med ett kontrastverktyg, till exempel WebAIM:s Contrast Checker. Det går också att granska färgkontraster i DevTools-vyn i webbläsare som Edge och Chrome.

I ett anpassat färgtema kan ni också definiera en egen färg för sidornas H1-rubriker och välja om knapptexter ska vara vita eller svarta.

Nedan beskrivs hur de olika färgerna används på webbplatsen och vilka färger som påverkar varandra.

Huvudfärg

Används särskilt som:

• bakgrundsfärg för sidhuvudet på startsidan
  • textfärgen kan vara vit eller svart. Det är viktigt att säkerställa god kontrast mellan text och bakgrund, minst 4,5:1.
• färg på knappar
  • textfärgen kan vara vit eller svart. Det är viktigt att säkerställa god kontrast mellan text och bakgrund, minst 4,5:1.
• markering av den valda sidan

Sidhuvudet på startsidan.

Knapp.

Markering av vald sida.

Mörk färg

Påverkar främst:

• H1-rubriker i vissa färdiga teman

Ljus färg

Används som:

• bakgrundsfärg i blocket färgbakgrund
  • ska uppfylla kontrastkravet 4,5:1 mot svart text
• färg i navigationskomponenter
  • ska skilja sig från vit bakgrund

Blocket färgbakgrund.

Navigationskomponent.

Mycket ljus färg

Används som bakgrund för större innehållsområden, till exempel:

• blocket text- och bild
  • obs! Länkfärgen i blocket är grön (#005E2C). Kontrollera att kontrasten mellan den gröna texten och bakgrundsfärgen är tillräcklig (4,5:1).
• blocket Dagens ord
• lyft för evenemang och nyheter
• dragspelsgrupp
  • obs! Länkfärgen i blocket är grön (#005E2C). Kontrollera att kontrasten mellan den gröna texten och bakgrundsfärgen är tillräcklig (4,5:1).
• citatblocket
• blocket för bildkarusell
• bakgrundsfärg i blocket ikonlänkar
• bakgrundsfärg i block med färgbakgrund när den ljusa nyansen har valts som bakgrundsfärg
• bakgrundsfärg för sidhuvudet på avsnittssidorna
• om ni har definierat en egen färg för sidornas H1-rubriker i färginställningarna ska ni kontrollera att den valda textfärgen och den mycket ljusa färgen uppfyller kontrastkravet (4,5:1)
• bakgrundsfärg för tabellceller när tabellen innehåller en rubrikrad/topprad och en sidfotsrad
• bakgrundsfärg för sidmenyn
  • ska skilja sig från vit bakgrund och ska uppfylla kontrastkravet 4,5:1 mot svart text

Den mycket ljusa färgen ska fungera tillsammans med både svart text och huvudfärgen så att kontrastkravet 4,5:1 uppfylls.

Blocket text+bild.

Sidhuvudet på en avsnittssida.

Bakgrundsfärg för sidmenyn.

Block

I WordPress byggs innehållet upp med block.

Med block kan ni enkelt kombinera text, bilder, knappar och andra innehållstyper för att skapa flexibla och lättredigerade sidor.