Ticket #34663: 34663.3.diff
| File 34663.3.diff, 15.5 KB (added by , 9 years ago) |
|---|
-
src/wp-admin/about.php
16 16 'pauseOtherPlayers' => '' 17 17 ) ); 18 18 19 wp_oembed_add_host_js(); 20 19 21 $title = __( 'About' ); 20 22 21 23 list( $display_version ) = explode( '-', $wp_version ); … … 22 24 23 25 include( ABSPATH . 'wp-admin/admin-header.php' ); 24 26 25 $video_url = 'https://videopress.com/embed/T54Iy7Tw'; 26 $locale = str_replace( '_', '-', get_locale() ); 27 if ( 'en-AU' !== $locale ) { 28 list( $locale ) = explode( '-', $locale ); 29 } 30 if ( 'en' !== $locale ) { 31 $video_url = add_query_arg( 'defaultLangCode', $locale, $video_url ); 32 } 33 34 $major_features = array( 27 $tech_features = array( 35 28 array( 36 ' src' => array(37 'mp4' => '//s.w.org/images/core/4.3/formatting.mp4',38 'ogv' => '//s.w.org/images/core/4.3/formatting.ogv',39 'webm' => '//s.w.org/images/core/4.3/formatting.webm',29 'heading' => ( 'REST API Infrastructure' ), 30 'description' => array( 31 ( 'WordPress 4.4 marks the beginning of an API revolution with the integration of the REST API infrastructure. The REST API gives developers a robust path forward for building and extending RESTful APIs on top of WordPress.' ), 32 ( 'The infrastructure is the first of a multi-staged rollout for the REST API project, which targets inclusion of core endpoints in the upcoming WordPress 4.5 release. To get a sneak peek of the core endpoints, and for more information on extending the REST API, check out the official <a href=”https://wordpress.org/plugins/rest-api/”>WordPress REST API</a> plugin.' ) 40 33 ), 41 'heading' => __( 'Formatting Shortcuts' ),42 /* Translators: 1: asterisks; 2: number sign; */43 'description' => sprintf( __( 'Your writing flow just got faster with new formatting shortcuts in WordPress 4.3. Use asterisks to create lists and number signs to make a heading. No more breaking your flow; your text looks great with a %1$s and a %2$s.' ), '<code>*</code>', '<code>#</code>' ),44 34 ), 45 35 array( 46 'src' => '//s.w.org/images/core/4.3/menu-customizer.png', 47 'heading' => __( 'Menus in the Customizer' ), 48 'description' => __( 'Create your menu, update it, and assign it, all while live-previewing in the customizer. The streamlined customizer design provides a mobile-friendly and accessible interface. With every release, it becomes easier and faster to make your site just the way you want it.' ), 36 'heading' => ( 'Term meta' ), 37 /* translators: 1: add_term_meta() docs link, 2: get_term_meta() docs link, 3: update_term_meta() docs link */ 38 'description' => sprintf( ( 'Terms now now support metadata, just like posts. See %1$s, %2$s, and %3$s for more information.' ), 39 '<a href=”https://developer.wordpress.org/reference/functions/add_term_meta”><code>add_term_meta()</code></a>', 40 '<a href=”https://developer.wordpress.org/reference/functions/get_term_meta”><code>get_term_meta()</code></a>', 41 '<a href=”https://developer.wordpress.org/reference/functions/update_term_meta”><code>update_term_meta()</code></a>' 42 ), 49 43 ), 50 44 array( 51 ' src' => '//s.w.org/images/core/4.3/better-passwords.png',52 'heading' => __( 'Better Passwords' ),53 'description' => __( 'Keep your site more secure with WordPress’ improved approach to passwords. Instead of receiving passwords via email, you’ll get a password reset link. When you add new users to your site or edit a user profile, WordPress will automatically generate a secure password.' ),45 'heading' => ( 'Comment query improvements' ), 46 /* translators: WP_Comment_Query class name */ 47 'description' => sprintf( ( 'Comment queries now have improved cache handling and performance. Multiple new arguments in %s making crafting robust comment queries simpler.' ), '<code>WP_Comment_Query</code>' ), 54 48 ), 55 49 array( 56 'src' => '//s.w.org/images/core/4.3/site-icon-customizer.png', 57 'heading' => __( 'Site Icons' ), 58 'description' => __( 'Site icons represent your site in browser tabs, bookmark menus, and on the home screen of mobile devices. Add your unique site icon in the customizer; it will even stay in place when you switch themes. Make your whole site reflect your brand.' ), 50 'heading' => ( 'Term, Comment, and Network objects' ), 51 /* translators: 1: WP_Term class name, WP_Comment class name, WP_Network class name */ 52 'description' => sprintf( ( 'New %1$s, %2$s, and %3$s objects make interacting with terms, comments, and networks more predictable and intuitive.' ), 53 '<code>WP_Term</code>', 54 '<code>WP_Comment</code>', 55 '<code>WP_Network</code>' 56 ), 59 57 ), 60 58 ); 61 shuffle( $major_features );62 59 63 $minor_features = array(64 array(65 'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48cGF0aCBmaWxsPSIjMDBhMGQyIiBkPSJNNTAgMjE1aDI0MHYzMEg1MHpNNTAgMjc1aDI0MHYzMEg1MHpNNTAgMTU1aDI0MHYzMEg1MHpNNTAgOTVoMjQwdjMwSDUwek0zMTAuMSA5NWwxOS45IDMwIDIwLjEtMzAiLz48L3N2Zz4=',66 'heading' => __( 'A smoother admin experience' ),67 'description' => __( 'Refinements to the list view across the admin make your WordPress more accessible and easier to work with on any device.' ),68 ),69 array(70 'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTUgMmgxMHEuODIgMCAxLjQxLjU5VDE3IDR2OHEwIC44Mi0uNTkgMS40MVQxNSAxNGgtMmwtNSA1di01SDVxLS44MiAwLTEuNDEtLjU5VDMgMTJWNHEwLS44Mi41OS0xLjQxVDUgMnptOC41IDguNUwxMSA4bDIuNS0yLjUtMS0xTDEwIDcgNy41IDQuNWwtMSAxTDkgOGwtMi41IDIuNSAxIDFMMTAgOWwyLjUgMi41eiIvPjwvc3ZnPg==',71 'heading' => __( 'Comments turned off on pages' ),72 'description' => __( 'All new pages that you create will have comments turned off. Keep discussions to your blog, right where they’re supposed to happen.' ),73 ),74 array(75 'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTI5LjMyOCA1LjcxMnEuMDQ4LS4xNDQuMDk2LS4zODR0LS4wNjQtLjgxNi0uNTI4LS45NzZxLS4zODQtLjM2OC0uODcyLS40NjR0LS43OTIgMGwtLjI4OC4wOHEtMS40NTYuNzItNS44OCAzLjczNnQtNi4zOTIgNS4xNzZxLS43MzYuODMyLTEuNDA4IDIuMzJ0LS44OCAzIC41NDQgMi4zOTJxLjgzMi43MzYgMi4zNDQuNTc2dDMuMDcyLS44MjQgMi4yNDgtMS4zNTJxMi4xNDQtMi4xNDQgNS4xNjgtNi42NTZ0My42MzItNS44MDh6TTIuMjQgMjguMjRxMS4wNTYtLjY4OCAxLjcxMi0xLjUyOHQuOTUyLTEuNjE2LjU0NC0xLjUyLjcyLTEuNDggMS4yNC0xLjI4cTEuMDg4LS44IDIuNTA0LS43MDR0Mi40MjQgMS4xNjhxLjgxNi44OC44MjQgMi42NHQtMS4wOCAyLjg5NnEtMS4yMTYgMS4xMi0yLjkwNCAxLjYyNHQtMy40MjQuNDI0LTMuNTEyLS42MjR6Ii8+PC9zdmc+',76 'heading' => __( 'Customize your site quickly' ),77 'description' => __( 'Wherever you are on the front-end, you can click the customize link in the toolbar to swiftly make changes to your site.' ),78 ),79 );80 81 $tech_features = array(82 array(83 'heading' => __( 'Taxonomy Roadmap' ),84 'description' => __( 'Terms shared across multiple taxonomies are now split into separate terms.' ),85 ),86 array(87 'heading' => __( 'Template Hierarchy' ),88 /* Translators: 1: singular.php; 2: single.php; 3:page.php */89 'description' => sprintf( __( 'Added %1$s as a fallback for %2$s and %3$s' ), '<code>singular.php</code>', '<code>single.php</code>', '<code>page.php</code>' ),90 ),91 array(92 'heading' => '<code>WP_List_Table</code>',93 'description' => __( 'List tables can and should designate a primary column.' ),94 ),95 );96 97 60 ?> 98 61 <div class="wrap about-wrap"> 99 62 <h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1> … … 107 70 <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a> 108 71 </h2> 109 72 110 <div class="headline-feature feature-video"> 111 <iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe> 112 <script src="https://videopress.com/videopress-iframe.js"></script> 73 <div class="headline-feature feature-section one-col"> 74 <h2><?php echo ( 'Twenty Sixteen' ); ?></h2> 75 <div class="media-container"> 76 <img src="https://cldup.com/K6k4JfS2nW.png" alt="" /> 77 </div> 78 <div class="two-col"> 79 <div class="col"> 80 <h3><?php echo ( 'Introducing Twenty Sixteen' ); ?></h3> 81 <p><?php echo ( 'Our newest default theme, Twenty Sixteen, is a fresh take on the traditional blogging format.' ); ?></p> 82 <p><?php echo ( 'The theme continues a tradition of taking a mobile-first approach to design. And a harmonious fluid grid, fun color schemes, optional sidebar, and more make this a great addition to the default theme family.' ); ?></p> 83 <div class="horizontal-image"> 84 <div class="content"> 85 <img class="feature-image horizontal-screen" src="https://cldup.com/J-zxmMqkXs.png" alt="" /> 86 </div> 87 </div> 88 </div> 89 <div class="col feature-image"> 90 <img class="vertical-screen" src="https://cldup.com/M8i_6X5LUL.png" alt="" /> 91 </div> 92 </div> 113 93 </div> 114 94 115 <hr />95 <hr /> 116 96 117 97 <div class="feature-section two-col"> 118 <?php foreach ( $major_features as $feature ) : ?>119 98 <div class="col"> 120 99 <div class="media-container"> 121 <?php 122 // Video. 123 if ( is_array( $feature['src'] ) ) : 124 echo wp_video_shortcode( array( 125 'mp4' => $feature['src']['mp4'], 126 'ogv' => $feature['src']['ogv'], 127 'webm' => $feature['src']['webm'], 128 'loop' => true, 129 'autoplay' => true, 130 'width' => 500, 131 'height' => 284 132 ) ); 133 134 // Image. 135 else: 136 ?> 137 <img src="<?php echo esc_url( $feature['src'] ); ?>" alt="" /> 138 <?php endif; ?> 100 <img src="https://cldup.com/av6MH44-Au.png" alt="" /> 139 101 </div> 140 <h3><?php echo $feature['heading']; ?></h3>141 <p><?php echo $feature['description']; ?></p>142 102 </div> 143 <?php endforeach; ?> 103 <div class="col"> 104 <h3><?php echo ( 'Responsive images' ); ?></h3> 105 <p><?php echo ( 'It just works.' ); ?></p> 106 <p><?php echo ( 'Sites now intelligently provide images in multiple resolutions based on screen size and display density. You don’t need to do anything to your content to enable responsive images; the only difference your visitors might notice would be faster page loads and a better experience across devices!' ); ?></p> 107 </div> 144 108 </div> 145 109 146 <div class="feature-section three-col"> 147 <?php foreach ( $minor_features as $feature ) : ?> 110 <hr /> 111 112 <div class="feature-section two-col"> 148 113 <div class="col"> 149 <div class=" svg-container">150 < img src="<?php echo esc_attr( $feature['src'] ); ?>" alt="" />114 <div class="embed-container"> 115 <?php echo wp_oembed_get( 'https://make.wordpress.org/core/2015/10/28/new-embeds-feature-in-wordpress-4-4/' ); ?> 151 116 </div> 152 <h3><?php echo $feature['heading']; ?></h3>153 <p><?php echo $feature['description']; ?></p>117 <h3><?php echo ( 'WordPress embeds' ); ?></h3> 118 <p><?php echo ( 'Now you can embed WordPress content inside of other WordPress content! Simply drop a post URL into the editor and see an instant embed preview, complete with title, excerpt, comment and sharing links, even your site icon!' ); ?></p> 154 119 </div> 155 <?php endforeach; ?> 120 <div class="col"> 121 <div class="embed-container"> 122 <?php echo wp_oembed_get( 'https://cloudup.com/cbHo28Vc02G' ); ?> 123 </div> 124 <h3><?php echo ( 'More third-party embeds' ); ?></h3> 125 <p><?php echo ( 'If the addition of post embeds weren’t enough, WordPress 4.4 also adds support for five new oEmbed providers: CloudUp, ReverbNation, Reddit Comments, VideoPress, and Speaker Deck!' ); ?></p> 126 </div> 156 127 </div> 157 128 129 <hr /> 130 158 131 <div class="changelog"> 159 132 <h3><?php _e( 'Under the Hood' ); ?></h3> 160 133 134 <div class="feature-section under-the-hood one-col"> 135 <?php $feature = array_shift( $tech_features ); ?> 136 <div class="col"> 137 <h4><?php echo $feature['heading']; ?></h4> 138 <div class="two-col-text"> 139 <?php if ( is_array( $feature['description'] ) ) : 140 foreach ( $feature['description'] as $description ) { 141 printf( '<p>%s</p>', $description ); 142 } 143 else: ?> 144 <p><?php echo $feature['description']; ?></p> 145 <?php endif; ?> 146 </div> 147 </div> 148 </div> 149 161 150 <div class="feature-section under-the-hood three-col"> 162 151 <?php foreach ( $tech_features as $feature ) : ?> 163 152 <div class="col"> 164 153 <h4><?php echo $feature['heading']; ?></h4> 165 <p><?php echo $feature['description']; ?></p> 154 <?php if ( is_array( $feature['description'] ) ) : 155 foreach ( $feature['description'] as $description ) { 156 printf( '<p>%s</p>', $description ); 157 } 158 else: ?> 159 <p><?php echo $feature['description']; ?></p> 160 <?php endif; ?> 166 161 </div> 167 162 <?php endforeach; ?> 168 163 </div> -
src/wp-admin/css/about.css
178 178 font-size: 2.2em; 179 179 font-weight: 300; 180 180 line-height: 1.3; 181 text-align: left;181 text-align: center; 182 182 } 183 183 184 184 .about-wrap .headline-feature h3 { … … 200 200 margin-top: 0.6em; 201 201 } 202 202 203 .about-wrap .two-col-text { 204 -webkit-column-count: 2; 205 -moz-column-count: 2; 206 column-count: 2; 207 -webkit-column-gap: 40px; 208 -moz-column-gap: 40px; 209 column-gap: 40px; 210 } 211 212 .about-wrap .two-col-text p:first-of-type { 213 margin-top: 0; 214 } 215 203 216 /* 2.2 - Structure */ 204 217 205 218 .about-wrap .feature-video { … … 226 239 .about-wrap .feature-section { 227 240 overflow: hidden; 228 241 padding: 0 0 40px; 229 border-bottom: 1px solid rgba(0, 0, 0, 0.1);230 242 } 231 243 232 .about-wrap .headline-feature .feature-section{244 .about-wrap .headline-feature { 233 245 margin: 0 auto; 234 246 max-width: 95%; 235 247 } 236 248 237 249 .about-wrap .feature-section .media-container { 238 border: 1px solid #ddd;239 250 overflow: hidden; 240 251 } 241 252 242 .about-wrap .feature-section .svg-container { 243 padding: 50px 0; 253 .about-wrap .headline-feature .col { 254 width: 65.2%; 255 } 256 257 .about-wrap .headline-feature .col.feature-image { 258 width: 30%; 259 } 260 261 .about-wrap .headline-feature .vertical-screen { 262 float: right; 263 margin-left: 40px; 264 max-width: 100%; 265 } 266 267 .about-wrap .headline-feature .horizontal-screen { 268 margin-top: 40px; 269 max-width: 100%; 270 } 271 272 .about-wrap .embed-container { 244 273 text-align: center; 245 background-color: #e1e1e3;246 274 } 247 275 248 .about-wrap . feature-section .svg-container img{249 max-width: 1 50px;276 .about-wrap .wp-embedded-content { 277 max-width: 100%; 250 278 } 251 279 252 280 .about-wrap .feature-section:not(.under-the-hood) .col { … … 378 406 width: 100%; 379 407 margin: 40px 0 0; 380 408 padding: 0 0 40px; 381 border-bottom: 1px solid rgba(0, 0, 0, 0.1);382 409 } 383 410 411 .about-wrap .headline-feature { 412 position: relative; 413 } 414 415 .about-wrap .headline-feature .col.feature-image { 416 position: absolute; 417 bottom: 0; 418 right: 0; 419 width: 40%; 420 } 421 422 .about-wrap .headline-feature .horizontal-image { 423 position: relative; 424 } 425 426 .about-wrap .headline-feature .horizontal-image:before { 427 display: block; 428 content: ""; 429 width: 100%; 430 padding-top: 80%; 431 } 432 433 .about-wrap .headline-feature .horizontal-image > .content { 434 position: absolute; 435 top: 0; 436 left: 0; 437 right: 0; 438 bottom: 0; 439 } 440 441 .about-wrap .headline-feature .horizontal-image img { 442 position: absolute; 443 bottom: 0; 444 } 445 446 .about-wrap .two-col-text { 447 -webkit-column-count: 1; 448 -moz-column-count: 1; 449 column-count: 1; 450 } 451 384 452 .about-wrap .three-col img { 385 453 display: block; 386 454 margin: 0 auto; … … 422 490 width: 100%; 423 491 } 424 492 425 .about-wrap .feature-section .svg-container {426 padding-top: 20px;427 padding-bottom: 20px;428 }429 430 493 .about-wrap .three-col .col, 431 494 .about-wrap .headline-feature .feature-section .col { 432 495 width: 100% !important;