Changeset 21325

Timestamp:

07/25/2012 04:28:50 PM (12 years ago)

Author:

lancewillett

Message:

Twenty Twelve: set gray background as default, handling empty and white as fallback cases. See #21226.

Also fix incorrect logic for full-width-page.php page template check in twentytwelve_body_class function.

Location:

trunk/wp-content/themes/twentytwelve

Files:

• functions.php (modified) (2 diffs)
• style.css (modified) (2 diffs)

trunk/wp-content/themes/twentytwelve/functions.php

@@ -72 +72 @@
 
     // Add support for custom background.
-    add_theme_support( 'custom-background' );
+    add_theme_support( 'custom-background', array(
+        'default-color' => 'e6e6e6',
+    ) );
 
     // Add custom image size for featured image use, displayed on "standard" posts.
@@ -326 +328 @@
 
 /**
- * Extends the default WordPress body class to denote a full-width layout.
- * Used when there are no active widgets in the sidebar.
+ * Extends the default WordPress body class to denote:
+ * 1. Using a full-width layout, when no active widgets in the sidebar
+ *    or full-width template.
+ * 2. White or empty background color to change the layout and spacing.
  *
  * @since Twenty Twelve 1.0
  */
 function twentytwelve_body_class( $classes ) {
-    if ( ! is_active_sidebar( 'sidebar-1' ) || is_page_template( 'full-width' ) )
+    $background_color = get_background_color();
+
+    if ( ! is_active_sidebar( 'sidebar-1' ) || is_page_template( 'full-width-page.php' ) )
         $classes[] = 'full-width';
+
+    if ( empty( $background_color ) )
+        $classes[] = 'custom-background-empty';
+    elseif ( in_array( $background_color, array( 'fff', 'ffffff' ) ) )
+        $classes[] = 'custom-background-white';
 
     return $classes;

trunk/wp-content/themes/twentytwelve/style.css

@@ -452 +452 @@
 }
 @media screen and (min-width: 960px) {
-    body.custom-background #page {
+    body {
+        background-color: #e6e6e6;
+    }
+    body #page {
         padding: 0 40px;
         padding: 0 2.857142857rem;
@@ -462 +465 @@
         -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
         box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
+    }
+    body.custom-background-empty {
+        background-color: #fff;
+    }
+    body.custom-background-empty #page,
+    body.custom-background-white #page {
+        padding: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+        box-shadow: none;
     }
 }