Table of Contents
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 default theme: Twenty Seventeens="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 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 Contentt: 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 Shortcutsnter 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 CSSter 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 Previewser 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 Language30px;">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.
More Theme API Goodies0px;">WordPress 4.7 includes new functions, hooks, and behavior for theme developers.
Settings Registration API0px;">register_setting() has been enhanced to include type, description, and REST API visibility.
Source: WordPress official blog