New features in WordPress 4.7 “Vaughan”

December 7, 2016

Version 4.7 of WordPress, named “Vaughan” in honor of legendary jazz vocalist Sarah “Sassy” Vaughan, is the last major release of the year 2016 and is available for download or update in your WordPress dashboard right now. In this article, I’ll show you the list of new features in 4.7 which you should try to get your site set up the way you want it.

Note: please remember to backup your site before starting the update.

 

New defau

New default theme: Twenty Seventeen

s="aligncenter wp-image-457" src="https://thinhknowscode.com/wp-content/uploads/2016/12/wp17-1.jpg" alt="Wordpress 4.7" width="600" height="390" srcset="https://thinhknowscode.com/wp-content/uploads/2016/12/wp17-1.jpg 1171w, https://thinhknowscode.com/wp-content/uploads/2016/12/wp17-1-180x117.jpg 180w, https://thinhknowscode.com/wp-content/uploads/2016/12/wp17-1-768x499.jpg 768w, https://thinhknowscode.com/wp-content/uploads/2016/12/wp17-1-80x52.jpg 80w" sizes="(max-width: 600px) 100vw, 600px" />

Twenty Seventeen focuses on business sites and features a customizable front page with multiple sections. It also includes  immersive featured images and video headers, and graceful mobile-first design. This theme works great in many languages, on any device, and for a wide range of users.

 

Video Heade

Video Header

"aligncenter wp-image-456" src="https://thinhknowscode.com/wp-content/uploads/2016/12/video-header-1.jpg" alt="Wordpress Video Header" width="600" height="256" srcset="https://thinhknowscode.com/wp-content/uploads/2016/12/video-header-1.jpg 1898w, https://thinhknowscode.com/wp-content/uploads/2016/12/video-header-1-180x77.jpg 180w, https://thinhknowscode.com/wp-content/uploads/2016/12/video-header-1-768x328.jpg 768w, https://thinhknowscode.com/wp-content/uploads/2016/12/video-header-1-80x34.jpg 80w" sizes="(max-width: 600px) 100vw, 600px" />

WordPress 4.7 extends the Custom Header feature to introduce support for video. Video headers are considered decorative elements — like header images, but with motion. With that in mind, they play automatically, loop by default, and don’t have sound. They work best when paired with an image, so they can progressively enhance the experience when video is supported.

Users can use their own video (in mp4 format) or add a YouTube URL.

 

Theme Starter Cont

Theme Starter Content

t: 30px;">Themes now can provide starter content on a brand new site, in order to help users set up their sites quickly. Users need to go to the Theme Customizer and the starter content will be displayed. But please keep in mind that nothing will be saved until you click on the Save button.

 

Edit Shortcuts

Edit Shortcuts

nter wp-image-458" src="https://thinhknowscode.com/wp-content/uploads/2016/12/shortcuts-1.jpg" alt="Customizer shortcuts - WordPress 4.7" width="600" height="194" srcset="https://thinhknowscode.com/wp-content/uploads/2016/12/shortcuts-1.jpg 1000w, https://thinhknowscode.com/wp-content/uploads/2016/12/shortcuts-1-180x58.jpg 180w, https://thinhknowscode.com/wp-content/uploads/2016/12/shortcuts-1-768x248.jpg 768w, https://thinhknowscode.com/wp-content/uploads/2016/12/shortcuts-1-80x26.jpg 80w" sizes="(max-width: 600px) 100vw, 600px" />

Visible icons appear in Theme Customizer preview to show you which parts of your site can be customized.  It is really helpful for new users, who can now just click on a shortcut and get straight to editing.

Note: this is a new featured in WordPress 4.7, so it may not available in your current theme.

Custom CSS

<

Custom CSS

ter wp-image-460" src="https://thinhknowscode.com/wp-content/uploads/2016/12/custom-css-1.jpg" alt="Custom CSS - WordPress 4.7" width="600" height="464" srcset="https://thinhknowscode.com/wp-content/uploads/2016/12/custom-css-1.jpg 959w, https://thinhknowscode.com/wp-content/uploads/2016/12/custom-css-1-180x139.jpg 180w, https://thinhknowscode.com/wp-content/uploads/2016/12/custom-css-1-768x594.jpg 768w, https://thinhknowscode.com/wp-content/uploads/2016/12/custom-css-1-80x62.jpg 80w" sizes="(max-width: 600px) 100vw, 600px" />

WordPress 4.7 allows you to add custom CSS in Theme Customizer  and instantly see how your changes affect your site, without page refreshes.

 

PDF Thumbnail Preview

PDF Thumbnail Previews

er wp-image-463" src="https://thinhknowscode.com/wp-content/uploads/2016/12/pdf-preview.jpg" alt="PDF Previes - WordPress 4.7" width="600" height="316" srcset="https://thinhknowscode.com/wp-content/uploads/2016/12/pdf-preview.jpg 760w, https://thinhknowscode.com/wp-content/uploads/2016/12/pdf-preview-180x95.jpg 180w, https://thinhknowscode.com/wp-content/uploads/2016/12/pdf-preview-80x42.jpg 80w" sizes="(max-width: 600px) 100vw, 600px" />

Uploading PDFs will generate thumbnail images (for the first page of PDF document), in different sizes base on your current theme.

 

Admin Language

<

Admin Language

30px;">Users now can change their WordPress admin language from their user profile.

Note: You will still need to install the languages before users can switch them.

 

For developers

Post Type Templates

0px;">By opening up the page template functionality to all post types, theme developers have even more flexibility with the WordPress template hierarchy.

More Theme API Goodies

0px;">WordPress 4.7 includes new functions, hooks, and behavior for theme developers.

Custom Bulk Actions

0px;">List tables, now with more than bulk edit and delete.

WP_Hook

0px;">The code that lies beneath actions and filters has been overhauled and modernized, fixing bugs along the way.

Settings Registration API

0px;">register_setting() has been enhanced to include type, description, and REST API visibility.

Customize Changesets

0px;">Customize changesets make changes in the customizer persistent, like autosave drafts. They also make exciting new features like starter content possible.

Source: WordPress official blog

Be the first to comment

Leave a Reply

Your email address will not be published.