| 58 | | <div class="headline-feature feature-section one-col"> |
| 59 | | <h2><?php _e( 'Twenty Sixteen' ); ?></h2> |
| 60 | | <div class="media-container"> |
| 61 | | <img src="https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-2x.png 536w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-1x.png 840w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-1x.png 1086w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-2x.png 1680w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png 2172w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .8), (max-width: 1290px) calc((100vw - 240px) * .8), 840px" /> |
| 62 | | </div> |
| 63 | | <div class="two-col"> |
| 64 | | <div class="col"> |
| 65 | | <h3><?php _e( 'Introducing Twenty Sixteen' ); ?></h3> |
| 66 | | <p><?php _e( 'Our newest default theme, Twenty Sixteen, is a modern take on a classic blog design.' ); ?></p> |
| 67 | | <p><?php _e( 'Twenty Sixteen was built to look great on any device. A fluid grid design, flexible header, fun color schemes, and more, will make your content shine.' ); ?></p> |
| 68 | | <div class="horizontal-image"> |
| 69 | | <div class="content"> |
| 70 | | <img class="feature-image horizontal-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-2x.png 535w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-1x.png 783w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png 1566w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .5216), (max-width: 1290px) calc((100vw - 240px) * .5216), 548px" /> |
| 71 | | </div> |
| 72 | | </div> |
| 73 | | </div> |
| 74 | | <div class="col feature-image"> |
| 75 | | <img class="vertical-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-1x.png 107w, https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-2x.png 214w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-1x.png 252w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-1x.png 410w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-2x.png 504w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png 820w" sizes="(max-width: 500px) calc((100vw - 40px) * .32), (max-width: 782px) calc((100vw - 70px) * .32), (max-width: 960px) calc((100vw - 116px) * .24), (max-width: 1290px) calc((100vw - 240px) * .24), 252px" /> |
| 76 | | </div> |
| 77 | | </div> |
| 78 | | </div> |
| 79 | | |
| 80 | | <hr /> |
| 81 | | |
| 83 | | <div class="col"> |
| 84 | | <div class="media-container"> |
| 85 | | <img src="https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/responsive-devices-smartphone-1x.png 335w, https://s.w.org/images/core/4.4/responsive-devices-desktop-1x.png 500w, https://s.w.org/images/core/4.4/responsive-devices-smartphone-2x.png 670w, https://s.w.org/images/core/4.4/responsive-devices-tablet-1x.png 698w, https://s.w.org/images/core/4.4/responsive-devices-desktop-2x.png 1000w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-1x.png 1200w, https://s.w.org/images/core/4.4/responsive-devices-tablet-2x.png 1396w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png 2400w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 782px) calc(100vw - 70px), (max-width: 960px) calc((100vw - 116px) * .476), (max-width: 1290px) calc((100vw - 240px) * .476), 500px" /> |
| 86 | | </div> |
| | 58 | <h2 style="margin: 1.5em 0 1em;font-size: 1.8em;font-weight: 300;line-height: 1.3;text-align: center;"><?php _e( 'Editing Improvements' ); ?></h2> |
| | 59 | <div class="col" style="margin-top:1em;"> |
| | 60 | <div style="width:100%;height:300px;margin-bottom:1.5em;"><img src="https://cldup.com/klO9vWGiT3.png" /></div> |
| | 61 | <h3><?php _e( 'Inline Linking' ); ?></h3> |
| | 62 | <p><?php _e( 'Stay focused on your writing with a less distracting interface that keeps you in place and allows you to easily link to your content.' ); ?></p> |
| 88 | | <div class="col"> |
| 89 | | <h3><?php _e( 'Responsive images' ); ?></h3> |
| 90 | | <p><?php _e( 'WordPress now takes a smarter approach to displaying appropriate image sizes on any device, ensuring a perfect fit every time. You don’t need to do anything to your theme, it just works.' ); ?></p> |
| | 64 | <div class="col" style="margin-top:1em;"> |
| | 65 | <div style=";margin-bottom:1.5em;"><img src="https://cldup.com/Zj3Sr7wekW.png" height="300" style="vertical-align: baseline;height:300px!important;" /></div> |
| | 66 | <h3><?php _e( 'Formatting Shortcuts' ); ?></h3> |
| | 67 | <p><?php _e( 'Do you enjoy using formatting shortcuts for lists and headings? Now they’re even more useful, with horizontal lines and <code><code></code>.' ); ?></p> |
| 97 | | <div class="col"> |
| 98 | | <div class="embed-container"> |
| 99 | | <blockquote data-secret="OcUe7B6Edh" class="wp-embedded-content"><a href="https://wordpress.org/news/2015/12/clifford/">WordPress 4.4 “Clifford”</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="display:none;" src="https://wordpress.org/news/2015/12/clifford/embed/#?secret=OcUe7B6Edh" data-secret="OcUe7B6Edh" width="600" height="338" title="<?php esc_attr_e( 'Embedded WordPress Post' ); ?>" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> |
| 100 | | </div> |
| | 74 | <h2 style="margin: 1.5em 0;font-size: 1.8em;font-weight: 300;line-height: 1.3;text-align: center;"><?php _e( 'Customization Improvements' ); ?></h2> |
| | 75 | <div class="col" style="margin-top:1em;"> |
| | 76 | <div style=";margin-bottom:1.5em;"><img src="https://cldup.com/0iRJNVbt4G.png" height="300" style="vertical-align: baseline;height:300px!important;" /></div> |
| | 77 | <h3><?php _e( 'Live Responsive Previews' ); ?></h3> |
| | 78 | <p><?php _e( 'Make sure your site looks great on all screens! Preview mobile, tablet, and desktop views directly from the customizer.' ); ?></p> |
| 102 | | <div class="col"> |
| 103 | | <h3><?php _e( 'Embed your WordPress content' ); ?></h3> |
| 104 | | <p><?php _e( 'Now you can embed your posts on other sites, even other WordPress sites. Simply drop a post URL into the editor and see an instant embed preview, complete with the title, excerpt, and featured image if you’ve set one. We’ll even include your site icon and links for comments and sharing.' ); ?></p> |
| 105 | | </div> |
| 106 | | </div> |
| 107 | | |
| 108 | | <hr /> |
| 109 | | |
| 110 | | <div class="feature-section two-col"> |
| 111 | | <div class="col"> |
| 112 | | <div class="embed-container embed-reverbnation"> |
| 113 | | <iframe width="640" height="150" scrolling="no" frameborder="no" src="https://www.reverbnation.com/widget_code/html_widget/artist_607?widget_id=55&pwc[song_ids]=3731874&pwc[size]=small"></iframe> |
| 114 | | </div> |
| 115 | | </div> |
| 116 | | <div class="col"> |
| 117 | | <h3><?php _e( 'Even more embed providers' ); ?></h3> |
| 118 | | <p><?php _e( 'In addition to post embeds, WordPress 4.4 also adds support for five new oEmbed providers: Cloudup, Reddit Comments, ReverbNation, Speaker Deck, and VideoPress.' ); ?></p> |
| | 80 | <div class="col" style="margin-top:1em;"> |
| | 81 | <div style=";margin-bottom:1.5em;"><img src="https://cldup.com/HWDA8xR_8G.png" height="300" style="vertical-align: baseline;height:300px!important;" /></div> |
| | 82 | <h3><?php _e( 'Custom Logos' ); ?></h3> |
| | 83 | <p><?php _e( 'Themes can now support logos for your business or brand. If you’re using Twenty Sixteen or Twenty Fifteen, you can check it out right now in the identity section of the customizer.' ); ?></p> |
| 129 | | <h4><?php _e( 'REST API infrastructure' ); ?></h4> |
| 130 | | <div class="two-col-text"> |
| 131 | | <p><?php _e( 'Infrastructure for the REST API has been integrated into core, marking a new era in developing with WordPress. The REST API serves to provide developers with a path forward for building and extending RESTful APIs on top of WordPress.' ); ?></p> |
| 132 | | <p><?php |
| 133 | | if ( current_user_can( 'install_plugins' ) ) { |
| 134 | | $url_args = array( |
| 135 | | 'tab' => 'plugin-information', |
| 136 | | 'plugin' => 'rest-api', |
| 137 | | 'TB_iframe' => true, |
| 138 | | 'width' => 600, |
| 139 | | 'height' => 550 |
| 140 | | ); |
| 141 | | |
| 142 | | $plugin_link = '<a href="' . esc_url( add_query_arg( $url_args, network_admin_url( 'plugin-install.php' ) ) ) . '" class="thickbox open-plugin-details-modal">WordPress REST API</a>'; |
| 143 | | } else { |
| 144 | | $plugin_link = '<a href="https://wordpress.org/plugins/rest-api">WordPress REST API</a>'; |
| 145 | | } |
| 146 | | |
| 147 | | /* translators: WordPress REST API plugin link */ |
| 148 | | printf( __( 'Infrastructure is the first part of a multi-stage rollout for the REST API. Inclusion of core endpoints is targeted for an upcoming release. To get a sneak peek of the core endpoints, and for more information on extending the REST API, check out the official %s plugin.' ), $plugin_link ); |
| 149 | | ?></p> |
| 150 | | </div> |
| | 94 | <h4><?php _e( 'Smart Image Resizing' ); ?></h4> |
| | 95 | <p>Generated images now load up to 50% faster with no noticeable quality loss. <a href="https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/">It’s really cool</a>.</p> |
| | 96 | </div> |
| | 97 | <div class="col"> |
| | 98 | <h4><?php _e( 'Selective Refresh' ); ?></h4> |
| | 99 | <p>A <a href="https://make.wordpress.org/core/2016/02/16/selective-refresh-in-the-customizer/">comprehensive framework</a> for rendering parts of the customizer preview in real time.</p> |
| 156 | | <h4><?php _e( 'Term meta' ); ?></h4> |
| 157 | | <p><?php |
| 158 | | /* translators: 1: add_term_meta() docs link, 2: get_term_meta() docs link, 3: update_term_meta() docs link */ |
| 159 | | printf( __( 'Terms now support metadata, just like posts. See %1$s, %2$s, and %3$s for more information.' ), |
| 160 | | '<a href="https://developer.wordpress.org/reference/functions/add_term_meta"><code>add_term_meta()</code></a>', |
| 161 | | '<a href="https://developer.wordpress.org/reference/functions/get_term_meta"><code>get_term_meta()</code></a>', |
| 162 | | '<a href="https://developer.wordpress.org/reference/functions/update_term_meta"><code>update_term_meta()</code></a>' |
| 163 | | ); |
| 164 | | ?></p> |
| | 102 | <h4><?php _e( 'JavaScript Library Updates' ); ?></h4> |
| | 103 | <p>Backbone and Underscore updated to <a href="https://make.wordpress.org/core/2016/02/17/backbone-and-underscore-updated-to-latest-versions/">latest versions</a>.</p> |
| 174 | | <h4><?php _e( 'Term, comment, and network objects' ); ?></h4> |
| 175 | | <p><?php |
| 176 | | /* translators: 1: WP_Term class name, WP_Comment class name, WP_Network class name */ |
| 177 | | printf( __( 'New %1$s, %2$s, and %3$s objects make interacting with terms, comments, and networks more predictable and intuitive in code.' ), |
| 178 | | '<code>WP_Term</code>', |
| 179 | | '<code>WP_Comment</code>', |
| 180 | | '<code>WP_Network</code>' |
| 181 | | ); |
| 182 | | ?></p> |
| | 113 | <h4><?php _e( 'Better Embed Templates' ); ?></h4> |
| | 114 | <p>Embed templates have been split into parts and can be directly overridden by themes via the template hierarchy.</p> |