3 * Twenty Eleven functions and definitions
5 * Sets up the theme and provides some helper functions. Some helper functions
6 * are used in the theme as custom template tags. Others are attached to action and
7 * filter hooks in WordPress to change core functionality.
9 * The first function, twentyeleven_setup(), sets up the theme by registering support
10 * for various features in WordPress, such as post thumbnails, navigation menus, and the like.
12 * When using a child theme (see http://codex.wordpress.org/Theme_Development and
13 * http://codex.wordpress.org/Child_Themes), you can override certain functions
14 * (those wrapped in a function_exists() call) by defining them first in your child theme's
15 * functions.php file. The child theme's functions.php file is included before the parent
16 * theme's file, so the child theme functions would be used.
18 * Functions that are not pluggable (not wrapped in function_exists()) are instead attached
19 * to a filter or action hook. The hook can be removed by using remove_action() or
20 * remove_filter() and you can attach your own function to the hook.
22 * We can remove the parent theme's hook only after it is attached, which means we need to
23 * wait until setting up the child theme:
26 * add_action( 'after_setup_theme', 'my_child_theme_setup' );
27 * function my_child_theme_setup() {
28 * // We are providing our own filter for excerpt_length (or using the unfiltered value)
29 * remove_filter( 'excerpt_length', 'twentyeleven_excerpt_length' );
34 * For more information on hooks, actions, and filters, see http://codex.wordpress.org/Plugin_API.
37 * @subpackage Twenty_Eleven
38 * @since Twenty Eleven 1.0
42 * Set the content width based on the theme's design and stylesheet.
44 if ( ! isset( $content_width ) )
48 * Tell WordPress to run twentyeleven_setup() when the 'after_setup_theme' hook is run.
50 add_action( 'after_setup_theme', 'twentyeleven_setup' );
52 if ( ! function_exists( 'twentyeleven_setup' ) ):
54 * Sets up theme defaults and registers support for various WordPress features.
56 * Note that this function is hooked into the after_setup_theme hook, which runs
57 * before the init hook. The init hook is too late for some features, such as indicating
58 * support post thumbnails.
60 * To override twentyeleven_setup() in a child theme, add your own twentyeleven_setup to your child theme's
63 * @uses load_theme_textdomain() For translation/localization support.
64 * @uses add_editor_style() To style the visual editor.
65 * @uses add_theme_support() To add support for post thumbnails, automatic feed links, custom headers
66 * and backgrounds, and post formats.
67 * @uses register_nav_menus() To add support for navigation menus.
68 * @uses register_default_headers() To register the default custom header images provided with the theme.
69 * @uses set_post_thumbnail_size() To set a custom post thumbnail size.
71 * @since Twenty Eleven 1.0
73 function twentyeleven_setup() {
75 /* Make Twenty Eleven available for translation.
76 * Translations can be added to the /languages/ directory.
77 * If you're building a theme based on Twenty Eleven, use a find and replace
78 * to change 'twentyeleven' to the name of your theme in all the template files.
80 load_theme_textdomain( 'twentyeleven', get_template_directory() . '/languages' );
82 // This theme styles the visual editor with editor-style.css to match the theme style.
85 // Load up our theme options page and related code.
86 require( get_template_directory() . '/inc/theme-options.php' );
88 // Grab Twenty Eleven's Ephemera widget.
89 require( get_template_directory() . '/inc/widgets.php' );
91 // Add default posts and comments RSS feed links to <head>.
92 add_theme_support( 'automatic-feed-links' );
94 // This theme uses wp_nav_menu() in one location.
95 register_nav_menu( 'primary', __( 'Primary Menu', 'twentyeleven' ) );
97 // Add support for a variety of post formats
98 add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote', 'image' ) );
100 $theme_options = twentyeleven_get_theme_options();
101 if ( 'dark' == $theme_options['color_scheme'] )
102 $default_background_color = '1d1d1d';
104 $default_background_color = 'f1f1f1';
106 // Add support for custom backgrounds.
107 add_theme_support( 'custom-background', array(
108 // Let WordPress know what our default background color is.
109 // This is dependent on our current color scheme.
110 'default-color' => $default_background_color,
113 // This theme uses Featured Images (also known as post thumbnails) for per-post/per-page Custom Header images
114 add_theme_support( 'post-thumbnails' );
116 // Add support for custom headers.
117 $custom_header_support = array(
118 // The default header text color.
119 'default-text-color' => '000',
120 // The height and width of our custom header.
121 'width' => apply_filters( 'twentyeleven_header_image_width', 1000 ),
122 'height' => apply_filters( 'twentyeleven_header_image_height', 288 ),
123 // Support flexible heights.
124 'flex-height' => true,
125 // Random image rotation by default.
126 'random-default' => true,
127 // Callback for styling the header.
128 'wp-head-callback' => 'twentyeleven_header_style',
129 // Callback for styling the header preview in the admin.
130 'admin-head-callback' => 'twentyeleven_admin_header_style',
131 // Callback used to display the header preview in the admin.
132 'admin-preview-callback' => 'twentyeleven_admin_header_image',
135 add_theme_support( 'custom-header', $custom_header_support );
137 if ( ! function_exists( 'get_custom_header' ) ) {
138 // This is all for compatibility with versions of WordPress prior to 3.4.
139 define( 'HEADER_TEXTCOLOR', $custom_header_support['default-text-color'] );
140 define( 'HEADER_IMAGE', '' );
141 define( 'HEADER_IMAGE_WIDTH', $custom_header_support['width'] );
142 define( 'HEADER_IMAGE_HEIGHT', $custom_header_support['height'] );
143 add_custom_image_header( $custom_header_support['wp-head-callback'], $custom_header_support['admin-head-callback'], $custom_header_support['admin-preview-callback'] );
144 add_custom_background();
147 // We'll be using post thumbnails for custom header images on posts and pages.
148 // We want them to be the size of the header image that we just defined
149 // Larger images will be auto-cropped to fit, smaller ones will be ignored. See header.php.
150 set_post_thumbnail_size( $custom_header_support['width'], $custom_header_support['height'], true );
152 // Add Twenty Eleven's custom image sizes.
153 // Used for large feature (header) images.
154 add_image_size( 'large-feature', $custom_header_support['width'], $custom_header_support['height'], true );
155 // Used for featured posts if a large-feature doesn't exist.
156 add_image_size( 'small-feature', 500, 300 );
158 // Default custom headers packaged with the theme. %s is a placeholder for the theme template directory URI.
159 register_default_headers( array(
161 'url' => '%s/images/headers/wheel.jpg',
162 'thumbnail_url' => '%s/images/headers/wheel-thumbnail.jpg',
163 /* translators: header image description */
164 'description' => __( 'Wheel', 'twentyeleven' )
167 'url' => '%s/images/headers/shore.jpg',
168 'thumbnail_url' => '%s/images/headers/shore-thumbnail.jpg',
169 /* translators: header image description */
170 'description' => __( 'Shore', 'twentyeleven' )
173 'url' => '%s/images/headers/trolley.jpg',
174 'thumbnail_url' => '%s/images/headers/trolley-thumbnail.jpg',
175 /* translators: header image description */
176 'description' => __( 'Trolley', 'twentyeleven' )
178 'pine-cone' => array(
179 'url' => '%s/images/headers/pine-cone.jpg',
180 'thumbnail_url' => '%s/images/headers/pine-cone-thumbnail.jpg',
181 /* translators: header image description */
182 'description' => __( 'Pine Cone', 'twentyeleven' )
184 'chessboard' => array(
185 'url' => '%s/images/headers/chessboard.jpg',
186 'thumbnail_url' => '%s/images/headers/chessboard-thumbnail.jpg',
187 /* translators: header image description */
188 'description' => __( 'Chessboard', 'twentyeleven' )
191 'url' => '%s/images/headers/lanterns.jpg',
192 'thumbnail_url' => '%s/images/headers/lanterns-thumbnail.jpg',
193 /* translators: header image description */
194 'description' => __( 'Lanterns', 'twentyeleven' )
197 'url' => '%s/images/headers/willow.jpg',
198 'thumbnail_url' => '%s/images/headers/willow-thumbnail.jpg',
199 /* translators: header image description */
200 'description' => __( 'Willow', 'twentyeleven' )
203 'url' => '%s/images/headers/hanoi.jpg',
204 'thumbnail_url' => '%s/images/headers/hanoi-thumbnail.jpg',
205 /* translators: header image description */
206 'description' => __( 'Hanoi Plant', 'twentyeleven' )
210 endif; // twentyeleven_setup
212 if ( ! function_exists( 'twentyeleven_header_style' ) ) :
214 * Styles the header image and text displayed on the blog
216 * @since Twenty Eleven 1.0
218 function twentyeleven_header_style() {
219 $text_color = get_header_textcolor();
221 // If no custom options for text are set, let's bail.
222 if ( $text_color == HEADER_TEXTCOLOR )
225 // If we get this far, we have custom styles. Let's do this.
227 <style type="text/css">
229 // Has the text been hidden?
230 if ( 'blank' == $text_color ) :
234 position: absolute !important;
235 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
236 clip: rect(1px, 1px, 1px, 1px);
239 // If the user has set a custom color for the text use that
244 color: #<?php echo $text_color; ?> !important;
250 endif; // twentyeleven_header_style
252 if ( ! function_exists( 'twentyeleven_admin_header_style' ) ) :
254 * Styles the header image displayed on the Appearance > Header admin panel.
256 * Referenced via add_theme_support('custom-header') in twentyeleven_setup().
258 * @since Twenty Eleven 1.0
260 function twentyeleven_admin_header_style() {
262 <style type="text/css">
263 .appearance_page_custom-header #headimg {
268 font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
276 text-decoration: none;
284 // If the user has set a custom color for the text use that
285 if ( get_header_textcolor() != HEADER_TEXTCOLOR ) :
289 color: #<?php echo get_header_textcolor(); ?>;
300 endif; // twentyeleven_admin_header_style
302 if ( ! function_exists( 'twentyeleven_admin_header_image' ) ) :
304 * Custom header image markup displayed on the Appearance > Header admin panel.
306 * Referenced via add_theme_support('custom-header') in twentyeleven_setup().
308 * @since Twenty Eleven 1.0
310 function twentyeleven_admin_header_image() { ?>
313 $color = get_header_textcolor();
314 $image = get_header_image();
315 if ( $color && $color != 'blank' )
316 $style = ' style="color:#' . $color . '"';
318 $style = ' style="display:none"';
320 <h1><a id="name"<?php echo $style; ?> onclick="return false;" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
321 <div id="desc"<?php echo $style; ?>><?php bloginfo( 'description' ); ?></div>
322 <?php if ( $image ) : ?>
323 <img src="<?php echo esc_url( $image ); ?>" alt="" />
327 endif; // twentyeleven_admin_header_image
330 * Sets the post excerpt length to 40 words.
332 * To override this length in a child theme, remove the filter and add your own
333 * function tied to the excerpt_length filter hook.
335 function twentyeleven_excerpt_length( $length ) {
338 add_filter( 'excerpt_length', 'twentyeleven_excerpt_length' );
341 * Returns a "Continue Reading" link for excerpts
343 function twentyeleven_continue_reading_link() {
344 return ' <a href="'. esc_url( get_permalink() ) . '">' . __( 'Continue reading <span class="meta-nav">→</span>', 'twentyeleven' ) . '</a>';
348 * Replaces "[...]" (appended to automatically generated excerpts) with an ellipsis and twentyeleven_continue_reading_link().
350 * To override this in a child theme, remove the filter and add your own
351 * function tied to the excerpt_more filter hook.
353 function twentyeleven_auto_excerpt_more( $more ) {
354 return ' …' . twentyeleven_continue_reading_link();
356 add_filter( 'excerpt_more', 'twentyeleven_auto_excerpt_more' );
359 * Adds a pretty "Continue Reading" link to custom post excerpts.
361 * To override this link in a child theme, remove the filter and add your own
362 * function tied to the get_the_excerpt filter hook.
364 function twentyeleven_custom_excerpt_more( $output ) {
365 if ( has_excerpt() && ! is_attachment() ) {
366 $output .= twentyeleven_continue_reading_link();
370 add_filter( 'get_the_excerpt', 'twentyeleven_custom_excerpt_more' );
373 * Get our wp_nav_menu() fallback, wp_page_menu(), to show a home link.
375 function twentyeleven_page_menu_args( $args ) {
376 $args['show_home'] = true;
379 add_filter( 'wp_page_menu_args', 'twentyeleven_page_menu_args' );
382 * Register our sidebars and widgetized areas. Also register the default Epherma widget.
384 * @since Twenty Eleven 1.0
386 function twentyeleven_widgets_init() {
388 register_widget( 'Twenty_Eleven_Ephemera_Widget' );
390 register_sidebar( array(
391 'name' => __( 'Main Sidebar', 'twentyeleven' ),
393 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
394 'after_widget' => "</aside>",
395 'before_title' => '<h3 class="widget-title">',
396 'after_title' => '</h3>',
399 register_sidebar( array(
400 'name' => __( 'Showcase Sidebar', 'twentyeleven' ),
402 'description' => __( 'The sidebar for the optional Showcase Template', 'twentyeleven' ),
403 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
404 'after_widget' => "</aside>",
405 'before_title' => '<h3 class="widget-title">',
406 'after_title' => '</h3>',
409 register_sidebar( array(
410 'name' => __( 'Footer Area One', 'twentyeleven' ),
412 'description' => __( 'An optional widget area for your site footer', 'twentyeleven' ),
413 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
414 'after_widget' => "</aside>",
415 'before_title' => '<h3 class="widget-title">',
416 'after_title' => '</h3>',
419 register_sidebar( array(
420 'name' => __( 'Footer Area Two', 'twentyeleven' ),
422 'description' => __( 'An optional widget area for your site footer', 'twentyeleven' ),
423 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
424 'after_widget' => "</aside>",
425 'before_title' => '<h3 class="widget-title">',
426 'after_title' => '</h3>',
429 register_sidebar( array(
430 'name' => __( 'Footer Area Three', 'twentyeleven' ),
432 'description' => __( 'An optional widget area for your site footer', 'twentyeleven' ),
433 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
434 'after_widget' => "</aside>",
435 'before_title' => '<h3 class="widget-title">',
436 'after_title' => '</h3>',
439 add_action( 'widgets_init', 'twentyeleven_widgets_init' );
441 if ( ! function_exists( 'twentyeleven_content_nav' ) ) :
443 * Display navigation to next/previous pages when applicable
445 function twentyeleven_content_nav( $nav_id ) {
448 if ( $wp_query->max_num_pages > 1 ) : ?>
449 <nav id="<?php echo $nav_id; ?>">
450 <h3 class="assistive-text"><?php _e( 'Post navigation', 'twentyeleven' ); ?></h3>
451 <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentyeleven' ) ); ?></div>
452 <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentyeleven' ) ); ?></div>
453 </nav><!-- #nav-above -->
456 endif; // twentyeleven_content_nav
459 * Return the URL for the first link found in the post content.
461 * @since Twenty Eleven 1.0
462 * @return string|bool URL or false when no link is present.
464 function twentyeleven_url_grabber() {
465 if ( ! preg_match( '/<a\s[^>]*?href=[\'"](.+?)[\'"]/is', get_the_content(), $matches ) )
468 return esc_url_raw( $matches[1] );
472 * Count the number of footer sidebars to enable dynamic classes for the footer
474 function twentyeleven_footer_sidebar_class() {
477 if ( is_active_sidebar( 'sidebar-3' ) )
480 if ( is_active_sidebar( 'sidebar-4' ) )
483 if ( is_active_sidebar( 'sidebar-5' ) )
501 echo 'class="' . $class . '"';
504 if ( ! function_exists( 'twentyeleven_comment' ) ) :
506 * Template for comments and pingbacks.
508 * To override this walker in a child theme without modifying the comments template
509 * simply create your own twentyeleven_comment(), and that function will be used instead.
511 * Used as a callback by wp_list_comments() for displaying the comments.
513 * @since Twenty Eleven 1.0
515 function twentyeleven_comment( $comment, $args, $depth ) {
516 $GLOBALS['comment'] = $comment;
517 switch ( $comment->comment_type ) :
521 <li class="post pingback">
522 <p><?php _e( 'Pingback:', 'twentyeleven' ); ?> <?php comment_author_link(); ?><?php edit_comment_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?></p>
527 <li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
528 <article id="comment-<?php comment_ID(); ?>" class="comment">
529 <footer class="comment-meta">
530 <div class="comment-author vcard">
533 if ( '0' != $comment->comment_parent )
536 echo get_avatar( $comment, $avatar_size );
538 /* translators: 1: comment author, 2: date and time */
539 printf( __( '%1$s on %2$s <span class="says">said:</span>', 'twentyeleven' ),
540 sprintf( '<span class="fn">%s</span>', get_comment_author_link() ),
541 sprintf( '<a href="%1$s"><time pubdate datetime="%2$s">%3$s</time></a>',
542 esc_url( get_comment_link( $comment->comment_ID ) ),
543 get_comment_time( 'c' ),
544 /* translators: 1: date, 2: time */
545 sprintf( __( '%1$s at %2$s', 'twentyeleven' ), get_comment_date(), get_comment_time() )
550 <?php edit_comment_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
551 </div><!-- .comment-author .vcard -->
553 <?php if ( $comment->comment_approved == '0' ) : ?>
554 <em class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentyeleven' ); ?></em>
560 <div class="comment-content"><?php comment_text(); ?></div>
563 <?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply <span>↓</span>', 'twentyeleven' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
564 </div><!-- .reply -->
565 </article><!-- #comment-## -->
571 endif; // ends check for twentyeleven_comment()
573 if ( ! function_exists( 'twentyeleven_posted_on' ) ) :
575 * Prints HTML with meta information for the current post-date/time and author.
576 * Create your own twentyeleven_posted_on to override in a child theme
578 * @since Twenty Eleven 1.0
580 function twentyeleven_posted_on() {
581 printf( __( '<span class="sep">Posted on </span><a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s" pubdate>%4$s</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="%5$s" title="%6$s" rel="author">%7$s</a></span></span>', 'twentyeleven' ),
582 esc_url( get_permalink() ),
583 esc_attr( get_the_time() ),
584 esc_attr( get_the_date( 'c' ) ),
585 esc_html( get_the_date() ),
586 esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
587 esc_attr( sprintf( __( 'View all posts by %s', 'twentyeleven' ), get_the_author() ) ),
594 * Adds two classes to the array of body classes.
595 * The first is if the site has only had one author with published posts.
596 * The second is if a singular post being displayed
598 * @since Twenty Eleven 1.0
600 function twentyeleven_body_classes( $classes ) {
602 if ( function_exists( 'is_multi_author' ) && ! is_multi_author() )
603 $classes[] = 'single-author';
605 if ( is_singular() && ! is_home() && ! is_page_template( 'showcase.php' ) && ! is_page_template( 'sidebar-page.php' ) )
606 $classes[] = 'singular';
610 add_filter( 'body_class', 'twentyeleven_body_classes' );