WordPress 4.4: 10 Coolest New Features You Should Know

WordPress 4.4 has just been released today and we played around with this latest new offering to see what new shiny features we could find. This new version is shipped with quite a few improvements that are set to make WordPress developers go crazy. It may even eventually shape the future of WordPress in the JavaScript-centric era.

In this post we will be looking at 10 new WordPress 4.4 features you should be checking out.

1. Embed Posts Anywhere

For years, you can embed content on your website, like a YouTube video or a tweet via the use of a feature called oEmbed. Well, the good news is WordPress has adopted this feature in 4.4 and you can now easily embed content anywhere on your site just by grabbing the URL of a post and pasting it into the content editor. A preview of the post that you embed will appear on your page, something like this:

embed wordpress post

If for some reason, you feel that you don’t want to use this feature, then you can disable it by installing the disable embeds plugin.

2. Work With Responsive images

As devices and their screens grow larger, designers must work with larger images as well. The bad news is that this contributes to slower page loading times. So it’s probably good timing that WordPress now supports responsive images on your theme.

responsive images
Test image using Responsive Web Design Testing Tool

In this update WordPress has added two more atributes to your images on top of class attributes for alignment (left, center or right): srcset and sizes. These attributes allow the images on post thumbnails, photo galleries and other images to be delivered in the proper size based on the viewport.

Thus, on every image you will see the output source code like so:

<img class="alignnone size-full wp-image-15 below-entry-meta" src="http://yoursite.com/wp-content/uploads/2015/11/horse.png" alt="horse" srcset="http://yoursite.com/wp-content/uploads/2015/11/horse-300x217.png 300w, http://yoursite.com/wp-content/uploads/2015/11/horse-768x556.png 768w, http://yoursite.com/wp-content/uploads/2015/11/horse.png 868w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840" height="628" width="868">

3. New Theme: Twenty Sixteen

Twenty Sixteen is a brand new default theme for WordPress 4.4. It is designed to take on the traditional blogging format.

tweenty sixteen

Twenty Sixteen works perfecty for blogs or websites, featuring optional sidebars, custom color options with beautiful default color schemes, harmonious fluid grid, overflow displaying large images, ability to add intro to post using custom excerpt, and other polished features.

4. Introduction to the REST API

WordPress 4.4 brings the REST API infrastructure into the Core. This API handles the routing, argument handling, JSON serialisation, status codes, as well as functions to create custom REST API endpoints. This is fantastic news for developers. With this infrastrucure developers are finally able to build their own APIs for their themes, plugins, even mobile or desktop apps.

Head over to this page, Adding Custom Endpoints, to learn how to register a custom API endpoint.

5. Custom Term Taxonomy Meta

In previous versions of WordPress we can add custom field to the post and pages through the term meta. Now WordPress has added this feature to taxonomy objects.

For example on the Category taxonomy we might want to add a custom field, namely category image to feature the post’s featured image on each category. In this version we can do this by making use of the following functions: add_term_meta(), update_term_meta(), delete_term_meta(), and get_term_meta().

6. Single Post Template File

In this version, WordPress included a new template file on theme hierarchy to be used as a single post or custom post type. This feature is useful when you are targeting a specific post, to give ‘special’ styles to that page so it will look different from other pages. You will have a template file with a name like below:


For example, here I have a custom post type named book that I want to spruce up for a “bestseller book” post. So I creat single-book-bestseller.php then tweak the style to be applied to this page only. Lastly, I change the post slug to yoursite.com/book/bestseller to apply the special page.

single post
LEFT: Standard book post, RIGHT: Best seller book post

7. Improved Comments

WordPress has made rearrangements on the comment form, where the comment field is displayed first, then the name and email fields below. This improvement was the answer to the issue that the comment behaviour is different for logged in and logged out user.

On the backend, the comment now is represented by the WP_Comment object. This enables you to output comments in a more object-oriented (OOP) way with more powerful comment queries.

wordpress comment

8. Heading Hierarchy

WordPress is improving heading hierarchy on the dashboard screen with the aim to assist users with assistive technologies such as screen readers. This is important because the assistive technologies use these headings to find information and the keyboard to navigate to relevant content.

Suppose they use the 1 key to jump to the first h1 then press 2 to jump to h2. With the correct heading hierarchy there will be no heading levels missed.

With this revamp, a page such as wp-admin/edit.php will now have Posts as h1 , and “Filter posts list” and “Posts list” as h2, which are visually hidden with the .screen-reader-text CSS class.

heading hierarchy

When the screen reader is activated, then the hidden h2 will be read.

9. Multisite: Adding WP_Network

WordPress introduced a new object WP_Network to make it easy to interact in a multisite network. This class is used during loading to populate the $current_site global variable and setup the current network .

There are other new functions coming to version 4.4 to populate network options; they are add_network_option(),update_network_option(), get_network_option(), and delete_network_option().

10. Faster Customizer Load Time

In WordPress 4.4 there are improvements that load customizer options way faster. Some of these improvements include reducing the Customizer’s peak memory usage and deferring the embedding of the Customizer widget controls until the widget area is expanded and widget controls actually shown to the user. This delivers a loading time that is 10 times faster. Another improvement in JavaScript inline docs to helps developers know how it works.

customizer widget