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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Moinuddin Waheed says
wordpress has travelled this far to become the single largest platform to serve nearly half of all the websites on the internet.
I started using it back in 2016 and it’s been more than 7 years now.
A lot of hardwork in putting and compiling all these memories together with nostalgic thoughts in mind as wpbeginner has also grown along with it.
Thanks wpbeginner for taking us back to the older memories.
Ralph says
Me: I think i started bloggin few years ago
Also me: It is 11 years already?
Jokes aside, this is big nostalgia hit! I used to run a phpbb forums earlier but ditched it for personal website on wordpress. This was great decision as it evloved and upgraded in so many ways!
Ram E. says
And then there’s WordPress 6.4 ”Shirley” released this November. My introduction to WordPress occurred in 2013. And I witnessed how the platform has evolved in the last 10 years. It is one of the reasons why I ended up taking a career in marketing. Kudos to the WP Team!
Jiří Vaněk says
Great article, and a big nostalgia trip for me. I started with WordPress in 2007, and since then, it has undergone tremendous development. I remember the times when plugins had to be downloaded and uploaded via FTP, no integrated installation like today. Thank you; it’s a fantastic nostalgia trip looking at those old versions of WordPress.
WPBeginner Support says
Happy to hear we could share some nostalgia
Administratör
Michael Sneed says
Lots of hard work compiling all of this… and lots of fun memories!
WPBeginner Support says
Glad we could help bring back your fun memories
Administratör
musclegaragefitness says
The evolution of WordPress’s user interface over the years is truly remarkable. It’s fascinating to see how it has transformed from its humble beginnings in 2003 to the user-friendly platform it is today. The dedication of the WordPress team to continually improve the user experience is evident in every iteration. As a long-time WordPress user, I appreciate the effort they’ve put into making it easier for us to create and manage our websites. I can’t wait to see what the future holds for WordPress UI enhancements!
WPBeginner Support says
Glad you’ve enjoyed the evolution of the user interface and we also hope the improvements continue!
Administratör
Okan Katan says
Good Informations. Thanks.
eriab nsereko says
we really love you here in africa – just ready for the Kampala WordCamp!
Felipe Elia says
Hey guys! This is an awesome piece of History, congratulations! Can I translate this to Brazilian Portuguese and publish linking to this original? Thanks in advance.
WPBeginner Support says
Hey Felipe
Thanks for the feedback. As for translations, we would appreciate if you quote translated excerpts into your own article, instead of translating the whole article.
Administratör
Tegar says
i love wordpress, i like the way you gathered the wp-admin layout
Masud Rana says
Thanks for the gathered history of wordpress.
Trisha says
I’ve just upgraded from 2.7.1 to 2.8.4 and three critical features seem to be missing for me even though others are not having this problem (although some are)
1. Word count on the post write/edit panel is gone;
2. Edit timestamp (to schedule posts) is not working; and
3. Image/media uploader is not working
I’ve already tried disabling all plugins, switching to the default theme, reinstalling WP (not using upgrader), adding a define statement for alternate cron to my wp-config.php, and using multiple browsers/OS – all suggestions from the WP forum, not getting anywhere – hass anyone here heard of these issues and/or know of a fix?
Editorial Staff says
Haven’t had any issues with this. Nor heard of any of the users or client that had this issue. We think that it is the JavaScript that is not working with you. Because there were some issues with TinyMCE that were reported to us. But its user end issue on browsers. You should check to see if you have JavaScript upgraded in your system.
Administratör
Trisha says
Thank you for the tip – but I’m a little confused……I was not aware that javascript could be ”upgraded”….isn’t it simply a matter of keeping your browser updated? I have the most current versions of both Safari and FIrefox, both of which support the most current version of javascript. Unless you are referring to Java, which I also have the most current version of installed.
And actually quite a few people are complaining in the WP forums about these issues, but none of the suggested solutions work, so I’m trying to reach out beyond the WP forum in the hope that someone else may know of a fix.
I’ll try looking closer at the TinyMCE scripts since you mention that as a possible culprit.
Editorial Staff says
Yes and the problem can also be on your server side. If your server is not updated TinyMCE will have bugs. It happened to a client of ours because they could not move the widgets in the theme page. Please try and see if you are able to do that. If you can’t move things around, it is definitely your host end.
Trisha says
An update in case anyone is interested – after deactivating and reactivating (one by one) all of my plugins the culprit turned out to be the Podpress plugin by MightySeek – i had not upgraded that plugin to it’s latest version because I’d heard that it was not compatible – while the old version worked fine with WP 2.8, it was apparently causing the problems I described – unable to use image uploader or edit timestamp – once I upgraded it now everything is working fine.
plumber randwick says
It looks like They were simple and user interactive style from the beginning,
am using it from 2.6
robby says
world of wordpress reflects the power of community
maybe i should consider to move from blogger to wordpress
Ryan Hamilton says
Wow, got a bit nostalgic there, even though it was only a few years ago. When I was first introduced to 2.0 in 2005 I had no idea it would be nearly as useful and versatile as it now is today.
Here’s to another 4 years.
Scott Bernadot says
This was a great trip thru time. Thanks for putting this all together
Brad says
Great post! That was really cool to see the evolution. Makes me wonder how awesome WP will continue to get…
subcorpus says
just upgraded to baker … the latest version …
lets see how that goes …
Hugo says
Wow… I started using WP in the version 2.5
I have never seen the previous versions… nice post.. thanks
Jason Sack says
I can’t wait for Pepper.
Tom Hermans says
Since WP 2.7 the design of the back-end interface is certainly up to par with the power and possibilities of the WP-CMS. The only thing I don’t like very much is the way the plugins are presented. It used to be easier to see which were active and which were not.. But all in all, that’s a minor issue. Keep up the fantastic work you guys.
grtz,
Tom.
Knoxville Website Design says
It has been a great ride so far ;-).
Giovanni says
WordPress is the primary inspiration for my own CMS
Sebastian Schertel says
Wonderful!
Thank you. I always wanted to see the evolution of the interface. I love wordpress. I wished there would be another wordpress stickers give-away.