From d3dd832933e9c9c4db9e6fd49bd7927b20ef7df0 Mon Sep 17 00:00:00 2001 From: Konstantin Obenland Date: Tue, 28 Jul 2015 21:22:23 +0000 Subject: [PATCH] About: First pass at WordPress 4.3 About page. Still missing images and some string revisions. See #32929. git-svn-id: https://develop.svn.wordpress.org/trunk@33466 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/about.php | 217 +++++++++++++++++++------------------ src/wp-admin/css/about.css | 45 +++----- 2 files changed, 130 insertions(+), 132 deletions(-) diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php index ac7f23ee3f..3d43f0995a 100644 --- a/src/wp-admin/about.php +++ b/src/wp-admin/about.php @@ -21,119 +21,126 @@ $title = __( 'About' ); list( $display_version ) = explode( '-', $wp_version ); include( ABSPATH . 'wp-admin/admin-header.php' ); + +$major_features = array( + array( + 'src' => '', + 'heading' => __( 'Formatting Shortcuts' ), + 'description' => __( '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 * and a #.' ), + ), + array( + 'src' => '', + 'heading' => __( 'Menus in the Customizer' ), + 'description' => __( 'Create your menu, update it, and preview it in the customizer, before sharing it with the world. With every release, it becomes easier and faster to build your site from the front-end. And a streamlined customizer design mean a mobile-first, accessibility ready interface.' ), + ), + array( + 'src' => '', + 'heading' => __( 'Better Passwords' ), + '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, WordPress will automatically generate a secure password.' ), + ), + array( + 'src' => '', + 'heading' => __( 'Site Icons' ), + '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.' ), + ), +); +shuffle( $major_features ); + +$minor_features = array( + array( + 'src' => '', + 'heading' => __( 'A smoother admin experience' ), + 'description' => __( 'Refinements to the list view across the admin make your WordPress more accessible and easier to work with on any device.' ), + ), + array( + 'src' => '', + 'heading' => __( 'Comments turned off on pages' ), + 'description' => __( 'All new pages that you create will have comments turned off. Keep discussions to your blog, right where they’re supposed to happen.' ), + ), + array( + 'src' => '', + 'heading' => __( 'Customize your site quickly' ), + 'description' => __( 'Wherever you are on the front-end, you can click the customize button in the toolbar to swiftly make changes to your site.' ), + ), +); + +$tech_features = array( + array( + 'heading' => __( 'Taxonomy Roadmap' ), + 'description' => __( 'Terms shared across multiple taxonomies are now split into separate terms.' ), + ), + array( + 'heading' => __( 'Template Hierarchy' ), + 'description' => __( 'Added singular.php as a fallback for single.php and page.php.' ), + ), + array( + 'heading' => __( 'List table' ), + 'description' => __( 'List tables now can (and often should) have a primary column defined.' ), + ), +); + ?> -
+
+

-

+
+
-
+

+ + + +

-
- -

- - - - - - - -

- -
- -
- -
- -
-
-

-

Tools menu, add Press This to your browser bookmark bar or your mobile device home screen. Once installed you can share your content with lightning speed. Sharing your favorite videos, images, and content has never been this fast or this easy.' ), admin_url( 'tools.php' ) ); ?>

-

- -

- -

-
- -
- -
-
- -
-
- -
-
-

-

-

emoji.' ), '💙', '🐸', '🐒', '🍕', __( 'https://codex.wordpress.org/Emoji' ) ); - ?>

-
-
- -
-
- -

-

your content, before it debuts on your site. ' ); ?>

-
-
- -

-

-
-
- -

-

Update Now and watch the magic happen.' ); ?>

-
-
- -
-

- -
-
-

-

- -

-

wp.a11y.speak()' ); - ?>

+
+
-
-

-

Plugin Developer Handbook.' ), 'https://developer.wordpress.org/plugins/taxonomy/working-with-split-terms-in-wp-4-2/' ); - ?>

-

-

WP_Query', 'WP_Comment_Query', 'WP_User_Query' ); - ?>

+
+ +
+ +
+ +

+

+
+ +
+ +
+ +
+ +

+

+
+ +
+ +
+

+ +
+ +
+

+

+
+ +
+ +
+ + + + | + + +
+
- -
- - | - - -
- -
div { +.about-wrap [class$=col] .col { + float: left; position: relative; - width: 47.6%; +} +.about-wrap .two-col .col { margin-right: 4.799999999%; - float: left; + width: 47.6%; } -.about-wrap .three-col > div { - position: relative; - width: 29.95%; +.about-wrap .three-col .col { margin-right: 4.999999999%; - float: left; + width: 29.95%; } -.about-wrap [class$=col] .last-feature { +.about-wrap .two-col .col:nth-of-type(2n), +.about-wrap .three-col .col:nth-of-type(3n) { margin-right: 0; } @@ -206,7 +207,7 @@ .about-wrap .feature-video { position: relative; margin: 40px 0; - padding-bottom: 56.25%; /* video is 1280 x 720 */ + /*padding-bottom: 56.25%; /* video is 1280 x 720 */ width: 100%; height: 0; text-align: center; @@ -235,23 +236,15 @@ max-width: 95%; } -.about-wrap .feature-section .col:nth-of-type(odd) { - float: left; - margin: 40px 5% 0 0; - width: 48%; -} - -.about-wrap .feature-section .col:nth-of-type(even) { - float: right; - margin: 40px 0 0; - width: 46%; +.about-wrap .feature-section:not(.under-the-hood) .col { + margin-top: 40px; } .about-wrap .changelog { margin-bottom: 40px; } -.about-wrap .changelog.feature-section > div { +.about-wrap .changelog.feature-section .col { margin-top: 40px; } @@ -366,10 +359,8 @@ border-bottom: none; } - .about-wrap .one-col > div, - .about-wrap .two-col > div, - .about-wrap .three-col > div, - .about-wrap .two-col .col:nth-of-type(n) { + .about-wrap [class$=col] .col { + float: none; width: 100%; margin: 40px 0 0; padding: 0 0 40px; @@ -385,7 +376,7 @@ margin: 0 auto; } - .about-wrap .feature-list div { + .about-wrap .feature-list .col { margin: 0; padding: 0; border-bottom: none; @@ -432,8 +423,8 @@ border-bottom: 1px solid #ccc; } - .about-wrap .three-col div, - .about-wrap .headline-feature .feature-section div { + .about-wrap .three-col .col, + .about-wrap .headline-feature .feature-section .col { width: 100% !important; float: none !important; }