WordPress Release: 3.3.0

TL;DR

WordPress 3.3 "Sonny" introduces a refreshed user interface with a new toolbar, flyout menus, and improved workflow. This release focuses on making WordPress more accessible and user-friendly, especially for new users, while adding powerful features like drag-and-drop media uploader improvements and a new dashboard welcome panel. The update streamlines the admin experience with better navigation, improved help system, and enhanced responsiveness across devices.

Highlight of the Release

• New toolbar (formerly admin bar) with improved navigation and search
• Flyout menus for easier navigation in the admin area
• Enhanced drag-and-drop media uploader
• New welcome panel for dashboard with quick links and site overview
• Improved help system with contextual tabs
• Better support for tablets and mobile devices
• jQuery updated to version 1.7.1

Migration Guide

Toolbar API Changes

If you've built plugins that modify the admin bar (now called toolbar), you'll need to update your code:

• The $wp_admin_bar->menu property has been deprecated
• Use get_node(), remove_node(), and add_node() methods instead
• The recursive_render() method has been deprecated in favor of render() or _render_item()

Help API Changes

The contextual help system has been completely revamped:

• add_contextual_help() has been deprecated in favor of get_current_screen()->add_help_tab()
• If you've added custom help content, you'll need to update to the new API

Other Changes

• The current_screen filter has been changed to an action
• If your theme or plugin directly includes admin-header.php, be aware that set_current_screen() is now called again in admin-header.php

For most users, these changes will be transparent, but developers should review their code to ensure compatibility with the new APIs.

Upgrade Recommendations

Recommendation

This is a major feature release that brings significant improvements to the WordPress admin interface and user experience. All WordPress users are recommended to upgrade to version 3.3.

Before Upgrading

1. Backup your website: Always create a complete backup of your WordPress files and database before upgrading.
2. Check plugin compatibility: If you use custom plugins, verify they are compatible with WordPress 3.3.
3. Test on staging: If possible, test the upgrade on a staging environment before applying to your production site.

After Upgrading

1. Review the new interface: Take some time to explore the new toolbar and flyout menus.
2. Check your site functionality: Verify that all features of your site are working correctly.
3. Update plugins and themes: Make sure all plugins and themes are updated to their latest versions for best compatibility.

The upgrade process should be smooth for most users, with the most noticeable changes being the new toolbar and admin navigation system.

Bug Fixes

Admin Interface Fixes

• Fixed issues with RTL (Right-to-Left) language support throughout the admin interface
• Fixed duplicate HTML IDs in Press This
• Corrected border colors on the Menus screen
• Fixed the gap on folded admin menu items with submenu above a divider
• Restored the handle arrow in Post publish metabox
• Fixed Quickpress labels in Firefox

Twenty Eleven Theme Fixes

• Added custom shadows for comment avatars in the dark color scheme
• Prevented footer widgets from appearing on the 404 page
• Fixed navigation issues where #nav-single was blocking clicks
• Improved RTL CSS to better match LTR experience
• Standardized on "Leave a reply" text
• Fixed proper loop calling in all template files
• Added min-height to posts with status post format

Media and Upload Fixes

• Fixed return value in Plupload when using the HTML4 runtime
• Fixed "Insert into post" button visibility in the media library
• Improved progress bar precision and display

Accessibility and UI Fixes

• Centered admin menu image icons
• Removed repetitive titles on Credits and Freedoms pages
• Fixed login button height in Chrome/IE
• Improved admin bar submenu shadows

New Features

New Toolbar

The admin bar has been redesigned as a toolbar with improved navigation, search functionality, and better accessibility. It features flyout menus that provide quick access to common tasks and areas of your site.

Flyout Menus

The admin navigation now includes flyout menus that make it easier to access submenus without leaving your current page. This improves workflow and reduces the number of clicks needed to navigate the admin area.

Welcome Panel

A new welcome panel has been added to the dashboard, providing an overview of your site and quick links to common tasks. This is especially helpful for new users getting started with WordPress.

Improved Media Uploader

The media uploader has been enhanced with better drag-and-drop functionality, more precise progress bars, and improved user experience when uploading multiple files.

Enhanced Help System

The help system has been completely revamped with contextual tabs that provide more relevant information based on the current screen. This makes it easier to find help when you need it.

About, Credits, and Freedoms Pages

New informational pages have been added to help users learn more about WordPress, its contributors, and the freedoms that come with using WordPress.

Security Updates

No specific security fixes were mentioned in the commit messages for this release. However, as with all WordPress updates, it's recommended to upgrade to ensure you have the latest security improvements.

Performance Improvements

Admin Navigation

• Flyout menus reduce page reloads and improve navigation speed
• Better handling of submenus that are too long to fit on screen

Media Uploader

• More responsive upload process with immediate progress bar display
• Improved precision in upload progress indicators

jQuery Update

• Updated to jQuery 1.7.1, providing performance improvements and better browser compatibility

General Improvements

• Reduced number of clicks needed to perform common tasks
• Improved responsiveness for tablet and mobile devices
• Better handling of admin bar rendering for improved performance

Impact Summary

WordPress 3.3 "Sonny" represents a significant evolution in the WordPress admin interface, focusing on improving usability and workflow efficiency. The new toolbar and flyout menus create a more intuitive navigation experience, reducing the learning curve for new users while making common tasks more accessible for experienced users.

The enhanced media uploader with drag-and-drop functionality streamlines content creation, while the new welcome panel provides better onboarding for new users. The completely revamped help system with contextual tabs makes it easier to find relevant information when needed.

For developers, the update includes important API changes to the admin bar (now toolbar) and help system, along with an update to jQuery 1.7.1. These changes provide a more robust foundation for plugin and theme development.

The improvements to tablet and mobile device support reflect WordPress's commitment to responsive design and accessibility across different devices. Overall, WordPress 3.3 delivers a more polished, efficient, and user-friendly experience while maintaining the flexibility and power that users expect from WordPress.