Går det att förändra Matomos design?

Matomo är ett verktyg för webbanalys som ökar i popularitet i Sverige. Läs gärna Johan De Geers introduktion till Matomo.

Med Matomo kan du skapa ett tema som påverkar designen på användargränssnittet. Hit hör färger, grafiska element, typografi, ikoner… ja egentligen allt som går att ändra med stilmallen (CSS) för redaktörsgränssnittet.

I början av 2021 släppte vi på Whitespace Matomo-temat Modern. Sedan dess har temat laddats ned fler än 5 000 gånger. Det är tillgänglighetsspecialisten Peter Antonius som under sin tid på Whitespace tog fram designen. Peter valde att förädla den design som finns i Matomo idag, snarare än att uppfinna något helt nytt.

Jag har fokuserat på förbättringar av användbarhet och tillgänglighet som harmonierar med strukturen som finns i gränssnittet. Vissa delar av gränssnittet är svårare att ändra. De delarna har jag inte rört. Det här sättet att jobba ger temat bättre hållbarhet.

Peter Antonius

Peter Antonius har designat temat Modern för Matomo.

Modern introducerar flera mindre designförändringar:

• Sidhuvudet är vitt istället för indigo. Det här ger större frihet för dig som vill ladda upp en egen logotyp och göra Matomo-varumärket mindre synligt.
• Kontrollerna – sökfält, val av webbplats, datum – har ett uppdaterat utseende.
• Vänstermenyn är lite mer subtil för att sätta fokus på huvudinnehållet.
• Rubrikerna har en anpassad design för att förbättra läsbarheten.
• Tangentbordsnavigationen har förbättrats, vilket ger lite bättre tillgänglighet.

Modern introducerar flera mindre förändringar i Matomos gränssnitt.

Så kommer du igång med Modern

Om du tar hjälp av Whitespace för hosting av Matomo ber du oss att aktivera det nya temat. Annars gör du så här:

1. Logga in i Matomos användargränssnitt, och gå till Marketplace.
2. Välj "Theme" i dropdown-menyn, och sök på Modern.
3. Aktivera temat efter installationen.

Modern är fritt för alla att använda.