Changeset 19915 for trunk/wp-content/themes/twentytwelve/functions.php

Timestamp:

02/14/2012 03:54:46 AM (13 years ago)

Author:

lancewillett

Message:

Twenty Twelve template changes and fixes ... see #19978.

• Add custom header support
• header.php: use get_stylesheet_uri() to load stylesheet, props Mamaduka
• Add full-width template, including adding relevant body_class value as a CSS hook
• Hide sidebar on all views if no active widgets exist
• Fix site title output (was missing site title)
• Remove "featured" title for sticky posts
• Add content template files for aside, image, link, and quote post formats
• Indent content-single.php to match content.php
• Remove sample JPG since Twenty Twelve ships with no default header images

... and style updates, props drewstrojny

• Better footer styles
• Styling for full-width layouts
• Add basic styles for archive views
• Refine post header/footer styles a bit

File:

• trunk/wp-content/themes/twentytwelve/functions.php (modified) (5 diffs)

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

@@ -37 +37 @@
 add_action( 'after_setup_theme', 'twentytwelve_setup' );
 
-if ( ! function_exists( 'twentytwelve_setup' ) ):
+if ( ! function_exists( 'twentytwelve_setup' ) ) :
 /**
  * Sets up theme defaults and registers support for various WordPress features.
@@ -60 +60 @@
     add_theme_support( 'automatic-feed-links' );
 
+    // Add support for a variety of post formats
+    add_theme_support( 'post-formats', array( 'aside', 'image', 'link', 'quote' ) );
+
     // This theme uses wp_nav_menu() in one location.
     register_nav_menu( 'primary', __( 'Primary Menu', 'twentytwelve' ) );
 
-    // Add support for custom backgrounds
+    // Add support for custom background.
     add_custom_background();
-}
+
+    // Add support for a custom header image.
+    $header_args = array(
+        'random-default' => true,
+        'flex-height' => true,
+        'suggested-height' => apply_filters( 'twentytwelve_header_image_height', 250 ),
+        'flex-width' => true,
+        'max-width' => apply_filters( 'twentytwelve_header_image_max_width', 2000 ),
+        'suggested-width' => apply_filters( 'twentytwelve_header_image_width', 960 ),
+    );
+    add_theme_support( 'custom-header', $header_args );
+    add_custom_image_header( 'twentytwelve_header_style', 'twentytwelve_admin_header_style', 'twentytwelve_admin_header_image' );
+
+    // The default header text color
+    define( 'HEADER_TEXTCOLOR', '444' );
+}
+endif;
+
+if ( ! function_exists( 'twentytwelve_header_style' ) ) :
+/**
+ * Styles the header image and text displayed on the blog
+ *
+ * get_header_textcolor() options: HEADER_TEXTCOLOR is default, hide text (returns 'blank'), or any hex value
+ *
+ * @since Twenty Twelve 1.0
+ */
+function twentytwelve_header_style() {
+    // If no custom options for text are set, let's bail
+    if ( HEADER_TEXTCOLOR == get_header_textcolor() )
+        return;
+    // If we get this far, we have custom styles.
+    ?>
+    <style type="text/css">
+    <?php
+        // Has the text been hidden?
+        if ( 'blank' == get_header_textcolor() ) :
+    ?>
+        .site-title,
+        .site-description {
+            position: absolute !important;
+            clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+            clip: rect(1px, 1px, 1px, 1px);
+        }
+    <?php
+        // If the user has set a custom color for the text, use that.
+        else :
+    ?>
+        .site-title a,
+        .site-description {
+            color: #<?php echo get_header_textcolor(); ?> !important;
+        }
+    <?php endif; ?>
+    </style>
+    <?php
+}
+endif;
+
+if ( ! function_exists( 'twentytwelve_admin_header_style' ) ) :
+/**
+ * Styles the header image displayed on the Appearance > Header admin panel.
+ *
+ * Referenced via add_custom_image_header() in twentytwelve_setup().
+ *
+ * @since Twenty Twelve 1.0
+ */
+function twentytwelve_admin_header_style() {
+?>
+    <style type="text/css">
+    .appearance_page_custom-header #headimg {
+        border: none;
+    }
+    #headimg h1,
+    #headimg h2 {
+        line-height: 1.6;
+        margin: 0;
+        padding: 0;
+    }
+    #headimg h1 {
+        font-size: 30px;
+    }
+    #headimg h1 a {
+        text-decoration: none;
+    }
+    #headimg h2 {
+        font: normal 13px/1.8 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
+        margin-bottom: 24px;
+    }
+    #headimg img {
+    }
+    </style>
+<?php
+}
+endif;
+
+if ( ! function_exists( 'twentytwelve_admin_header_image' ) ) :
+/**
+ * Custom header image markup displayed on the Appearance > Header admin panel.
+ *
+ * Referenced via add_custom_image_header() in twentytwelve_setup().
+ *
+ * @since Twenty Twelve 1.0
+ */
+function twentytwelve_admin_header_image() { ?>
+    <div id="headimg">
+        <?php
+        if ( 'blank' == get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ) || '' == get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ) )
+            $style = ' style="display:none;"';
+        else
+            $style = ' style="color:#' . get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ) . ';"';
+        ?>
+        <h1><a id="name"<?php echo $style; ?> onclick="return false;" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
+        <h2 id="desc"<?php echo $style; ?>><?php bloginfo( 'description' ); ?></h2>
+        <?php $header_image = get_header_image();
+        if ( ! empty( $header_image ) ) : ?>
+            <img src="<?php echo esc_url( $header_image ); ?>" alt="" />
+        <?php endif; ?>
+    </div>
+<?php }
 endif;
 
@@ -90 +210 @@
         'before_widget' => '<aside id="%1$s" class="widget %2$s">',
         'after_widget' => "</aside>",
-        'before_title' => '<h3 class="widget-title">',
+        'before_title' => '<h3 class="widget-title all-caps-title">',
         'after_title' => '</h3>',
     ) );
@@ -108 +228 @@
         <nav id="<?php echo $nav_id; ?>">
             <h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
-            <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentytwelve' ) ); ?></div>
-            <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?></div>
+            <div class="nav-previous alignleft"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentytwelve' ) ); ?></div>
+            <div class="nav-next alignright"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?></div>
         </nav><!-- #nav-above -->
     <?php endif;
@@ -203 +323 @@
 }
 endif;
+
+/**
+ * Extends the default WordPress body class to denote a full-width layout.
+ *
+ * Used in two cases: no active widgets in sidebar, and full-width page template.
+ *
+ * @since Twenty Twelve 1.0
+ */
+function twentytwelve_body_class( $classes ) {
+    if ( ! is_active_sidebar( 'sidebar-1' ) || is_page_template( 'full-width' ) )
+        $classes[] = 'full-width';
+
+    return $classes;
+}
+add_filter( 'body_class', 'twentytwelve_body_class' );