Startsida

Webbplatsens huvudsida med globala inställningar

Tillbaka till sidtyper

Startsidan är hjärtat i din webbplats – det första besökare ser. Här bygger du upp ett intryck av klubben med hjälp av block som bilder, nyheter, kalender och annat innehåll. Startsidan innehåller också globala inställningar för hela webbplatsen.

Så använder du sidtypen

  1. Öppna Startsidan i Umbraco

  2. Lägg till block under "Content Blocks" för att bygga sidans innehåll

  3. Konfigurera globala inställningar under respektive flik (Sidfot, SEO, Toppbar, Design, etc.)

  4. Förhandsgranska och publicera när du är nöjd

Innehåll
Innehållsblock (valfritt)

Här lägger du till alla block som ska visas på startsidan – hero-bilder, nyheter, kalender, puffar med mera. Dra och släpp för att ändra ordningen.

Alerts (valfritt)

Lista med alerts/meddelanden som visas högst upp på sidan för viktig information.

Toppbar
Visa toppbaren (valfritt)

Aktiverar toppbaren som visas ovanför navigationen på alla sidor.

Färg på toppbar (valfritt)

Bakgrundsfärg för toppbaren.

Textfärg i toppbar (valfritt)

Färg på text och ikoner i toppbaren.

Höjd på toppbar (valfritt)

Höjd på toppbaren i pixlar.

Textstorlek (valfritt)

Storlek på texten i toppbaren.

Länkar (valfritt)

Länkar som visas i toppbaren – telefonnummer, e-post, sociala medier etc.

Justering länkar (valfritt)

Hur länkarna justeras i toppbaren (vänster, center, höger).

Justering länkar i mobilen (valfritt)

Justering av länkar i toppbaren på mobila enheter.

Container (valfritt)

Begränsar toppbarens innehåll till en centrerad container.

Använd sökfunktion i toppbaren (valfritt)

Lägger till en söklänk i toppbaren.

Visa Logga ut-länk (valfritt)

Visar en Logga ut-länk i toppbaren istället för i navigationen.

Ikon till Logga ut-länken (valfritt)

Valfri ikon bredvid Logga ut-länken.

Sidfot
Sponsorer (valfritt)

Lista med sponsorlogotyper som visas i sidfoten.

Bakgrundsfärg på footer (valfritt)

Bakgrundsfärg för hela sidfoten.

Textfärg i footer (valfritt)

Färg på brödtext i sidfoten.

Rubrikfärg i footer (valfritt)

Färg på rubriker i sidfoten.

Färg på överram i footer (valfritt)

Färg på linjen ovanför sidfoten.

Storlek på överram i footer (valfritt)

Tjocklek på linjen ovanför sidfoten i pixlar.

Marginal ovanför footer (valfritt)

Avstånd mellan sidans innehåll och sidfoten.

Design – Sidövergripande färger
Aktivera dessa designinställningar (valfritt)

Måste vara aktiverad för att designinställningarna ska gälla.

Bakgrundsfärg (valfritt)

Bakgrundsfärg för hela webbplatsen.

Färg på brödtext (valfritt)

Standardfärg för brödtext på webbplatsen.

Färg på rubriker (valfritt)

Standardfärg för alla rubriker.

Färg på textlänkar (valfritt)

Färg på klickbara textlänkar.

Inboxad bakgrundsfärg (valfritt)

Bakgrundsfärg bakom det inboxade innehållet (om aktiverat).

Design – Navigation
Färg på rubrikerna i navigationen (valfritt)

Färg på menyns länkar.

Färg på rubrikerna i navigationen vid mouseover (valfritt)

Färg på menyns länkar när musen hovrar över dem.

Bakgrundsfärg på dropdown-meny (valfritt)

Bakgrundsfärg för undermenyerna.

Textfärg på dropdown-meny (valfritt)

Textfärg i undermenyerna.

Design – Knappar
Färg på primära knappar (valfritt)

Bakgrundsfärg för alla primära knappar på webbplatsen.

Färg på text på primära knappar (valfritt)

Textfärg på primära knappar.

Färg på primära knappar vid mouseover (valfritt)

Knappens färg när musen hovrar.

Färg på text på primära knappar vid mouseover (valfritt)

Textfärg vid hover.

Design – 50/50-block
50-50-block bakgrundsfärg (valfritt)

Global bakgrundsfärg som sätts på samtliga 50/50-block.

Bakgrundsfärg text i 50/50-block (valfritt)

Bakgrundsfärg på textytan i 50/50-block.

Färg på 50/50 underrubrik (valfritt)

Färg på underrubriker i 50/50-block.

Design – Övriga inställningar
Tid för animering (valfritt)

Tid i millisekunder för scroll-animeringar. Lägre värde ger snabbare animering.

Höjd på logo (valfritt)

Höjd på logotypen i pixlar.

Flytande layout (valfritt)

Aktiverar flytande layout utan fast bredd.

Sidan inboxad (valfritt)

Visar sidan i en inboxad layout med bakgrundsfärg runtom.

Design – GIT Widgets
Bakgrundsfärg på GIT Widgets tabellhuvud (valfritt)

Bakgrundsfärg på tabellrubriker i GIT-widgetar (tävlingar, scorekort etc.).

Textfärg på GIT Widgets tabellhuvud (valfritt)

Textfärg på tabellrubriker i GIT-widgetar.

Bakgrundsfärg på GIT Widgets jämna rader (valfritt)

Bakgrundsfärg på jämna rader i GIT-tabeller.

Textfärg på GIT Widgets jämna rader (valfritt)

Textfärg på jämna rader i GIT-tabeller.

Bakgrundsfärg på GIT Widgets udda rader (valfritt)

Bakgrundsfärg på udda rader i GIT-tabeller.

Textfärg på GIT Widgets udda rader (valfritt)

Textfärg på udda rader i GIT-tabeller.

Bakgrundsfärg undermeny tävlingskalender vid mouseover (valfritt)

Färg på undermeny vid hover i tävlingskalendern.

Textfärg undermeny tävlingskalender vid mouseover (valfritt)

Textfärg på undermeny vid hover.

Bakgrundsfärg vald undermeny tävlingskalender (valfritt)

Färg på den aktiva/valda undermenyn.

Textfärg vald undermeny tävlingskalender (valfritt)

Textfärg på den aktiva undermenyn.

Blockinställningar
Bild Ratio (valfritt)

Standard bildförhållande för bilder i block.

Bild Crop Storlek (valfritt)

Storlek på bildbeskärning i pixlar (1000–3000).

Bildkvalitet (valfritt)

Kvalitet på bilder (komprimering).

Bilder skalas proportionerligt (valfritt)

Om bilder ska behålla sina proportioner vid skalning.

Padding sidled 50/50-block (valfritt)

Utfyllnad i sidled runt 50/50-block. Anges i px eller rem.

Padding höjd 50/50-block (valfritt)

Utfyllnad i höjd runt 50/50-block. Anges i px eller rem.

Marginal 50/50-block sidled (valfritt)

Avstånd i sidled utöver container/icke-container. Anges i px eller rem.

Marginal mellan 50/50-block höjd (valfritt)

Avstånd mellan 50/50-block vertikalt. Anges i px eller rem.

Skriv över inställningar för container (valfritt)

Skriver över container-inställningar för 50/50-block.

Bildspelsblock höjd (valfritt)

Höjd på bildspelsblock i pixlar.

Bildspelsblock bredd (valfritt)

Bredd på bildspelsblock i pixlar.

Bildspel skriv över inställningar (valfritt)

Skriv över storlek och position för bildspel.

Toppbildsblock Höjd (valfritt)

Höjd på toppbilder i pixlar.

Toppbildsblock bredd (valfritt)

Bredd på toppbilder i pixlar.

Sponsorblock bild höjd (valfritt)

Höjd på sponsorbilder i pixlar.

Sponsorblock bild bredd (valfritt)

Bredd på sponsorbilder i pixlar.

Lunchsida toppbild höjd (valfritt)

Höjd på toppbild på restaurangsidan.

Lunchsida toppbild bredd (valfritt)

Bredd på toppbild på restaurangsidan.

Längd på inledning senaste nyheter block (valfritt)

Antal tecken i ingressen i nyhetsblock.

Längd på inledning Fullbreddsnyhetsblock (valfritt)

Antal tecken i ingressen i fullbreddsnyheter.

Längd på inledning nyhetslistsida (valfritt)

Antal tecken i ingressen på nyhetslistsidan.

Visa författare på nyhetssida (valfritt)

Visar vem som skrivit nyheten.

Maximalt antal länka vänster om logga (valfritt)

Antal navigationslänkar till vänster om centrerad logga.

Digitalt medlemskort
Aktivera medlemskontroll (valfritt)

Gör att länk till medlemskort visas i mobilnavigation och sidfot.

Text för navigationslänk (valfritt)

Text på länken i navigationen.

Dölj länk till medlemskort i navigation (valfritt)

Döljer länken i navigationen.

Text för sidfotslänk (valfritt)

Text på länken i sidfoten.

Dölj länk till medlemskort i sidfot (valfritt)

Döljer länken i sidfoten.

Rubrik (valfritt)

Rubrik på medlemskortssidan.

Beskrivning (valfritt)

Beskrivande text på medlemskortssidan.

Klubbnamn på medlemskort (valfritt)

Klubbens namn som visas på det digitala medlemskortet.

Bakgrundsfärg medlemskort (valfritt)

Bakgrundsfärg på själva kortet.

Textfärg medlemskort (valfritt)

Textfärg på kortet.

Ramfärg - Medlemskort (valfritt)

Färg på ramen runt kortet.

Bakgrundsfärg sida (valfritt)

Bakgrundsfärg på medlemskortssidan.

Textfärg sida (valfritt)

Textfärg på medlemskortssidan.

Extra inställningar
Google Analytics Tracking ID (valfritt)

Tracking ID för Google Analytics.

Cookie-script id (valfritt)

ID för cookie-samtycke via cookie-script.com.

Visa cookiebar med informationstext (valfritt)

Visar en cookiebar med information om cookies.

reCaptcha - SiteKey (valfritt)

Nyckel för Google reCaptcha V3 på formulär.

reCaptcha - SecretKey (valfritt)

Hemlig nyckel för Google reCaptcha V3.

YouTube API Key (valfritt)

API-nyckel för YouTube-integration.

Länka in typsnitt (valfritt)

HTML-kod för att ladda in externa typsnitt, t.ex. från Google Fonts.

Länka logo till URL (valfritt)

Om logotypen ska länka till en annan sida än startsidan.

Bild som visas om nyhet saknar bild (valfritt)

Fallback-bild för nyheter utan egen bild.

Visa ikoner för att dela på Sociala Medier (valfritt)

Visar delningsknappar för sociala medier på sidor.

Visa knapp för scrolla upp till toppen på mobilen (valfritt)

Visar en knapp längst ner på mobilen för att scrolla till toppen.

Fast sidhuvud (valfritt)

Sidhuvudet följer med när besökaren scrollar ner.

Container i headern (valfritt)

Begränsar headerns bredd till en container.

Visa kategorinamn för nyheter (valfritt)

Visar vilken kategori/källa en nyhet kommer ifrån.

Site slogan (valfritt)

Webbplatsens slogan som visas under logotypen.

SEO
Sidtitel (valfritt)

Titeln som visas i webbläsarens flik och i sökresultat. Ska vara kort och beskrivande.

Meta-beskrivning (valfritt)

En kort sammanfattning (150–160 tecken) som visas i sökresultat.

Delningsbild (valfritt)

Bild som visas när sidan delas på sociala medier. Rekommenderad storlek: 1200x630 pixlar.

Tips

  • Uppdatera startsidan regelbundet för att visa att klubben är aktiv
  • Använd en tydlig hero-bild som visar banans karaktär
  • Placera viktiga knappar som "Boka tid" eller "Bli medlem" synligt
  • Designinställningarna påverkar hela webbplatsen – var försiktig med ändringar
  • Testa alltid på mobilen efter ändringar i toppbar och navigation