Utveckling av gränssnittet för WordPress användare (2003 – 2024)

Sedan lanseringen 2003 har WordPress omvandlats från ett enkelt verktyg för bloggar till ett omfattande system för att bygga websites. Denna omvandling inkluderade många förändringar av användargränssnittet (UI), vilket gjorde det lättare att använda och mer mångsidigt för olika typer av webbplatser.

I den här artikeln kommer vi att undersöka hur användargränssnittet för WordPress har evolverat genom åren, från de tidiga versionerna till de senaste uppdateringarna. Vi kommer att belysa de viktigaste förändringarna som har gjort WordPress till ett förstahandsval för skapare av webbplatser över hela världen.

Denna resa genom WordPress UI evolution kommer att visa hur varje update har gjort det mer användarvänligt och capability att hantera olika typer av webbprojekt.

Början av WordPress

WordPress startade 2003. Detta berodde främst på att utvecklarna av en redan populär programvara för bloggar som hette b2/cafelog avbröt utvecklingen.

Två passionerade användare av b2/cafelog, Matt Mullenweg och Mike Little, bestämde sig för att bygga en new plattform högst upp på denna programvara för bloggar. Så här WordPress släpptes för första gången den 27 maj 2003. Du kan läsa mer om ursprunget till WordPress i vår artikel om WordPress historia.

Sedan dess har det kommit en hel del nya versioner av WordPress. I den här artikeln kommer vi att belysa de utgåvor som introducerade en stor förändring i adminpanelens användargränssnitt.

WordPress 0.71 – (juni 2003)

Landing page i WordPress 0.71 adminpanel användes för att skriva blogginlägg direkt. Den hade egentligen inte många alternativ utanför post-editor-gränssnittet.

Det hölls enkelt genom att inkludera färre funktioner. Exempelvis kunde användare bara tilldela en kategori till varje post.

Det hade också en tråkig installationsmetod där mycket information ändrades manuellt genom att editera programvarans core-filer.

WordPress 1.0.1 (Miles – 2004)

WordPress började döpa sina större utgåvor efter jazzmusiker med lanseringen av version 1.0.1. Som du kan se är den här versionen uppkallad efter en berömd musiker, Miles Davis.

I den här versionen slutade WordPress att använda filstrukturen b2 och övergick till sin egen filstruktur.

Bland de utvalda funktionerna finns flera kategorier, en sökmotorsoptimering av URL:er, moderation av kommentarer, en ny installerare och flera andra förbättringar.

WordPress 1.2 – Mingus (maj 2004)

WordPress 1.2, uppkallad efter Charles Mingus, var en monumental release. En av de viktigaste uppgraderingarna i denna version var introduktionen av ”Plugins”, som nu är en stapelvara i WordPress ekosystem.

Andra anmärkningsvärda förändringar var underkategorier, customize-fält, skapande av inläggsminiatyrer, preview av post, krypterade lösenord och möjligheten att pinga mer än en tjänst åt gången.

WordPress 1.5 – Strayhorn (februari 2005)

Denna version av WordPress fick sitt namn efter Billy Strayhorn. Den visade den första glimten av en new dashboard-stil. Den använde inte Ajax och var mycket långsammare än WordPress som vi använder idag.

En annan viktig funktion var införandet av pages vid sidan av posts, vilket gör det möjligt för användare att skapa statiska pages som inte ingår i deras blogginlägg. Denna version gav också stöd för att installera flera themes i en och samma WordPress-installation.

WordPress 2.0 – Duke (dec 2005)

WordPress 2.0 innebar en stor översyn av WordPress admin-gränssnitt. Det hade en stor blå header högst upp och ett helt omarbetat admin area.

Det var mycket snabbare än tidigare utgåvor, eftersom det använde Ajax för att utföra vissa uppgifter. Den här versionen innehöll också en fullständig WYSIWYG Editor.

Akismet introducerades som ett plugin för att bekämpa det växande problemet med skräppost i kommentarer. Några andra utvalda funktioner var uppladdning av image/file, preview av theme via inläggsminiatyr (screenshot.png), förbättrad hastighet för inlägg, nya åtgärds-hook för utvecklare, med mera.

WordPress 2.1 – Ella (januari 2007)

WordPress 2.1 Ella var den första versionen som introducerade en new vy för att hantera comments.

Hanteringen av kommentarer förbättrades avsevärt eftersom användarna kunde ta bort eller approve kommentarer utan att behöva ladda om vyerna för administratörer.

WordPress 2.3 – Dexter (september 2007)

Denna release förändrade inte WordPress användargränssnitt drastiskt men add to flera betydande förbättringar. För första gången förbättrade WordPress native support för att add tags till your posts.

Det introducerade också ett system för aviseringar om updates, vilket gjorde det möjligt för WordPress core och tillägg att visa notifications när en new version var available.

Denna version började också automatiskt redirecta användare till den korrekta WordPress URL som definieras i inställningarna.

WordPress 2.5 – Brecker (mars 2008)

För WordPress 2.5 samarbetade WordPress-teamet med Happy Cog, ett ledande konsultföretag inom webbdesign, för att omforma WordPress admin-användargränssnitt.

Det var en stor designförbättring och har haft en enorm inverkan på hur vi använder WordPress idag.

Dashboarden blev mycket bättre eftersom de adderade mer användbar information där. Det här var den första versionen där vi såg en uppgradering med ett klick för tillägg i WordPress plugin directory.

En mycket bättre visual editor och ett built-in gallery ingick också i denna version.

Många av core-komponenterna i denna omdesign är fortfarande en stor del av programvaran. Dess appearance förändrades dock snabbt bara 10 månader senare.

WordPress 2.7 – Coltrane (december 2008)

WordPress 2.7 innebar ytterligare en stor upgrade to WordPress admin användargränssnitt. Användare kunde nu justera WordPress dashboard-element. Screen options infördes så att användarna kunde visa och dölja element för att uppfylla sina krav.

Andra anmärkningsvärda funktioner inkluderade enklare installation av plugin via WordPress adminpanel, administratörer kunde lägga till svar på kommentarer från adminpanelen, trådade kommentarer, sticky inlägg, kortkommandon, sidonumrering av kommentarer och mer.

WordPress 2.9 – Carmen (december 2009)

WordPress 2.9 förändrade inte användargränssnittet, men det lade till flera nya funktioner som integrerades vackert i det befintliga WordPress-gränssnittet. En av dessa förändringar var ett system för uppdatering av plugins som allowade användare att uppdatera sina tillägg till de senaste versionerna med ett enda click.

En annan stor förändring i releasen var funktioner för bildredigering, som allow användare att crop, resize, rotate, scale, and flip images i WordPress.

WordPress 3.0 – Thelonious (2010)

WordPress 3.0 Thelonious var en stor uppgradering som verkligen omvandlade WordPress från en bloggplattform till ett fullfjädrat CMS.

Det introducerade post types, taxonomies, custom bakgrunder, headers, shortlinks, och navigation menus. Det kom också med ett nytt standardtema anropat Twenty Ten, vilket startade traditionen att introducera ett nytt standardtema varje år som är uppkallat efter själva året.

Denna release slog samman ett WordPress-systerprojekt som heter WordPress MU till WordPress core. Denna funktion är nu känd som WordPress multisite. Admin-gränssnittets grundläggande stil kunde anpassas till alla dessa stora förändringar utan ytterligare en betydande översyn av admin area.

WordPress 3.1 – Django Reinhardt (2011)

WordPress 3.1 fortsatte att lägga till funktioner i WordPress robusta användargränssnitt.

Med denna new release introducerade WordPress admin bar, post format och en bättre funktion för internlänkning.

WordPress 3.3 – Sonny (2011)

WordPress 3.3 släpptes i december 2011 och var fullmatad med funktioner och förbättringar av det befintliga WordPress-gränssnittet.

Det adderade fly-out-menyer för bättre navigation i admin area, en omarbetad admin bar, drag and drop för att uploada media files, och tool tips. Du kan se fler funktioner och screenshots av WordPress 3.3.

WordPress 3.5 – Elvin (2012)

Mobila och högupplösta enheter var redan på väg att bli tillgängliga för alla användare. WordPress 3.5 strömlinjeformade användargränssnittet för moderna retina display-enheter.

Denna version inkluderade uppgraderade icons och adaptiva stilar som såg bra ut på alla skärmupplösningar. Se fler funktioner och screenshots av WordPress 3.5.

WordPress 3.8 – Parker (2013)

WordPress UI:s appearance och grundstil hade inte ändrats sedan 2008 och det var hög tid för en större uppgradering.

Denna upgrading to syftade till att hantera mobila enheter mer elegant och göra WordPress mer tillgängligt. Efter en hel del arbete släpptes det nya WordPress-användargränssnittet med WordPress 3.8.

Det nya användargränssnittet, som fortfarande används (med mindre förbättringar), var mobil responsivt, hade fler färgscheman, hade icons som font i adminpanelen och använde Open Sans som font för typografi.

WordPress 3.9 – Smith (2014)

WordPress 3.9 har gjort flera förbättringar för att utöka användargränssnittet för utvalda funktioner.

Det började använda platta knappar i post editor, drag and drop image uploads, gallery previews, och mycket mer.

Det adderade också live previews när du lägger till widgetar i theme customize. Se fler funktioner och screenshots av WordPress 3.9.

WordPress 4.0 – Benny (2014)

Samma år släpptes WordPress 4.0. Det fanns inga större förändringar i användargränssnittet. Det fanns dock några coola förändringar som utökade det befintliga WordPress-admingränssnittet.

En new grid view för Media gallery introducerades med infinite scroll och smidig edit. Se screenshots och utvalda funktioner i WordPress 4.0.

WordPress 4.2 – Powell (2015)

WordPress 4.2 kom med en liten men signifikant förbättring av färgschemat i admin area.

Gråtonerna fick en lätt blå nyans och blåtonerna ändrades till rent blått utan röd kanal. Se fler funktioner och screenshots av WordPress 4.2.

WordPress 4.5 – Coleman (2016)

WordPress 4.5 gav några välbehövliga förbättringar av WordPress standard editor för post. En ny utvald funktion för redigering av länkar och några nya genvägar för text introducerades.

Responsive previews lades till i temats customizer, vilket gör det möjligt för användare att förhandsgranska sitt tema för stationära, surfplatta och mobila skärmar utan att byta device. För fler funktioner, se vår artikel om lanseringen av WordPress 4.5 med screenshots.

WordPress 4.6 – Pepper (2016)

Med WordPress 4.6 bestämde sig core-teamet för att börja använda native fonts istället för att hämta Open Sans från Googles servrar.

Denna version effektiviserade också uppdateringar, vilket allowade användare att installera, uppdatera och ta bort tillägg/themes utan att ladda om sidan.

WordPress 4.8 – Vaughan (2017)

WordPress 4.8 introducerade en new uppsättning widgetar för att add to media som gillar images, ljud, videoklipp och rich text.

Det lade också till en ny widget för WordPress dashboard som displayed WordPress nyheter och händelser. För fler funktioner och screenshots, se vår översikt över WordPress 4.8.

WordPress 4.9 – Tipton (2017)

Den senaste stora versionen av WordPress för 2017 add to fler funktioner till tema customize, inklusive en new upplevelse av tema browsing och preview.

Det har också lagt till syntaxmarkering och automatisk komplettering i kodredigerare för customizer CSS och theme/plugin-redigerare.

WordPress 5.0 – Bebo (2018)

WordPress 5.0 släpptes i december 2018. Det var en viktig milstolpe som introducerade en ny blockbaserad editor med kodnamnet Gutenberg.

Den nya Block Editor allow användare att enkelt skapa beautiful content layouts med ett nytt intuitivt gränssnitt. Varje content-element lades till som ett block med egna Settings, och användare kunde save och återanvända block för att skriva mycket snabbare.

Den nya Block Editor hade inte lika många funktioner som en fullfjädrad page builder i WordPress, men den lade grunden för att använda samma block editor-funktionalitet i andra delar av WordPress.

Du kan se vår post om Gutenberg vs. WordPress page builders för en fullständig uppdelning av skillnaderna i den nya innehållsredigeraren.

Det var ett massivt skifte från den gamla vanliga TinyMCE-editorn till en mer modern editor. Användare som inte var redo för övergången kunde använda den gamla editorn genom att installera tillägget Classic Editor.

Många experter, inklusive WPBeginner, ansåg dock att det var ett nödvändigt steg framåt för WordPress. Det gamla klassiska gränssnittet i Editor kändes outdated jämfört med andra populära website-byggare på marknaden.

WordPress 5.2 – Jaco (2019)

Under 2019 förblev WordPress fokuserat på att förbättra Block Editor genom att lägga till nya funktioner, fixa buggar och förbättra användarupplevelsen.

Med WordPress 5.2 introducerades en utvald funktion för återställningsläge. Istället för att visa ett fatal error visade WordPress en error page.

Man emailade också administratörer av websites med en link för att komma åt admin area under recovery mode.

This allowed site owners to quickly fix the issue without going through several troubleshoot steps.

WordPress 5.4 – Adderley (2020)

Block Editor förblev den viktigaste delen av WordPress utveckling även under 2020. För varje release förbättrades den med new blocks och tools och en mycket snabbare upplevelse.

Med WordPress 5.4 blev helskärmseditorn standardinställningen för Block Editor.

Block Editor introducerade också en new toolbar för mobila skärmar.

This allow users to have a much cleaner editing experience on smaller screen sizes.

WordPress 5.5 – Eckstine (2020)

WordPress 5.5 introducerade block patterns.

Ett pattern är en uppsättning block som är arrangerade för att snabbt kunna add to vanliga designelement som gillar headers, footers, intros, call-to-action och mycket mer.

WordPress 5.8 – Tatum (2021)

Under de senaste åren har WordPress fortsatt att förbättra block editor i ett försök att erbjuda en fullständig lösning för redigering av site.

I WordPress 5.8 introducerades en ny funktion för templates tillsammans med flera site-wide block som hjälper dig att enkelt skapa site-wide templates i WordPress.

Denna version introducerade också blockbaserade widgetar. Varje widget-ready area i ditt WordPress theme visas nu som en tabs i block editor. Användare kunde add to widgets som block till sina websites sidebars och widgetaktiverade områden.

Dessa funktioner lade grunden för framtida updates och förberedde WordPress för att använda en blockbaserad site editor.

WordPress 5.9 – Josephine (2022)

WordPress 5.9 kom i januari 2022, med den fullständiga Site Editor som debuterade.

Det ersatte navigation menyer, widgets, och theme customizer länkar från admin sidebar med en länk till site editor.

Det var dock bara synligt för användare med ett blockbaserat tema aktiverat på sina webbplatser. Releasen kom med Twenty Twenty-Two som det nya standardtemat med fullt support för Site Editor.

Site Editor använde block editor, så det gav samma användargränssnitt för redigering av webbplatser som användare redan använde för att skriva content.

WordPress 6.0 Arturo (2022)

WordPress 6.0 släpptes i maj 2022. Det gjorde inga ändringar i de viktigaste komponenterna i användargränssnittet, men det gjorde betydande upgradingar till Site Editor-upplevelsen.

Detta inkluderade att lägga till support för att editera fler templates och lägga till fler tools för olika block settings.

WordPress 6.1 – Misha (2022)

WordPress 6.1 släpptes i november 2022 och fortsatte med förbättringarna av Site Editor, särskilt templates och template parts.

Den här utgåvan gjorde inga större förändringar i själva core UI. Men den addade flera new tools och förbättringar till block editor. Det började också att ge konsistens till blockets tools och settings.

WordPress 6.2 – Dolphy (2023)

Under första halvåret 2023 fortsatte WordPress att fokusera på enklare edit och customize av webbplatser.

Med lanseringen av WordPress 6.2 kom den nya blockbaserade Site Editor ut ur betaversionen. Detta allowade användare att använda block editor för att customize sina WordPress teman och skapa layouts, templates, styles, med mera.

WordPress 6.3 – Lionel (2023)

Under andra halvan av 2023 släppte WordPress 6.3 med betydande updates till Site Editor.

Det introducerade en new vy för navigation för Site Editor, som gav enklare tillgång till templates, pages, patterns, styles och navigation menus.

I den här versionen introducerades också en ”Command Palette”. Användare kan starta den med tangenterna Command+K eller CTRL+K på tangentbordet.

Kommandoverktyget gav också enklare tillgång till WordPress-genvägar och search efter befintligt content, block, patterns, templates med mera.

WordPress 6.4 – Shirley (2023)

Site Editor förblev fokus för utvecklingen av denna version. Den levererades med ett new sätt att hantera mönster och introducerade kategorier för att enkelt sortera mönster.

Command palette introducerade new kommandon och actions för att arbeta med block. Detta inkluderar kommandon för att duplicera, omvandla, radera eller infoga.

Det fick också en UI update för att göra dessa förändringar mer framträdande och användbara.

I de kommande utgåvorna kommer WordPress att fokusera på Site Editor, realtidssamarbete i WordPress Editor och flerspråkiga capabilities.

WordPress 6.5 – Regina (2024)

Med de nya capabilities för redigering av webbplatser har WordPress nu lite olika användargränssnitt för att skriva/redigera och hantera andra uppgifter på webbplatsen, t.ex. installera tillägg och themes, granska comments och hantera inställningar.

År 2024 började WordPress föra allting närmare genom att skapa konsekventa arbetsflöden för både site och block editor, bättre data views och mycket mer.

Denna version innehöll också ett användargränssnitt i Site Editor för att hantera och installera font med hjälp av en utvald funktion som heter Font Library.

Användare kan se installerade fonts, uploada custom fonts och även ansluta till Google Fonts.

WordPress 6.6 – (2024)

Denna WordPress-version fortsatte att städa upp användargränssnitten för Block Editor och Site Editor genom att få dem att se konsekventa ut.

Små förbättringar gjordes av Block Editor så att det ser ut som Site Editors användargränssnitt.

Det pågår ett arbete med att förbättra och modernisera admin-designen. Ändringarna i Site Editor och Block Editor UI ger några ledtrådar om vilken riktning den nya designen för site admin kan ta.

Vi hoppas att den här artikeln hjälpte dig att se utvecklingen av WordPress användargränssnitt sedan den första utgåvan 2003. Du kanske också vill läsa den kompletta historien om WordPress eller ta en titt på de högst upp WordPress företag och företag som växte med WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.