Med en ny förvaltning får Vita Huset också en ny webbplats. Idag fick vi se nya Whitehouse.gov. Precis som Trump-administrationen väljer Biden WordPress. Men den nya webbplatsen har genomgått en omfattande uppdatering och använder många out-of-the-box funktioner som är trevligt att på en webbplats av denna storlek.

Den nya webbplatsen har en enkel och ren design och känns väldigt luftig. Förutom den stora helsidesbilden på Joe Biden på startsidan så använder man bilder som ett komplement som förtydligar textinformationen. Huvudmenyn är enkel och lättnavigerad. På höger sida finns en menyknapp som tar oss till ytterligare en meny. Den innehåller delvis samma länkar som i huvudmenyn, men också en del länkar som vi inte hittar i huvudmenyn.

Tillgänglighet

En officiell webbplats som den här är avsedd för alla och Whitehouse.gov har tillgänglighetsanpassats på ett bra sätt. Det finns t.o.m en Accesibility statement inne på webbplatsen.

Det som man lägger märke till när det gäller tillgänglighetsanpassning är att det finns ett högkontrastsläge och en knapp för att öka storleken på texten. Dessutom finns webbplatsen översatt till spanska.

Easter eggs i Vita Huset

Utvecklarna har inte kunnat låta bli att lägga in påskägg, s.k. easter egg i koden. Där hittar man ett rekryteringsmeddelande från United States Digital Service.

Om man tittar in i webbplatsens CSS-fil så hittar man också det perfekta versionsnumret, 46, eftersom Biden är USA:s 46:e president.

Vita Huset väljer blockredigeraren

Tittar man i källkoden upptäcker man också att sidan i huvudsak är byggd med WordPress standardredigerare. Inga sidbyggare eller hemmakodat här. Det finns ett fåtal kodsnuttar som verkar vara specialbyggda block, men i stort sett använder man WordPress vanliga block över webbplatsen och allra mest hittar man det vanliga text- och bildblocket.  

Teman och tillägg

Tyvärr går det inte att se om webbplatsen bygger på ett grundtema eller om temat är specialbyggt för webbplatsen.

På samma sätt är det svårt att se vilka teman man använder. Men man kan hitta spår av tillägget Table Press och webbplatsens sitemap är skapad av tillägget Yoast SEO.

Nere i sidfoten hittar vi också ett formulär där man kan anmäla sig till Vita Husets nyhetsbrev. Där kan man se i koden att man använder sig av tjänsten Mailchimp för att skicka nyhetsbrev. Huruvida man använder ett tillägg för att koppla ihop Mailchimp med WordPress eller om man använt Mailchimps egen kod går inte att avgöra.

Man kan också se att Vita Huset som så många andra också använder Google Analytics.

För responsivitet använder man huvudsakligen populära Bootstrap. Det verkar också som om man använder standard breakpoints när man byter mellan olika skärmlayouter.

Webbplatsen använder också något som heter Sass (Syntactically awesome style sheets). Det är en förlängning av CSS som gör att man kan använda variabler, kapslade regler, inline importer och mycket mer.

Teckensnitt och färger

Webbplatsen använder två teckensnitt, Mercury Screensmart som serif-teckensnitt och Decimal för sans-seriffer.

En stor del av whitehouse.gov bygger på tillgänglighet och det styr också färgvalen en hel del. Dessutom använder man Sass-tekniken för tillgänglighet. Det är den som gör det möjligt att växla mellan två lägen av tillgänglighet, som mestadels har med färger att göra.

Roligt för oss som använder WordPress dagligen att se att en av världens mäktigaste webbplatser har gjort samma val som vi har gjort, WordPress.

Förresten, många kanske inte känner till att Sveriges officiella webbplats också bygger på WordPress. Kanske har amerikanerna låtit sig ta intryck av det lilla landet uppe i norra Europa? 

---

>>Vi har också en specialkurs i sidbyggaren Elementor Pro

---

---