| 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 | | |
| 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> |
| | 64 | <img src="https://cldup.com/klO9vWGiT3.png" /> |
| | 65 | <h3><?php _e( 'Inline Linking' ); ?></h3> |
| | 66 | <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> |
| 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> |
| | 80 | <img src="https://cldup.com/0iRJNVbt4G.png" /> |
| | 81 | <h3><?php _e( 'Live Responsive Previews' ); ?></h3> |
| | 82 | <?php |
| | 83 | if ( current_user_can( 'customizer' ) ) { |
| | 84 | $customizer_link = '<a href="' . esc_url( admin_url( 'customize.php' ) ) . '" class="load-customize">customizer</a>'; |
| | 85 | } else { |
| | 86 | $customizer_link = 'customizer'; |
| | 87 | } |
| | 88 | ?> |
| | 89 | <p><?php printf( __( 'Make sure your site looks great on all screens! Preview mobile, tablet, and desktop views directly from the %s.' ), $customizer_link ); ?></p> |
| 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> |
| | 92 | <img src="https://cldup.com/HWDA8xR_8G.png" /> |
| | 93 | <h3><?php _e( 'Custom Logos' ); ?></h3> |
| | 94 | <p><?php _e( 'Themes can now support logos for your business or brand.' ); ?> |
| | 95 | <?php |
| | 96 | if ( current_theme_supports( 'custom-logo' ) && current_user_can( 'customizer' ) ) { |
| | 97 | printf( __( 'Your theme supports custom logos; try it out right now in the <a href="%s" class="load-customize">Site Identity</a> section of the customizer.' ), esc_url( admin_url( 'customize.php?autofocus[section]=title_tagline' ) ) ); |
| | 98 | } else { |
| | 99 | _e( 'The Twenty Fifteen and Twenty Sixteen themes have been updated to support custom logos, which can be found in the Site Identity section of the Customizer.' ); |
| | 100 | } |
| | 101 | ?></p> |
| 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> |
| 119 | | </div> |
| 120 | | </div> |
| 121 | | |
| 122 | | <hr /> |
| 123 | | |
| 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> |
| | 112 | <h4><?php _e( 'Smart Image Resizing' ); ?></h4> |
| | 113 | <p><?php printf( __( 'Generated images now load up to 50% faster with no noticeable quality loss. <a href="%s">It’s really cool</a>.' ), 'https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/' ); ?></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> |
| | 127 | <h4><?php _e( 'Script Loader Improvements' ); ?></h4> |
| | 128 | <p><?php printf( __( '<a href="%s">Inline JavaScript inclusion</a> with <code>wp_add_inline_script()</code> and better support for script header/footer dependencies.' ), 'https://make.wordpress.org/core/2016/03/08/enhanced-script-loader-in-wordpress-4-5/' ); ?></p> |
| 173 | | <div class="col"> |
| 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> |
| 183 | | </div> |