{"id":17830,"date":"2013-08-04T21:01:10","date_gmt":"2013-08-04T13:01:10","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=17830"},"modified":"2022-10-18T20:12:54","modified_gmt":"2022-10-18T12:12:54","slug":"evolution-of-wordpress","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/evolution-of-wordpress\/","title":{"rendered":"A Look Into: WordPress UI Evolution For The Past 10 Years"},"content":{"rendered":"

WordPress turned 10 and the name certainly doesn\u2019t need an introduction, especially to those who are involved in blogging. WordPress has been one of the greatest tools a writer can have when it comes to online publishing. It has certainly made its name over the whole Internet, and helped bloggers and website owners to achieve their publishing dreams.<\/p>\n

Many popular websites rely on WordPress to reach out to their audience. At the time of writing this article, the latest version of WordPress has already reached over 28 million downloads<\/a>. If you have ever wondered how WordPress got so big so fast, we\u2019re going to take you through that journey right now.<\/p>\n

In this post, I will talk about how WordPress turned from a simple tool for publishing thoughts online, to a CMS (Content Management System<\/em>) as advanced as it is now. We\u2019ll look specifically at how the WordPress Admin UI has changed since WordPress 0.71 until WordPress 3.5 and beyond.<\/p>\n

WordPress 0.71<\/h2>\n

Code name: Gold<\/strong> \u2013 Released date: 2003<\/strong><\/p>\n

This was the first version of the popular CMS, and it focused on simplicity. There is no dashboard to welcome you with your site stats or other information. Users can have three status modes<\/strong> for a post: \u2018Publish\u2019, \u2018Draft\u2019 and \u2018Private\u2019 for the first time.<\/p>\n

\"wordpress<\/figure>\n

This makes it flexible for you to manage your posts by either saving it for later, or publishing it right away. It didn\u2019t have many features, not like what we have today but back then, it was a gift to writers by Matt Mullenweg<\/a>.<\/p>\n

WordPress 1.0<\/h2>\n

Code name: Miles<\/strong> \u2013 Released date: 2004<\/strong><\/p>\n

Released in 2004, this was the second major release of WordPress, and also the first version to be named after a jazz musician,Miles Davis<\/a>, as we can see from the WordPress site itself: \u2018WordPress core developers share a love of jazz music<\/em>\u2018.<\/p>\n

\"wordpress<\/figure>\n

This version of WordPress had some improvements to both UI and core features as compared to its previous version. This was the first version to allow users to assign multiple categories<\/strong> to their posts as well as creation of search engine friendly permalinks<\/strong>.<\/p>\n

WordPress 1.2<\/h2>\n

Code name: Mingus<\/strong> \u2013 Released date: 2004<\/strong><\/p>\n

This version released in 2004 added a whole lot of features to WordPress and the Admin UI. For the first time, users can see the \u2018Plugins\u2019 section in the WordPress Admin UI, which is one of the best features of WordPress if you are the kind who like to expand your site\u2019s capabilities without getting your hands dirty.<\/p>\n

\"wordpress<\/figure>\n

Users were now able to create Sub Categories<\/strong> for arranging their posts systematically, and for styling, users can also create thumbnails<\/strong> for their posts in this version of WordPress.<\/p>\n

WordPress 1.5<\/h2>\n

Code name: Strayhorn<\/strong> \u2013 Released date: 2005<\/strong><\/p>\n

This was the first version of WordPress to show us the so much popular \u201cWordPress Dashboard\u201d. Logging in takes you to the Dashboard instead of the posts page. It also had a tabbed interface allowing users to switch between tab<\/strong>s to either create a post or a page, which wasn\u2019t available in its predecessors.<\/p>\n

\"wordpress<\/figure>\n

WordPress 1.5 kept user requests and complaints in mind, and thus tailored exactly to the needs of the users at that time. This was the first version of WordPress to divide the entire theme structure into separate files<\/strong> such as header.php<\/em>, footer.php<\/em> and sidebar.php<\/em>, and so if you make change to any of these files, it gets reflected throughout the entire site<\/strong>, instantly.<\/p>\n

WordPress 2.0<\/h2>\n

Code name: Duke<\/strong> \u2013 Released date: 2005<\/strong><\/p>\n

At last, the admin panel had a change in colours, from shades of black and grey to some shades of blue, giving it a fresh and different look from the previous versions. This version released in 2005 and introduced the advanced TinyMCE editor<\/strong> which we all love to use for formatting<\/strong> our posts.<\/p>\n

Users were now able to upload images to enrich their posts<\/strong>. The whole admin panel got a facelift, and the preview of themes via \u2018screenshot.png\u2019 was added, along with other brand new features.<\/p>\n

\"wordpress<\/figure>\n

AJAX was injected to the roots of the WordPress admin panel, thus making actions much swifter than ever before, so now when you delete a comment or a post tag, it will gently fade away without reloading the page, thus saving time and bandwidth. You can now customize your workspace by dragging and dropping panels on the working area.<\/p>\n

WordPress 2.5<\/h2>\n

Code name: Brecker<\/strong> \u2013 Released date: 2008<\/strong><\/p>\n

This version of WordPress was released in the year 2008 and had the most beautiful UI of WordPress till then according to me. It was from this version when the WordPress UI started to look like what it is right now. With the introduction of this version the file uploader was revamped with a new look<\/strong> and a few essential features to go.<\/p>\n

\"wordpress<\/figure>\n

For the first time in WordPress history, users were now able to upload multiple images or other post attachments at once <\/strong>and finally get to know how much time the uploads will take with the help of a progress bar<\/strong>.<\/p>\n

WordPress 2.7<\/h2>\n

Code name: Coltrane<\/strong> \u2013 Released date: 2008<\/strong><\/p>\n

By this time, WordPress had grown rapidly and reached thousands of bloggers, prepped with great ideas for great sites, all roaring to go. The entire framework of the Admin Panel UI has changed, and a sidebar consisting of links to essential tools needed<\/strong> to manage a WordPress powered site was added to the panel giving quick access to needed tools.<\/p>\n

The Admin Panel was divided into different sections such as \u201cPublish\u201d, \u201cTags\u201d, \u201cComments\u201d and more which gave rise to the addition of two useful features in this update, \u201cScreen Options\u201d and \u201cQuickPress\u201d.<\/p>\n

\"wordpress<\/figure>\n

While \u201cQuickPress\u201d made posting easier and faster right from the Dashboard, \u201cScreen Options\u201d helps in cleaning up your writing space as well as dashboard, and have it the way you want not what is fixed by the developers. Some other features include 1-click plugin install, rearranging sections on dashboard<\/strong> and more.<\/p>\n

WordPress 3.2<\/h2>\n

Code name: Gershwin<\/strong> \u2013 Released date: 2011<\/strong><\/p>\n

We move ahead to the year 2011 to a refreshed and modern UI for WordPress with the introduction of version 3.2. The UI has changed a lot, completely redesigned, while at the same time, keeping the CSS light so as to load the panel a whole lot faster.<\/p>\n

\"wordpress<\/figure>\n

This version features another a great tool \u201cFull Screen Editor\u201d, which provides a distraction-free writing experience. Also the Admin Bar was given some love too, and with the addition of new features such as 1-click addition of new post, new user<\/strong>, etc, it became a handy tool to manage your WordPress site easily.<\/p>\n

WordPress 3.5<\/h2>\n

Code name: Elvin<\/strong> \u2013 Released date: 2012<\/strong><\/p>\n

WordPress 3.5, which is the current available version of WordPress, was made available to public in December, 2012. Though the overall UI seemed unchanged or changed to a very little extent, but I am interested in the \u201cMedia Manager\u201d.<\/p>\n

\"wordpress<\/figure>\n

The media manager seems wonderful and offers a spectacular way to manage all your media for your blog. This version is made ready for the Apple Retina screen, supporting High-Resolution version of the Admin panel, so no matter which device you are using to access your blog\u2019s backend it will surely look great on every device.<\/p>\n

What\u2019s Next?<\/h2>\n

So, we finally reach the current version of WordPress and the journey ends here\u2026 until the release of WordPress 3.6. This is a screenshot of a plugin developed by Matt and his team to change the current WordPress Admin Panel UI to a brand new look.<\/p>\n

WordPress 3.6<\/h3>\n
\"wordpress<\/figure>\n

It is expected that they will adapt<\/a> this new look as the UI for WordPress 3.6. Though not much details are available for this new release, but everything will be confirmed when the official version is released.<\/p>\n

More<\/h2>\n

For other Evolution posts, check out the links below:<\/p>\n