--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/wp-content/themes/twentyeleven/showcase.php Mon Nov 19 18:26:13 2012 +0100
@@ -0,0 +1,227 @@
+<?php
+/**
+ * Template Name: Showcase Template
+ * Description: A Page Template that showcases Sticky Posts, Asides, and Blog Posts
+ *
+ * The showcase template in Twenty Eleven consists of a featured posts section using sticky posts,
+ * another recent posts area (with the latest post shown in full and the rest as a list)
+ * and a left sidebar holding aside posts.
+ *
+ * We are creating two queries to fetch the proper posts and a custom widget for the sidebar.
+ *
+ * @package WordPress
+ * @subpackage Twenty_Eleven
+ * @since Twenty Eleven 1.0
+ */
+
+// Enqueue showcase script for the slider
+wp_enqueue_script( 'twentyeleven-showcase', get_template_directory_uri() . '/js/showcase.js', array( 'jquery' ), '2011-04-28' );
+
+get_header(); ?>
+
+ <div id="primary" class="showcase">
+ <div id="content" role="main">
+
+ <?php while ( have_posts() ) : the_post(); ?>
+
+ <?php
+ /**
+ * We are using a heading by rendering the_content
+ * If we have content for this page, let's display it.
+ */
+ if ( '' != get_the_content() )
+ get_template_part( 'content', 'intro' );
+ ?>
+
+ <?php endwhile; ?>
+
+ <?php
+ /**
+ * Begin the featured posts section.
+ *
+ * See if we have any sticky posts and use them to create our featured posts.
+ * We limit the featured posts at ten.
+ */
+ $sticky = get_option( 'sticky_posts' );
+
+ // Proceed only if sticky posts exist.
+ if ( ! empty( $sticky ) ) :
+
+ $featured_args = array(
+ 'post__in' => $sticky,
+ 'post_status' => 'publish',
+ 'posts_per_page' => 10,
+ 'no_found_rows' => true,
+ );
+
+ // The Featured Posts query.
+ $featured = new WP_Query( $featured_args );
+
+ // Proceed only if published posts exist
+ if ( $featured->have_posts() ) :
+
+ /**
+ * We will need to count featured posts starting from zero
+ * to create the slider navigation.
+ */
+ $counter_slider = 0;
+
+ // Compatibility with versions of WordPress prior to 3.4.
+ if ( function_exists( 'get_custom_header' ) )
+ $header_image_width = get_theme_support( 'custom-header', 'width' );
+ else
+ $header_image_width = HEADER_IMAGE_WIDTH;
+ ?>
+
+ <div class="featured-posts">
+ <h1 class="showcase-heading"><?php _e( 'Featured Post', 'twentyeleven' ); ?></h1>
+
+ <?php
+ // Let's roll.
+ while ( $featured->have_posts() ) : $featured->the_post();
+
+ // Increase the counter.
+ $counter_slider++;
+
+ /**
+ * We're going to add a class to our featured post for featured images
+ * by default it'll have the feature-text class.
+ */
+ $feature_class = 'feature-text';
+
+ if ( has_post_thumbnail() ) {
+ // ... but if it has a featured image let's add some class
+ $feature_class = 'feature-image small';
+
+ // Hang on. Let's check this here image out.
+ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( $header_image_width, $header_image_width ) );
+
+ // Is it bigger than or equal to our header?
+ if ( $image[1] >= $header_image_width ) {
+ // If bigger, let's add a BIGGER class. It's EXTRA classy now.
+ $feature_class = 'feature-image large';
+ }
+ }
+ ?>
+
+ <section class="featured-post <?php echo $feature_class; ?>" id="featured-post-<?php echo $counter_slider; ?>">
+
+ <?php
+ /**
+ * If the thumbnail is as big as the header image
+ * make it a large featured post, otherwise render it small
+ */
+ if ( has_post_thumbnail() ) {
+ if ( $image[1] >= $header_image_width )
+ $thumbnail_size = 'large-feature';
+ else
+ $thumbnail_size = 'small-feature';
+ ?>
+ <a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_post_thumbnail( $thumbnail_size ); ?></a>
+ <?php
+ }
+ ?>
+ <?php get_template_part( 'content', 'featured' ); ?>
+ </section>
+ <?php endwhile; ?>
+
+ <?php
+ // Show slider only if we have more than one featured post.
+ if ( $featured->post_count > 1 ) :
+ ?>
+ <nav class="feature-slider">
+ <ul>
+ <?php
+
+ // Reset the counter so that we end up with matching elements
+ $counter_slider = 0;
+
+ // Begin from zero
+ rewind_posts();
+
+ // Let's roll again.
+ while ( $featured->have_posts() ) : $featured->the_post();
+ $counter_slider++;
+ if ( 1 == $counter_slider )
+ $class = 'class="active"';
+ else
+ $class = '';
+ ?>
+ <li><a href="#featured-post-<?php echo $counter_slider; ?>" title="<?php printf( esc_attr__( 'Featuring: %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" <?php echo $class; ?>></a></li>
+ <?php endwhile; ?>
+ </ul>
+ </nav>
+ <?php endif; // End check for more than one sticky post. ?>
+ </div><!-- .featured-posts -->
+ <?php endif; // End check for published posts. ?>
+ <?php endif; // End check for sticky posts. ?>
+
+ <section class="recent-posts">
+ <h1 class="showcase-heading"><?php _e( 'Recent Posts', 'twentyeleven' ); ?></h1>
+
+ <?php
+
+ // Display our recent posts, showing full content for the very latest, ignoring Aside posts.
+ $recent_args = array(
+ 'order' => 'DESC',
+ 'post__not_in' => get_option( 'sticky_posts' ),
+ 'tax_query' => array(
+ array(
+ 'taxonomy' => 'post_format',
+ 'terms' => array( 'post-format-aside', 'post-format-link', 'post-format-quote', 'post-format-status' ),
+ 'field' => 'slug',
+ 'operator' => 'NOT IN',
+ ),
+ ),
+ 'no_found_rows' => true,
+ );
+
+ // Our new query for the Recent Posts section.
+ $recent = new WP_Query( $recent_args );
+
+ // The first Recent post is displayed normally
+ if ( $recent->have_posts() ) : $recent->the_post();
+
+ // Set $more to 0 in order to only get the first part of the post.
+ global $more;
+ $more = 0;
+
+ get_template_part( 'content', get_post_format() );
+
+ echo '<ol class="other-recent-posts">';
+
+ endif;
+
+ // For all other recent posts, just display the title and comment status.
+ while ( $recent->have_posts() ) : $recent->the_post(); ?>
+
+ <li class="entry-title">
+ <a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
+ <span class="comments-link">
+ <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentyeleven' ) . '</span>', __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?>
+ </span>
+ </li>
+
+ <?php
+ endwhile;
+
+ // If we had some posts, close the <ol>
+ if ( $recent->post_count > 0 )
+ echo '</ol>';
+ ?>
+ </section><!-- .recent-posts -->
+
+ <div class="widget-area" role="complementary">
+ <?php if ( ! dynamic_sidebar( 'sidebar-2' ) ) : ?>
+
+ <?php
+ the_widget( 'Twenty_Eleven_Ephemera_Widget', '', array( 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>' ) );
+ ?>
+
+ <?php endif; // end sidebar widget area ?>
+ </div><!-- .widget-area -->
+
+ </div><!-- #content -->
+ </div><!-- #primary -->
+
+<?php get_footer(); ?>
\ No newline at end of file