Hemsida & design (Blocksy + Unblock)

Ska vi, och vad behövs?Pre-boarding

Vad det är

Av gammal vana tänker många att man beställer en stor hemsida vart fjärde år som tar ett halvår att bygga och är inaktuell redan innan den har publicerats. I WebbPlattformen är publik hemsida och redaktionell webb en av 20 sammansvetsade funktioner. Ni kan börja med ett bokningssystem, en e-kurs eller en mediabank och låta den bli en hemsida längre fram – eller starta med er publika hemsida och anpassa den i rullande 3-månaderscykler med AI där ni alltid är garant för innehållet.

Temat (Blocksy Pro) är chassit: sidhuvud, meny, sidfot, färgpalett och typsnitt. Sidorna byggs i blockredigeraren med Unblock, där varje sektion har tydliga redigerbara fält i sidopanelen utan att layouten kan råka förstöras. Samma Blocksy-arkitektur körs på över 70 svenska sajter.

När det passar – och inte

Passar: föreningar, förbund, skolor och företag som vill ha en sajt som följer den grafiska profilen oavsett vem som publicerar, och som vill kunna bygga nya sidor i samtal med sin AI (Claude/ChatGPT) med en människa som granskar.

Passar sämre: när ni redan har ett komplett tema ni är nöjda med, eller vill ha en lösning låst till en sidbyggare (Elementor och liknande). Då är det bättre att behålla det och koppla på andra funktioner bredvid.

Ha klart innan

• Grafisk profil: logotyp (SVG/PNG), färger och typsnitt – vi lägger in dem som global palett
• Sidstruktur: vilka sidor som ska finnas i menyn (en lista räcker)
• Texter och bilder för startsidan och de viktigaste undersidorna
• Vem som äger funktionen hos er (kommunikatör / webbansvarig) och vem som får publicera
• Beslut om AI-bygge: om er AI ska få bygga sidor via Novamira, se AI på er sajt

Nivå och kostnad

Ingår i Bas–Ultra. Blocksy Companion Pro ingår i alla support- och driftsavtal; Unblock Pro ingår i WpKit Bas och Pro. Inga avgifter per användare. Priser och nivåer: se Nivåer och priser.

Hänger ihop med

• Uppdatera genom att skriva (Enkel publicering) – vardagspublicering utan wp-admin
• Blogg & nyheter – artikelmallarna bygger på samma tema och block
• AI & sök – metatitlar, schema och llms.txt för varje sida
• AI på er sajt – er AI bygger och uppdaterar sektioner via MCP

Hur gör vi?On-boarding

Klickbar guide

Supademo: läggs in.

Vanligaste momenten

1. Logga in och gå till Utseende › Anpassa (Customizer). Här styr Blocksy färgpalett, typsnitt, sidhuvud och sidfot för hela sajten.
2. Byt palett eller typsnitt: ändra en av de åtta färgerna i paletten – alla sidor följer med, eftersom färgerna är CSS-variabler genom hela sajten. Typsnitt laddas lokalt utan externa anrop.
3. Bygg sidhuvudet i Sidhuvud (Header Builder): dra in logotyp, meny och knapp; mobilmenyn får en egen rad.
4. Skapa en sida: Sidor › Lägg till. Lägg till en Unblock-sektion (startsida, kontakt, kampanj) – varje sektion har sina fält i sidopanelen till höger.
5. Redigera text och bild i sektionens fält, inte i layouten. Förhandsgranska på mobil innan ni publicerar.
6. Villkorsstyrt innehåll: Blocksy › Content Blocks lägger t.ex. en banner överst på alla sidor eller bara för inloggade, med visningsvillkor per roll eller adress.
7. Låt AI:n bygga en ny sektion: beskriv den i Claude/ChatGPT (via Novamira MCP), granska resultatet på skärmen och publicera.

WpKit-standardinställningar

• Blocksy Komponentmodellen (standard sedan april 2026): tre lager – redaktör, komponent, villkor
• Åttafärgspalett som CSS-variabler och lokala typsnitt utan Google-anrop (GDPR)
• Sidhuvud/sidfot byggda i Header/Footer Builder med villkor; Customizer-inställningarna exporteras som JSON så designen kan återställas
• Sidor byggs med Unblock (beslut juni 2026): ett block (unblock/element) med semantisk HTML och BEM-CSS, inga shortcodes eller djupa div-träd
• Unblock: AI-assistent och MCP-sessioner slås på eller av per sajt i Settings; Privacy-inställningen för Twig-uttryck aktiv (rc.3)
• Cookie-samtycke via Blocksy + cookie gate

Vanliga fel

• Färgen ändrades bara på en sida → färgen sattes direkt i blocket i stället för i paletten. Återställ blockets färg och ändra i Anpassa › Färger.
• Layouten ser trasig ut efter redigering → innehåll lades utanför Unblock-sektionens fält. Ångra och redigera i sidopanelen.
• Menyn syns inte på mobil → mobilraden i Header Builder saknar menyelement. Dra in Meny på mobilraden.
• Ett typsnitt visas fel → typsnittet är inte uppladdat lokalt. Lägg till det under Anpassa › Typografi › Lokala typsnitt.
• En banner visas överallt → visningsvillkoret på Content Block-elementet är satt till Alla sidor. Ändra villkoret.

Vad gäller när det är igång?Off-boarding

Klart när

• [ ] Palett, typsnitt, sidhuvud och sidfot satta enligt er grafiska profil
• [ ] Startsida och menyns sidor publicerade och kontrollerade på mobil
• [ ] Customizer-inställningar exporterade (JSON) och sparade
• [ ] Minst en person hos er har ändrat en text i en Unblock-sektion själv
• [ ] SEO-grund på plats (metatitlar, sajtkarta) – se AI & sök

Sköts automatiskt

Uppdateringar av Blocksy, Blocksy Companion Pro och Unblock testas mot WordPress 7 och PHP 8.4 innan de rullas ut. Backup (90 dagar), säkerhet och svensk serverdrift enligt Drift.

Era återkommande uppgifter

• Varje vecka: publicera och uppdatera texter via sektionernas fält eller Enkel publicering
• Varje kvartal: gå igenom startsidan och menyn – vad är inaktuellt? Bygg om sektioner med AI om ni har Pro
• Varje år: kontrollera att logotyp, färger och kontaktuppgifter i sidfoten stämmer

Stänga av eller flytta ut

Sidorna är vanliga WordPress-sidor med semantisk HTML och exporteras som WordPress XML, SQL eller filer. Designsystemet exporteras som Customizer-JSON. Ni äger databasen och får med er allt i öppna format – se Export. Ingen bindning.

Vad har hänt sedan sist?Re-boarding

Ändringslogg

• 2026-10-26 – Dokumentet ifyllt. Blocksy 2.1.60 (2026-10-15), Unblock 1.0.0-rc.3 (2026-10-07).
• 2026-10-15 – Blocksy 2.1.60: optimerad CSS för Content Blocks, bättre WP 7-kompatibilitet i Customizer, tangentbordsnavigering i menyer. Påverkan: snabbare sidor, inget att göra.
• 2026-10-07 – Unblock 1.0.0-rc.3: säkerhetsfix för Twig-uttryck (Privacy-inställning som skyddar känsliga användarfält och utkast i loopar). Påverkan: ingen synlig ändring, skyddet är på.
• 2026-09-28 – Unblock 1.0.0-rc.2: stabilare komponent-synk och CSS-variabler i Global Styles. Påverkan: snabbare redigering.
• 2026-09-24 – Blocksy 2.1.58: snabbare lokala typsnitt, PHP 8.4-fixar. Påverkan: ingen.
• 2026-09-14 – Unblock 1.0.0-rc.1: fryst block-schema inför 1.0, nästlade komponenter. Påverkan: befintliga sidor behöver inte byggas om.
• 2026-08-22 – Blocksy 2.1.52: visningsvillkor för Content Blocks per användarroll och URL-parameter. Påverkan: banners kan riktas till t.ex. inloggade.
• 2026-08-22 – Unblock beta.9: AI-assistent och MCP-sessioner kan slås av/på per sajt. Påverkan: ni bestämmer om AI får bygga.
• 2026-05-19 – Blocksy 2.1.44: bättre Header Builder, mörkt/ljust färgschema. Påverkan: mörkt läge möjligt.

Kända begränsningar

• Blocksy passar inte om ni redan kör ett komplett tema eller vill ha en lösning låst till en sidbyggare
• Unblock är i Release Candidate (1.0.0-rc.3) – block-schemat är fryst, men 1.0 är inte släppt
• Unblock-sektioner redigeras i fält, inte fritt i layouten – det är avsiktligt

Frågor och svar

Kan vi byta färger och typsnitt själva?

Ja. Paletten och typsnitten ligger i Utseende › Anpassa och gäller hela sajten. Byter ni en palettfärg följer alla sidor med, eftersom färgerna är variabler genom hela sajten.

Kan vår AI bygga sidor åt oss?

Ja, via Novamira MCP kan Claude eller ChatGPT bygga nya sektioner, kampanjsidor och listor direkt i Unblock. Ni granskar på skärmen innan något publiceras, och AI-åtkomsten kan slås av per sajt i Unblocks inställningar.

Varför Blocksy och inte Astra eller Kadence?

Blocksy ersätter Astra, Kadence Theme och GeneratePress som standardtema hos oss. Det körs på över 70 svenska sajter, är testat mot WordPress 7 och styr färger, typografi, sidhuvud och Content Blocks från ett ställe.

Kan vi ha en mörk version av sajten?

Ja, sedan Blocksy 2.1.44 finns stöd för mörkt och ljust färgschema via samma CSS-variabler.

Nästa

Unblock 1.0 (stabil) väntas efter rc-serien. Supademo för hemsidan spelas in.