EDITS.WS

Tag: wordpress versions archive

  • Evolution of WordPress User Interface (2003 – 2023)

    The WordPress user interface (UI) has evolved steadily since its first release in 2003.

    It started as a simple blogging platform, but WordPress has grown into a full-fledged CMS platform and a robust web application framework. The user interface has evolved over the years as well.

    In this article, we will take you back in time to show the different stages in the evolution of WordPress user interface from 2003 until now.

    Evolution of WordPress user interface since 2003 until now

    The Beginning of WordPress

    WordPress started out in 2003. This was mainly because the development of an already popular blogging software called b2/cafelog was discontinued by its main developers.

    Two passionate users of b2/cafelog, Matt Mullenweg and Mike Little, decided to build a new platform on top of that blogging software. This is how WordPress was first released on May 27, 2003. You can learn more about the origin story of WordPress in our article on the history of WordPress.

    Since then, there have been a lot of WordPress releases. In this article, we will highlight the releases that introduced a big change in the admin panel user interface.

    WordPress 0.71 – (June 2003)

    WordPress 0.71

    The landing page of the WordPress 0.71 admin panel was used to write blog posts directly. It didn’t really have many options outside the post-editor interface.

    It was kept simple by including fewer features. For instance, users could only assign one category to each post.

    It also had a tedious installation method where a lot of information was changed manually by editing the core files of the software.

    WordPress 1.0.1 (Miles – 2004)

    WordPress  1.0.1 - Miles

    WordPress started naming its major releases after Jazz musicians with the release of version 1.0.1. As you can see, this release was named after a famous musician, Miles Davis.

    In this version, WordPress stopped using the b2 file structure and moved toward its own style of filing structure.

    New features included multiple category selections, an SEO-friendly URL structure, comment moderation, a new installer, and several other improvements.

    WordPress 1.2 – Mingus (May 2004)

    WordPress 1.2 - Mingus

    Named after Charles Mingus, WordPress 1.2 was a monumental release. One of the most important upgrades in this version was the introduction of ‘Plugins’, which are now a staple of the WordPress ecosystem.

    Other notable changes were subcategories, custom fields, thumbnail creation, post preview, encrypted passwords, and the ability to ping more than one service at a time.

    WordPress 1.5 – Strayhorn (Feb 2005)

    WordPress 1.5

    This version of WordPress was named after Billy Strayhorn. It showed the first glimpse of a new dashboard style. It didn’t use Ajax and was way slower than the WordPress we use today.

    Another significant feature was the introduction of pages alongside posts, allowing users to create static pages not part of their blog feeds. This release also supported installing multiple themes in a single WordPress installation.

    WordPress 2.0 – Duke (Dec 2005)

    WordPress 2.0

    WordPress 2.0 brought a major overhaul of the WordPress admin interface. It had a large blue header on top and a completely reimagined admin area.

    It was way faster than previous releases, as it used Ajax to perform certain tasks. This release also included a full WYSIWYG editor.

    Akismet was introduced as a plugin to combat the growing comment spam problem. Some other notable features were image/file uploading, theme preview via thumbnail (screenshot.png), improved posting speed, new hooks for developers, and more.

    WordPress 2.1 – Ella (Jan 2007)

    WordPress 2.1

    WordPress 2.1 Ella was the first release to introduce a new admin screen to manage comments.

    The comment management process was significantly improved because users could delete or approve comments without reloading admin screens.

    WordPress 2.3 – Dexter (Sep 2007)

    WordPress 2.3 Dexter

    This release didn’t drastically change the WordPress user interface but added several significant improvements. For the first time, WordPress improved native support to add tags to your posts.

    It also introduced an update notification system, which allowed WordPress core and plugins to show notifications when a new version was available.

    This release also started auto-redirecting users to the correct WordPress URL as defined in the settings.

    WordPress 2.5 – Brecker (Mar 2008)

    WordPress 2.5

    For WordPress 2.5, the WordPress team collaborated with Happy Cog, a leading web design consultancy firm, to redesign the WordPress admin user interface.

    It was a major design improvement, and it had a huge impact on how we use WordPress today.

    Post editor in WordPress 2.5

    The dashboard got much better as they added more useful information there. This was the first version where we saw a one-click upgrade for plugins in the WordPress plugin directory.

    A much better visual editor and a built-in gallery were also included in this release.

    Many of the core components of this redesign are still a major part of the software. However, its appearance quickly changed just 10 months later.

    WordPress 2.7 – Coltrane (Dec 2008)

    WordPress 2.7

    WordPress 2.7 brought another major upgrade to the WordPress admin user interface. Users were now able to readjust WordPress dashboard elements. Screen options were introduced so that users could show and hide elements to meet their requirements.

    Other notable features included easier plugin installation through the WordPress admin panel, admins could add comment replies from the admin panel, threaded comments, sticky posts, keyboard shortcuts, comment pagination, and more.

    WordPress 2.9 – Carmen (Dec 2009)

    WordPress 2.9

    WordPress 2.9 didn’t change the user interface, but it did add several new features that integrated beautifully into the existing WordPress interface. One of these changes was a plugin update system that allowed users to update their plugins to the more recent versions with a single click.

    Another major change in the release was image editing features, which allowed users to crop, resize, rotate, scale, and flip images in WordPress.

    WordPress 2.9 image editing

    WordPress 3.0 – Thelonious (2010)

    WordPress 3.0 Thelonious was a major upgrade that truly transformed WordPress from a blogging platform to a full-fledged CMS.

    It introduced post types, taxonomies, custom backgrounds, headers, shortlinks, and navigation menus. It also came with a new default theme called Twenty Ten, which started the tradition of introducing a new default theme every year that is named after the year itself.

    Navigation menus in WordPress 3.0

    This release merged a WordPress sister project called WordPress MU into core WordPress. This feature is now known as WordPress multisite. The admin interface’s basic style could adapt to all these major changes without another significant overhaul of the admin area.

    WordPress 3.1 – Django Reinhardt (2011)

    WordPress 3.1

    WordPress 3.1 continued adding features to the robust WordPress user interface.

    With this new release, WordPress introduced the admin bar, post formats, and a better internal linking feature.

    WordPress 3.3 – Sonny (2011)

    WordPress 3.3

    Released in December of 2011, WordPress 3.3 came packed with features and improvements to the existing WordPress UI.

    It added fly-out menus for better navigation in the admin area, a revamped admin bar, drag and drop to upload media files, and tool tips. You can see more features and screenshots of WordPress 3.3.

    WordPress 3.5 – Elvin (2012)

    WordPress 3.5

    Mobile and high-resolution devices were already becoming accessible to all users. WordPress 3.5 streamlined the user interface for modern retina display devices.

    This release included upgraded icons and adaptive styles that looked great on any screen resolution. See more features and screenshots of WordPress 3.5.

    WordPress 3.8 – Parker (2013)

    WordPress 3.8 admin UI

    The appearance and the basic style of WordPress UI hadn’t been changed since 2008 and were way overdue for a major upgrade.

    This upgrade aimed to handle mobile devices more elegantly and make WordPress more accessible. After a ton of work, the new WordPress user interface was released with WordPress 3.8.

    The new user interface, which is still used (with minor enhancements), was mobile responsive, had more color schemes, had icon fonts used in the dashboard, and used the Open Sans font for typography.

    Mobile admin UI in WordPress 3.8

    WordPress 3.9 – Smith (2014)

    WordPress 3.9 made several enhancements to extend the user interface for new features.

    WordPress 3.9

    It started using flat buttons in the post editor, drag-and-drop image uploads, gallery previews, and more.

    It also added live previews when adding widgets in the theme customizer. See more features and screenshots of WordPress 3.9.

    WordPress 4.0 – Benny (2014)

    WordPress 4.0

    That very same year, WordPress 4.0 was released. There were no major changes to the UI. However, there were some cool changes that extended the existing WordPress admin interface.

    A new grid view for the Media gallery was introduced with infinite scroll and smooth editing. See screenshots and features of WordPress 4.0.

    WordPress 4.2 – Powell (2015)

    WordPress 4.2 colors

    WordPress 4.2 came with a tiny but significant improvement in the admin area color scheme.

    The grays were given a slight blue hue, and the blues were changed to pure blue with no red channel. See more features and screenshots of WordPress 4.2.

    WordPress 4.5 – Coleman (2016)

    Inline link editing

    WordPress 4.5 brought some much-needed improvements to the default WordPress post editor. A new inline link editing feature and some new inline text shortcuts were introduced.

    Responsive previews were added in the theme customizer, allowing users to preview their theme for desktop, tablet, and mobile screens without changing devices. For more features, see our article on the release of WordPress 4.5 with screenshots.

    WordPress 4.6 – Pepper (2016)

    Shiny updates and plugin installs

    With WordPress 4.6, the core team decided to start using native fonts instead of loading Open Sans from Google servers.

    This release also streamlined updates, which allowed users to install, update, and delete plugins/themes without reloading the page.

    WordPress 4.8 – Vaughan (2017)

    Media widgets in WordPress 4.8

    WordPress 4.8 introduced a new set of widgets to add media like images, audio, video, and rich text.

    It also added a new dashboard widget that displayed WordPress news and events. For more features and screenshots, see our overview of WordPress 4.8.

    WordPress 4.9 – Tipton (2017)

    Theme browsing experience in WordPress 4.9

    The last major release of WordPress for 2017 added more features to the theme customizer, including a new theme browsing and preview experience.

    It also added syntax highlighting and auto-completion to code editors for custom CSS and theme/plugin editors.

    WordPress 5.0 – Bebo (2018)

    Block Editor was introduced in WordPress 5.0

    WordPress 5.0 was released in December 2018. It was a major milestone that introduced a new block-based editor codenamed Gutenberg.

    The new block editor allowed users to easily create beautiful content layouts with an intuitive new interface. Each content element was added as a block with its own settings, and users could save and reuse blocks for much faster writing.

    The new block editor didn’t have as many features as a full-featured WordPress page builder, but it laid the groundwork to use the same block editor functionality in other areas of WordPress.

    You can see our post on Gutenberg vs. WordPress page builders for a full breakdown of the differences in the new content editor.

    It was a massive shift from the plain old TinyMCE editor to a more modern editor. Users who were not ready for the transition were able to use the old editor by installing the Classic Editor plugin.

    However, many experts, including WPBeginner, believed that it was a necessary step forward for WordPress. The old classic editor interface felt way outdated compared to the other popular website builders on the market.

    WordPress 5.2 – Jaco (2019)

    In 2019, WordPress remained focused on improving the block editor by adding new features, fixing bugs, and enhancing user experience.

    With WordPress 5.2, a recovery mode feature was introduced. Instead of showing a fatal error, WordPress displayed an error page.

    Technical difficulty error

    It also emailed website administrators with a link to access the admin area under recovery mode.

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

    Recovery mode dashboard

    WordPress 5.4 – Adderley (2020)

    The block editor remained the most important part of WordPress development in 2020 as well. With each release, it kept improving with new blocks and tools and a much faster experience.

    With WordPress 5.4, the full-screen editor became the default setting for the block editor.

    Full screen block editor

    The block editor also introduced a new toolbar for mobile screens.

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

    Mobile toolbar in 5.4

    WordPress 5.5 – Eckstine (2020)

    WordPress 5.5 introduced block patterns.

    A pattern is a set of blocks pre-arranged to quickly add commonly used design elements like headers, footers, intros, calls to action, and more.

    Block patterns

    WordPress 5.8 – Tatum (2021)

    Template editing in WordPress 5.8

    Over the last few years, WordPress has continued to improve the block editor in an effort to offer a full site editing solution.

    In WordPress 5.8, a new templates feature was introduced along with several site-wide blocks to help you easily create site-wide templates in WordPress.

    This version also introduced block-based widgets. Each widget-ready area in your WordPress theme now appeared as a tab in the block editor. Users were able to add widgets as blocks to their websites’ sidebars and widget-enabled areas.

    Block widgets

    These features laid the groundwork for future updates and prepared WordPress to use a block-based site editor.

    WordPress 5.9 – Josephine (2022)

    WordPress 5.9 arrived in January 2022, with the full site editor making its debut.

    Site Editor makes it debut appearance in WordPerss 5.9

    It replaced navigation menus, widgets, and theme customizer links from the admin sidebar with a link to the site editor.

    However, it was only visible to users with a block-based theme activated on their sites. The release came with Twenty Twenty-Two as the new default theme with full support for the site editor.

    The site editor used the block editor, so it provided the same user interface for editing websites that users were already using for writing content.

    Site editor interface

    WordPress 6.0 Arturo (2022)

    WordPress 6.0 was released in May 2022. It didn’t make any changes to the major components of the user interface, but it made significant upgrades to the site editor experience.

    This included adding support for editing more templates and adding more tools to different block settings.

    Edit more templates

    WordPress 6.1 – Misha (2022)

    WordPress 6.1 was released in November 2022 and continued with the improvements to the site editor, especially templates and template parts.

    This release didn’t make major changes to the core UI itself. However, it added several new tools and enhancements to the block editor. It also started to bring consistency to the block tools and settings.

    WordPress 6.1 block editor consistency

    WordPress 6.2 – Dolphy (2023)

    In the first half of 2023, WordPress remained focused on easier site editing and customization.

    With the release of WordPress 6.2, the new block-based site editor came out of beta. This allowed users to use the block editor to customize their WordPress themes and create layouts, templates, styles, and more.

    Style editing in WordPress 6.2

    WordPress 6.3 – Lionel (2023)

    In the second half of 2023, WordPress released 6.3 with significant updates to the site editor.

    It introduced a new navigation screen for the site editor, which provided easier access to templates, pages, patterns, styles, and navigation menus.

    WordPress 6.3 site editor navigation

    This version also introduced a ‘Command Palette’. Users can launch it with the Command+K or CTRL+K keys on their keyboards.

    The command tool also provided easier access to WordPress shortcuts and search for existing content, blocks, patterns, templates, and more.

    Command tool in WordPress 6.3

    In the upcoming releases, WordPress will be focusing on the site editor, real-time collaboration inside the WordPress editor, and multilingual capabilities.

    We hope this article helped you see the evolution of the WordPress user interface since its first release in 2003. You may also want to read the complete history of WordPress or take a look at the top WordPress companies and businesses that grew with 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.

    The post Evolution of WordPress User Interface (2003 – 2023) first appeared on WPBeginner.

  • What’s New in WordPress 6.3 (Features and Screenshots)

    WordPress 6.3 has been released as the second major WordPress release of 2023.

    This new WordPress version has several significant updates, new features, enhancements, and bug fixes that make WordPress even more powerful and useful.

    In this article, we’ll show what’s new in WordPress 6.3 and which features you should try after the update.

    What's New in WordPress 6.3

    Note: WordPress 6.3 is a major release, and unless you are on a managed WordPress hosting service, you’ll need to manually initiate the update. Follow our guide on how to safely update WordPress for instructions.

    Important: Don’t forget to create a complete WordPress backup before the update.

    That being said, here is a breakdown of what’s new in WordPress 6.3

    New Site Editor Navigation

    WordPress 6.3 introduces a more polished navigation experience for the site editor.

    The left column will now show Navigation, Styles, Pages, Templates, and Patterns. Users can easily locate the section they want to edit from here.

    Site Editor navigation in WordPress 6.3

    The new navigation interface includes a search button at the top. Clicking on it will bring the new command palette (more on this later).

    You’ll also notice that Template Parts are not among the main navigation items. That’s because they are moved under the Patterns.

    Improved Pattern Management

    WordPress 6.3 now includes an improved pattern management experience in the Site Editor. Starting with the Site Editor navigation, which now has Patterns as one of the main navigation items.

    Patterns in site editor

    Clicking on Patterns shows synced and unsynced patterns along with template parts.

    Reusable blocks are now called Synced Patterns. You can find your reusable blocks under the My Patterns tab. These can be used across your website, and changing them affects all places where the pattern is used.

    Unsynced patterns are those that can be used anywhere, and changing them doesn’t affect the original pattern.

    Pattern categories

    You can also click on the Add (+) button to create a new pattern or template part.

    At the bottom of the navigation column, you will find links to manage all your patterns and template parts.

    Manage template parts and patterns from site editor

    Edit Pages in The Site Editor

    A lot of folks coming from other web platforms may want to add or edit a page when editing their website.

    WordPress 6.3 makes creating and editing pages directly from the site editor easy.

    Edit pages in site editor

    Simply click on the Pages menu in the Editor navigation, and it will show you a list of your pages.

    You can click on a page to start editing it or click on the add (+) button to create a new page draft.

    Create or edit pages in the site editor

    Manage Navigation Menus in The Site Editor

    WordPress 6.3 also introduces a new way to manage navigation menus inside the Site Editor.

    Previously, users had to add a navigation block and then edit it. Now users can create, edit, and manage menus by clicking on the Navigation tab in the site editor.

    Editing WordPress navigation menus in Site Editor

    This will show you all the navigation menus you have created on your website.

    To edit a menu, click to open it in the site editor.

    Navigation menus list

    First, you will see the menu items as a list in the navigation column. If you just want to rearrange them, you can move the menu items up and down.

    To edit a menu, click the edit button or the editor canvas and start editing the menu in the site editor.

    Editing menus in the site editor

    Easily Switch Theme Styles in The Site Editor

    Earlier, theme styles were tucked away under the Styles panel inside the site editor. This made them a little less noticeable for beginners.

    Now users can see the styles in the site editor navigation itself. This way, they can start with the style they prefer and immediately start editing it to their liking.

    Browse and switch styles

    Preview Themes in The Site Editor

    Before, users were able to preview WordPress themes using Theme Customizer. This allowed users to preview a theme without activating it on their website.

    WordPress 6.3 will allow you to preview block themes inside the site editor. Go to the Appearance page in the admin area and click the Live Preview button below a block theme.

    Live preview block themes in site editor

    This will open the theme in the site editor with a live preview of how your content would appear in the new theme.

    You can also edit the theme, try different styles, use your own colors, and make any changes before actually choosing the theme. However, to save those changes, you’ll need to activate the theme.

    New theme preview in site editor

    Note: Classic themes without site editor support will still show the live preview using the old theme customizer.

    Style Revisions to Easily Undo Changes

    WordPress saves multiple revisions of your content while you work on it. This allows you to easily undo changes to your posts and pages.

    Similarly, WordPress 6.3 now allows you to see revisions for your styles and easily undo any changes.

    Simply select a style or block that you want to edit in the Styles panel. Click on the ‘Revisions’ button and then select ‘Revision history’.

    Style revisions in WordPress 6.3

    This will show you the changes you have made to that particular style or block. You can move between different revisions to see how an item looked at that time.

    To undo changes, simply click on the Apply button, and WordPress will restore that revision.

    Browse revisions

    Introducing the New Command Palette Tool

    Keyboard shortcuts help you become more productive by quickly doing things without taking your fingers away from the keyboard.

    WordPress comes with a bunch of keyboard shortcuts already, but with WordPress 6.3, it now has a command palette tool too.

    To give it a go, simply edit a WordPress post or page or open the site editor. Once you are in the editor, press the CTRL+K or Command+K keys on your keyboard.

    Command tool in site editor

    It will show a search popup where you can find keyboard shortcuts to toggle panels, create new posts or pages, navigate to the site editor, and more.

    The command palette tool also has an API that allows third-party developers to add their own commands to the tool.

    Two New Blocks in The Block Editor

    The block editor in WordPress 6.3 ships with two brand-new blocks that you can use.

    Footnotes Block

    Footnotes are the easiest way to provide references to resources at the bottom of your article. However, WordPress users had to create them manually or use separate plugins to add footnotes.

    Now, with WordPress 6.3, you can just use the Footnotes block. Simply select the ‘Footnote’ option using the three-dot menu in the toolbar.

    Adding footnotes in WordPress 6.3

    The Details Block

    Details block allows you to hide content requiring users to click on an item to reveal the hidden content.

    Simply add the Details block and provide the content you want users to see. Below that, you can provide content that will be revealed when users click on the visible content.

    Using Details block

    You can add any kind of block to be hidden, including paragraphs, images, media, blocks added by plugins, and more.

    You can also add multiple detail boxes together to create a FAQ section, trivia questions, info panels, and more.

    Preview Details block

    Better Padding and Margin Tools

    Previously, when users unlinked padding and margin tools, they took up a lot of space.

    The new padding and margin tools now take up much less space and are more user-friendly.

    Compact padding and margin controls

    Select Aspect Ratio for Your Images

    WordPress 6.3 allows users to select the aspect ratio to display an image. Instead of resizing and cropping an image, users can now choose an aspect ratio that looks good across devices.

    Image aspect ratio

    Improved Top Toolbar

    WordPress shows a toolbar over the block you are working on in the post editor.

    It also has the option to move the toolbar to the top for a cleaner editing experience.

    Enable top toolbar

    However, the top toolbar appeared just below the toolbar on the top.

    It took up more space and didn’t look great.

    WordPress 6.3 now includes an improved toolbar on the top panel for easier and quicker access.

    New top toolbar in WordPress 6.3

    Cover Block with Layout and Color Options

    The Cover block also has also received a facelift in WordPress 6.3.

    Just like the Group block, users can now choose the Layout for the Cover block.

    Cover layout

    It also includes more design options in the block settings panel.

    You can also use Duotone filters with a Cover block like the Image block.

    Cover block duotone and colors

    Link control is the tool used by the block editor to add links. WordPress 6.3 comes with improved Link control settings.

    For instance, you can now create a page directly from the link control popup.

    New link control

    WordPress 6.3 has also moved the toggle to open a link in a new tab or window.

    It is now located under the Advanced settings when adding a link.

    Open link in new tab

    Under The Hood Changes

    WordPress 6.3 also includes several changes intended for developers. Here are some of the most significant under-the-hood changes.

    • Image performance enhancements to improve page load speeds and resolve some of the common core web vital issues such as rendering of the LCP and prioritizing images in users’ viewport. (Details)
    • Improved emoji loader to reduce the time spent on loading the emoji script. (#58472)
    • Defer and async support added to the WP Scripts API. (#12009)
    • Fetch priority support was added for images. (#58235)
    • Skipping lazy loading for images outside the loop in classic themes. (#58211)
    • Attempt rollback for failed plugin and theme updates. (#51857)
    • Merge get_posts() and get_pages(). (#12821)

    We hope this article helped you discover what’s new in WordPress 6.3 and which new features to try out. We are particularly excited about all the changes to the site editor and performance improvements.

    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.

    The post What’s New in WordPress 6.3 (Features and Screenshots) first appeared on WPBeginner.