{"id":1116,"date":"2008-12-15T15:46:18","date_gmt":"2008-12-15T13:46:18","guid":{"rendered":"http:\/\/planetozh.com\/blog\/?p=1116"},"modified":"2008-12-17T09:39:50","modified_gmt":"2008-12-17T07:39:50","slug":"a-journey-through-five-years-of-wordpress-interface","status":"publish","type":"post","link":"https:\/\/planetozh.com\/blog\/2008\/12\/a-journey-through-five-years-of-wordpress-interface\/","title":{"rendered":"A Journey Through Five Years of WordPress Interface."},"content":{"rendered":"<p>With the recently launched WordPress 2.7, bloggers now marvel at how clean, beautiful and usable is the new interface. But do you remember what it used to be a couple of months ago? For those who started using WordPress years ago, can you remember what your admin area looked like?<\/p>\n<p>Since I have an archive of all versions of WordPress on my development computer for <a href=\"https:\/\/planetozh.com\/blog\/2008\/12\/when-was-this-function-added-or-removed-from-wordpress\/\">function implementation historical purpose<\/a>, I thought it could be fun and interesting to install them all and get reminded of what we used to use.<\/p>\n<p>Ready for five years of UI evolution, from 0.7.1 in 2003 to 2.7 in 2008? Let&#39;s go!<br \/>\n<!--more--><\/p>\n<h2>WordPress 0.7.1 (May 2003)<\/h2>\n<p>The first version of WordPress had a clunky manual install procedure with a bloated b2config.php file, where you had to edit a bunch of stuff.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-071.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-071-300x186.jpg\" alt=\"wordpress-071\" title=\"wordpress-071\" width=\"300\" height=\"186\" class=\"aligncenter size-medium\" \/><\/a><\/p>\n<p>The landing page of <tt>wp-admin<\/tt> was directly the &quot;Write Post&quot;: no dashboard in those ages of prehistoric blogging, no emphasis of satellite tasks such as managing comments. You could only assign one category to a post.<\/p>\n<p>Simple interface, simple menus with no sub-menu. The page where you would manage users was called &quot;Team&quot; which I find interesting.<\/p>\n<h2>WordPress 1.0.1 (January 2004)<\/h2>\n<p>Weeee, the WordPress version I began playing with!<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-101.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-101-300x191.jpg\" alt=\"wordpress-101\" title=\"wordpress-101\" width=\"300\" height=\"191\" class=\"aligncenter size-medium\" \/><\/a><\/p>\n<p>A major maturity step had been made with this version: the genuine concise wp-config.php as we still now it, almost unchanged. This is when WordPress was really born and quitted from being a half baked B2 fork.<\/p>\n<p>The whole interface already looks like to what it&#39;s going to be for a couple of years. You can notice that this version introduced the ability to assign an arbitrary number of categories to a post (which was precisely what caught my interest at this time)<\/p>\n<p>I remember the default look, still available as &quot;classic&quot;, getting a lot criticism at this time.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/front-101.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/front-101-300x165.jpg\" alt=\"front-101\" title=\"front-101\" width=\"300\" height=\"165\" class=\"aligncenter size-medium\" \/><\/a><\/p>\n<h2>WordPress 1.2 (May 2004)<\/h2>\n<p>Not a lot of change in the design, but still a revolution in the coding world: notice in the admin menu an new entry, labelled&#8230; &quot;Plugins&quot;. Oh my. Now this is getting seriously fun.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-121.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-121-300x191.jpg\" alt=\"wordpress-121\" title=\"wordpress-121\" width=\"300\" height=\"191\" class=\"aligncenter size-medium\" \/><\/a><\/p>\n<h2>WordPress 1.5 (February 2005)<\/h2>\n<p>This version introduced a menu logic that was going to last pretty long: top level links with submenus (precisely what enticed me to make the <a href=\"https:\/\/planetozh.com\/blog\/my-projects\/wordpress-admin-menu-drop-down-css\/\">Admin Drop Down Menu plugin<\/a> a few months later) Not sure why the logo is all messed up on my screenshot, I&#39;m pretty sure it wasn&#39;t like this back in the days :)<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-15-post.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-15-post-300x191.jpg\" alt=\"wordpress-15-post\" title=\"wordpress-15-post\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1081\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-15-post-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-15-post.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Major change in the blogging philosophy: now with &quot;Pages&quot;, not just &quot;Posts&quot;. Major change in the coding philosophy: the menu &quot;Template&quot; is now labelled &quot;Presentation&quot; and gives access to&#8230; Themes! Themes, shipped with &quot;Kubrick&quot; (still known as &quot;default&quot;) was probably the feature that really launched WordPress as an ubiquitous platform with an ever growing community.<\/p>\n<p>This version also brings the beginnings of a dashboard. Nothing was using AJAX so things were rather slowed down when it would fetch news from the dev blog or the planet.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-15.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-15-300x188.jpg\" alt=\"wordpress-15\" title=\"wordpress-15\" width=\"300\" height=\"188\" class=\"aligncenter size-medium\" \/><\/a><\/p>\n<p>A few months later, <strong>WordPress 1.5.1<\/strong> shows a slight variation in the layout: no more WordPress logo and light grey page background.<br \/>\n<a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-151-post.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-151-post-300x191.jpg\" alt=\"wordpress-151-post\" title=\"wordpress-151-post\" width=\"300\" height=\"191\" class=\"aligncenter size-medium\" \/><\/a><\/p>\n<h2>WordPress 2.0 (December 31, 2005)<\/h2>\n<p>Just in time for the party, say hello to the &quot;big blue header&quot;.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-20-post.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-20-post-300x191.jpg\" alt=\"wordpress-20-post\" title=\"wordpress-20-post\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1091\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-20-post-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-20-post.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The Write Post interface got a major overhaul: a real WYSIWYG editor, and movable\/expandable items to make yourself comfortable and put oftenly use features on top of the page (aka &quot;above the fold&quot;)<\/p>\n<p>Notice the &quot;Import&quot; menu: while importing from other platforms such as Blogger or MovableType was a feature since 1.0, it got more proeminent in this release. &quot;Take over the world&quot;?<\/p>\n<h2>WordPress 2.1 (January 2007)<\/h2>\n<p>Nothing much on the top of the iceberg.<\/p>\n<p>Visible changes in this version: &quot;Links&quot; renamed &quot;Blogroll&quot;, &quot;Comments&quot; gets its own menu.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-21-post.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-21-post-300x191.jpg\" alt=\"wordpress-21-post\" title=\"wordpress-21-post\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1096\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-21-post-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-21-post.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The Dashboard gets a pretty much needed AJAX enhancement, allowing for faster loading.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-21.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-21-300x188.jpg\" alt=\"wordpress-21\" title=\"wordpress-21\" width=\"300\" height=\"188\" class=\"aligncenter size-medium wp-image-1095\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-21-300x188.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-21.jpg 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>WordPress 2.3 (September 2007)<\/h2>\n<p>Right below the main textarea, you&#39;ll notice a new little feature: &quot;Tags&quot; appeared in this version, with huge impacts on the DB architecture that for once broke quite a few themes during the upgrade.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-23-post.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-23-post-300x191.jpg\" alt=\"wordpress-23-post\" title=\"wordpress-23-post\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1104\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-23-post-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-23-post.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>WordPress 2.5 (March 2008)<\/h2>\n<p>The &quot;DO NOT WANT&quot; release: an attempt to reorganize the user interface that was, in my opinion, a major failure.<br \/>\n<a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-25-post.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-25-post-300x191.jpg\" alt=\"wordpress-25-post\" title=\"wordpress-25-post\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1107\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-25-post-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-25-post.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Admin links spread in 4 different locations all over the place, half of the information &quot;below the fold&quot; for maximum scrolling, menu links renamed with no logic and a washed out look. If you ask me, I <b>hated<\/b> this release, UI wise.<\/p>\n<p>The Dashboard got a rework, and it started to become more customizable and usable instead of a rather useless static page.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-25.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-25-300x191.jpg\" alt=\"wordpress-25\" title=\"wordpress-25\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1106\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-25-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-25.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>WordPress 2.6 (September 2008?)<\/h2>\n<p>Two little new features show in the screenshot: a word count in the Write Post interface (wow) and the &quot;Turbo&quot; link for using Google Gears.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-261-post.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-261-post-300x191.jpg\" alt=\"wordpress-261-post\" title=\"wordpress-261-post\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1108\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-261-post-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-261-post.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>WordPress 2.7 (December 2008)<\/h2>\n<p>&quot;Hey, wait a minute, is it the same platform? Everything looks so different!&quot;<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-27-post.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-27-post-300x191.jpg\" alt=\"wordpress-27-post\" title=\"wordpress-27-post\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1114\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-27-post-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-27-post.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Now that&#39;s a redesign I like. The dev team asked users what they wanted and what they liked, and the result is light years beyond what the design studio produced for 2.5 six months earlier. One word to summarize it all: &quot;Above the fold!&quot;.<\/p>\n<p>The Dashboard is much more useful now and is a page from where you can interact with your blog, instead of just reading information.<\/p>\n<p><a href=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-27.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-27-300x191.jpg\" alt=\"wordpress-27\" title=\"wordpress-27\" width=\"300\" height=\"191\" class=\"aligncenter size-medium wp-image-1113\" srcset=\"https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-27-300x191.jpg 300w, https:\/\/planetozh.com\/blog\/wp-content\/uploads\/2008\/12\/wordpress-27.jpg 1008w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Now what?<\/h2>\n<p>So far, UI wise, 2.7 is the best release to date, with, at last, a real menu where any page is reachable from any other page. I hope that the next major release won&#39;t change everything in the layout once again, and I do have the feeling that this design will last some time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the recently launched WordPress 2.7, bloggers now marvel at how clean, beautiful and usable is the new interface. But do you remember what it used to be a couple of months ago? For those who started using WordPress years ago, can you remember what your admin area looked like? Since I have an archive of all versions of WordPress\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[342,22,343,245],"class_list":["post-1116","post","type-post","status-publish","format-standard","hentry","category-published","tag-history","tag-images","tag-interface","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/posts\/1116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/comments?post=1116"}],"version-history":[{"count":0,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/posts\/1116\/revisions"}],"wp:attachment":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/media?parent=1116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/categories?post=1116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/tags?post=1116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}