En gemensam design för hela webbplatsen
När en webbplats växer blir det snabbt viktigt att kunna styra designen centralt. Om färger, typsnitt och andra visuella detaljer behöver ändras på många olika sidor vill man helst slippa göra samma ändring om och om igen.
Både WordPress och SiteAdmin kan användas för att skapa en konsekvent visuell identitet. Skillnaden ligger framför allt i var funktionerna finns och hur mycket som är beroende av tema, block, tillägg eller sidbyggare.
SiteAdmin samlar flera av de viktigaste globala designinställningarna direkt under Utseende & layout.
Färger
I SiteAdmin kan webbplatsens färger definieras centralt:
- Primär färg
- Sekundär färg
- Bakgrund
- Text
- Rubrik
Dessa färger används som en gemensam grund för webbplatsens design, exempelvis för knappar, bakgrunder, text och menyer.
Det gör att webbplatsens färgpalett kan styras från ett ställe istället för att färger behöver justeras manuellt på många olika delar av webbplatsen.
WordPress kan också arbeta med globala färger. Hur detta fungerar beror däremot mycket på vilket tema och designsystem webbplatsen använder. Moderna blockteman kan erbjuda omfattande globala stilinställningar, medan andra WordPress-installationer kan vara mer beroende av temat eller en sidbyggare.
Typografi
Typografin är en annan central del av webbplatsens design.
I SiteAdmin kan du välja separata typsnitt för rubriker och brödtext. Plattformen ger även kontroll över bland annat:
- H1–H6
- Textstorlek
- Rubrikernas och textens fontvikt
- Radavstånd
- Teckenavstånd
Det går även att ladda upp egna typsnitt.
Det innebär att typografin kan definieras som en gemensam grund för hela webbplatsen, istället för att varje sida behöver bestämma sina egna värden.
WordPress har också stora möjligheter inom typografi. Moderna teman kan erbjuda globala typografiska inställningar, och olika teman och sidbyggare kan ge mycket detaljerad kontroll.
Skillnaden är därför inte att WordPress saknar dessa möjligheter. WordPress kan tvärtom ge mycket stor kontroll genom rätt tema och verktyg. Skillnaden är snarare att SiteAdmin har grundläggande typografi samlad som en del av plattformens egna designsystem.
Logotyp och favicon
En webbplats behöver mer än bara färger och typsnitt.
I SiteAdmin finns en separat del för Logotyp & favicon, där webbplatsens visuella identitet kan ställas in.
Här kan du ange:
- Standardlogotyp
- Ljus logotyp för mörka ytor
- Favicon
- Alt-text för logotypen
- Separata alt-texter för olika språk
Logotyperna väljs från webbplatsens Media och kan användas av webbplatsens gemensamma layout.
I WordPress hanteras detta vanligtvis genom temat eller webbplatsens anpassningsfunktioner. Moderna WordPress-teman kan ha motsvarande inställningar, medan andra teman och sidbyggare kan hantera logotypen på ett annat sätt.
Laddningsanimation
SiteAdmin har även inbyggda laddningsanimationer som kan visas när en sida laddas.
Det finns flera färdiga alternativ, bland annat cirkel, hoppande prickar, pulserande prick och stapel. Det finns även animationer där webbplatsens logotyp eller symbol används.
Det går även att välja ingen animation samt justera övergångens hastighet och storleken på logotyp eller symbol.
I WordPress kan liknande funktioner ofta lösas genom tema, plugin eller sidbyggare.
Layout
SiteAdmin har även globala layoutinställningar som påverkar hur webbplatsen presenteras.
En av inställningarna är webbplatsens maximala containerbredd. Den kan anges centralt, exempelvis 900, 1240 eller 1600 pixlar.
Det gör det möjligt att styra hur brett det huvudsakliga innehållet får visas på webbplatsen utan att behöva ange samma värde på varje enskild sida.
Bläddra till toppen
SiteAdmin har en inbyggd funktion för att låta besökaren snabbt ta sig tillbaka till toppen av sidan.
När besökaren scrollar ned kan en knapp visas. Knappens ikon kan bytas och dess marginaler kan anpassas.
Det är en liten funktion, men ett exempel på hur även detaljer i webbplatsens användarupplevelse kan styras centralt.
Snö
SiteAdmin innehåller även en enkel global snöanimation som kan aktiveras på webbplatsen.
Det är framför allt en visuell detalj, men visar samtidigt att globala utseendeinställningar i SiteAdmin inte bara handlar om färger och typografi.
WordPress – större ekosystem, fler vägar
Det är viktigt att inte göra jämförelsen för svartvit.
WordPress har ett enormt ekosystem av teman, block och sidbyggare. Det innebär att du kan få mycket avancerade designsystem och anpassa nästan varje detalj.
Med rätt tema och verktyg kan WordPress därför ge mer kontroll än en standardinstallation erbjuder.
Nackdelen är att funktionerna kan vara fördelade mellan flera olika delar av webbplatsen. Ett WordPress-projekt kan exempelvis bestå av WordPress, ett tema, ett blocksystem, en sidbyggare och olika plugins.
SiteAdmin – ett samlat designsystem
SiteAdmin väljer en mer centraliserad modell.
Färger, typografi, logotyp, favicon, layout och flera andra visuella funktioner finns samlade under Utseende & layout.
Det innebär att du inte behöver börja med att välja ett tema och sedan komplettera med olika verktyg för att få ett grundläggande designsystem.
SiteAdmin Editor och webbplatsens globala inställningar arbetar tillsammans. De globala inställningarna definierar grunden medan innehållet byggs ovanpå den.
WordPress eller SiteAdmin?
| Funktion | WordPress | SiteAdmin |
|---|---|---|
| Globala färger | Ja, beroende på tema/designsystem | Ja |
| Global typografi | Ja | Ja |
| H1–H6-inställningar | Ja, beroende på tema/verktyg | Ja |
| Egna typsnitt | Ja | Ja |
| Logotyp och favicon | Ja | Ja |
| Laddningsanimation | Ofta tema/plugin/byggare | Inbyggt |
| Containerbredd | Ja, beroende på tema/verktyg | Ja |
| Bläddra till toppen | Ofta tema/plugin/byggare | Inbyggt |
| Snöanimation | Vanligen plugin/verktyg | Inbyggt |
| Globala designinställningar samlade på ett ställe | Varierar | Ja |
Slutsats
WordPress har en enorm fördel i sin flexibilitet. Med rätt tema, blocksystem och sidbyggare kan du bygga mycket avancerade designsystem och anpassa nästan varje detalj.
SiteAdmin väljer en annan väg.
Istället för att lämna de grundläggande designfunktionerna till olika teman och tillägg är flera av dem inbyggda och samlade i plattformen.
För den som vill kunna sätta webbplatsens visuella grund snabbt och sedan använda samma design genom hela webbplatsen innebär det ett mer samlat arbetsflöde.
WordPress ger dig ett stort ekosystem att bygga med. SiteAdmin ger dig ett samlat designsystem att börja med.