From 8cb08d7ac40c2ecae14828929a06007538eb80ea Mon Sep 17 00:00:00 2001 From: Andrew Ozz Date: Sat, 9 Apr 2016 06:22:18 +0000 Subject: [PATCH] 4.5 About screen. Props mikeschroder, melchoyce, ocean90, ryelle, jeremyfelt, Ipstenu, celloexpressions, DrewAPicture. See #36173. git-svn-id: https://develop.svn.wordpress.org/trunk@37169 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/about.php | 166 ++++++++++++++----------------------- src/wp-admin/css/about.css | 153 ++++++++++------------------------ 2 files changed, 105 insertions(+), 214 deletions(-) diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php index 769a0c81e4..caca10fadf 100644 --- a/src/wp-admin/about.php +++ b/src/wp-admin/about.php @@ -21,6 +21,10 @@ if ( current_user_can( 'install_plugins' ) ) { wp_enqueue_script( 'plugin-install' ); } +if ( current_user_can( 'customize' ) ) { + wp_enqueue_script( 'customize-loader' ); +} + $video_url = 'https://videopress.com/embed/J44FHXvg?hd=true'; $locale = str_replace( '_', '-', get_locale() ); list( $locale ) = explode( '-', $locale ); @@ -39,7 +43,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );

-
+

@@ -48,74 +52,54 @@ include( ABSPATH . 'wp-admin/admin-header.php' );

-
- - +
+

Video Here

-
-

-
- +
+

+
+ +

+

-
-
-

-

-

-
-
- -
-
-
-
- -
+
+ +

+

<code>.' ); ?>

+

-
- -
+ +

+ %2$s' ), $customize_url, __( 'customizer' ) ); + } else { + $customizer_link = __( 'customizer' ); + } + ?> +

-

-

-
-
- -
- -
-
-
-
WordPress 4.4 “Clifford”
-
-
-
-

-

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

-

+ +

+

+ Site Identity section of the customizer.' ), add_query_arg( 'autofocus[section]', 'title_tagline', $customize_url ) ); + } else { + _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.' ); + } + ?>

@@ -124,62 +108,38 @@ include( ABSPATH . 'wp-admin/admin-header.php' );

-
+
-

-
-

-

'plugin-information', - 'plugin' => 'rest-api', - 'TB_iframe' => true, - 'width' => 600, - 'height' => 550 - ); - - $plugin_link = 'WordPress REST API'; - } else { - $plugin_link = 'WordPress REST API'; +

+

It’s really cool.' ), 'https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/' ); ?>

+
+
+

+

comprehensive framework for rendering parts of the preview without rewriting your PHP code in JavaScript.' ), 'https://make.wordpress.org/core/2016/02/16/selective-refresh-in-the-customizer/' ); + if ( current_user_can( 'customize' ) && current_user_can( 'edit_theme_options' ) ) { + if ( current_theme_supports( 'menus' ) && ! current_theme_supports( 'customize-selective-refresh-widgets' ) ) { + printf( ' ' . __( 'See it in action with Menus.' ), add_query_arg( 'autofocus[panel]', 'nav_menus', $customize_url ) ); + } elseif ( current_theme_supports( 'customize-selective-refresh-widgets' ) ) { // If widgets are supported, menus are also because of the menus widget. + printf( ' ' . __( 'See it in action with Menus or Widgets.' ), add_query_arg( 'autofocus[panel]', 'nav_menus', $customize_url ), add_query_arg( 'autofocus[panel]', 'widgets', $customize_url ) ); } - - /* translators: WordPress REST API plugin link */ - 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 ); - ?>

-
+ } + ?>

+
+
+

+

-
+
-

-

add_term_meta()', - 'get_term_meta()', - 'update_term_meta()' - ); - ?>

+

+

wp_add_inline_script() enables adding extra code to registered scripts.' ), 'https://make.wordpress.org/core/2016/03/08/enhanced-script-loader-in-wordpress-4-5/' ); ?>

-

-

WP_Comment_Query' ); - ?>

-
-
-

-

WP_Term', - 'WP_Comment', - 'WP_Network' - ); - ?>

+

+

directly overridden by themes via the template hierarchy.' ), 'https://make.wordpress.org/core/2016/03/11/embeds-changes-in-wordpress-4-5/' ); ?>

diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css index 543625f239..e2aac3415b 100644 --- a/src/wp-admin/css/about.css +++ b/src/wp-admin/css/about.css @@ -101,12 +101,24 @@ font-weight: 400; } +.about-wrap h2 { + margin: 50px 0 1em; + font-size: 1.8em; + line-height: 1.3; + font-weight: 300; + text-align: center; +} + .about-wrap h3 { margin: 1.25em 0 .6em; font-size: 1.25em; line-height: 1.5em; } +.about-wrap .changelog h3 { + margin-top: 40px; +} + .about-wrap h4 { color: #23282d; } @@ -137,17 +149,24 @@ float: left; position: relative; } + .about-wrap .two-col .col { margin-right: 4.799999999%; width: 47.6%; } + +.about-wrap .two-col img { + margin-bottom: 1.5em; +} + .about-wrap .feature-section.two-col .col { display: inline-block; float: none; + margin-top: 1em; margin-right: 4.799999999%; width: -webkit-calc( 47.6% - 4px ); width: calc( 47.6% - 4px ); - vertical-align: middle; + vertical-align: top; } .about-wrap .three-col .col { @@ -160,6 +179,15 @@ margin-right: 0; } +.about-wrap .under-the-hood { + clear: both; + overflow: hidden; +} + +.about-wrap .under-the-hood:nth-of-type(2n) { + margin-top: 3em; +} + /* 1.3 - Point Releases */ .about-wrap .point-releases { @@ -198,11 +226,6 @@ margin-top: 0; } -.about-wrap .feature-list h2 { - margin: 30px 0 15px; - text-align: center; -} - .about-wrap .feature-section h4 { margin: 1.4em 0 0.6em 0; font-size: 1em; @@ -263,25 +286,6 @@ overflow: hidden; } -.about-wrap .headline-feature .col { - width: 65.2%; -} - -.about-wrap .headline-feature .col.feature-image { - width: 30%; -} - -.about-wrap .headline-feature .vertical-screen { - float: right; - margin-left: 40px; - max-width: 100%; -} - -.about-wrap .headline-feature .horizontal-screen { - margin-top: 20px; - max-width: 100%; -} - .about-wrap .embed-container { text-align: center; } @@ -294,7 +298,7 @@ max-width: 100%; } -.about-wrap .feature-section:not(.under-the-hood) .col { +.about-wrap .feature-section .col { margin-top: 40px; } @@ -319,11 +323,6 @@ padding: 0 5px; } -.about-wrap .feature-list.finer-points h4, -.about-wrap .feature-list.finer-points p { - margin-left: 115px; -} - /*------------------------------------------------------------------------------ 3.0 - Credits & Freedoms Pages ------------------------------------------------------------------------------*/ @@ -416,53 +415,6 @@ ------------------------------------------------------------------------------*/ @media screen and ( max-width: 782px ) { - .about-wrap .feature-section { - padding: 0; - border-bottom: none; - } - - .about-wrap [class$=col] .col { - float: none; - width: 100%; - margin: 40px 0 0; - padding: 0 0 40px; - } - - .about-wrap .headline-feature { - position: relative; - } - - .about-wrap .headline-feature .col.feature-image { - position: absolute; - bottom: 0; - right: 0; - width: 40%; - } - - .about-wrap .headline-feature .horizontal-image { - position: relative; - } - - .about-wrap .headline-feature .horizontal-image:before { - display: block; - content: ""; - width: 100%; - padding-top: 80%; - } - - .about-wrap .headline-feature .horizontal-image > .content { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - } - - .about-wrap .headline-feature .horizontal-image img { - position: absolute; - bottom: 0; - } - .about-wrap .two-col-text { -webkit-column-count: 1; -moz-column-count: 1; @@ -473,20 +425,6 @@ display: block; margin: 0 auto; } - - .about-wrap .feature-list .col { - margin: 0; - padding: 0; - border-bottom: none; - } - - .about-wrap .headline-feature .feature-section { - max-width: 100%; - } - - .about-wrap .feature-list .feature-section { - padding: 0 0 40px; - } } @media only screen and (max-width: 500px) { @@ -510,31 +448,24 @@ width: 100%; } - .about-wrap .feature-section.two-col .col, - .about-wrap .three-col .col, - .about-wrap .headline-feature .feature-section .col { + .about-wrap .two-col .col, + .about-wrap .three-col .col { width: 100% !important; float: none !important; } - .about-wrap .feature-section.two-col .col:last-of-type { + .about-wrap .under-the-hood.three-col .col, + .about-wrap .under-the-hood.two-col .col, + .about-wrap .under-the-hood.one-col .col { + margin-bottom: 2em; + padding-bottom: 0; + } + + .about-wrap .under-the-hood:nth-of-type(2n) { margin-top: 0; } - .feature-section.under-the-hood.three-col .col, - .feature-section.under-the-hood.one-col .col { - padding-bottom: 0; - } -} - -@media only screen and (max-width: 400px) { - .about-wrap .feature-list svg { - margin-top: 15px; - height: 65px; - width: 65px; - } - .about-wrap .feature-list.finer-points h4, - .about-wrap .feature-list.finer-points p { - margin-left: 80px; + .about-wrap .under-the-hood:nth-of-type(2n) h4 { + margin-top: 0; } }