Changeset 25979 for trunk/src/wp-content/themes/twentyfourteen/functions.php

Timestamp:

10/29/2013 04:28:11 PM (11 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: implement an alternate "slider" view for home page featured content. Props iamtakashi for the design and implementation. Slider JavaScript code adapted from FlexSlider v2.2.0 props WooThemes and mbmufffin. See #25550.

File:

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

trunk/src/wp-content/themes/twentyfourteen/functions.php

@@ -69 +69 @@
 
     // Add several sizes for Post Thumbnails.
+    add_image_size( 'post-thumbnail-slider', 1038, 576, true );
     add_image_size( 'post-thumbnail-grid', 672, 372, true );
     add_image_size( 'post-thumbnail', 672, 0 );
@@ -220 +221 @@
  */
 function twentyfourteen_scripts() {
-
     // Add Lato font, used in the main stylesheet.
-    wp_enqueue_style( 'twentyfourteen-lato' );
+    wp_enqueue_style( 'twentyfourteen-lato', twentyfourteen_font_url(), array(), null );
 
     // Add Genericons font, used in the main stylesheet.
@@ -239 +239 @@
         wp_enqueue_script( 'jquery-masonry' );
 
+    if ( 'slider' == get_theme_mod( 'featured_content_layout' ) )
+        wp_enqueue_script( 'twentyfourteen-slider', get_template_directory_uri() . '/js/slider.js', array( 'jquery' ), '20131028', true );
+
     wp_enqueue_script( 'twentyfourteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20131011', true );
-
-    // Add Lato font used in the main stylesheet.
-    wp_enqueue_style( 'twentyfourteen-lato', twentyfourteen_font_url(), array(), null );
 }
 add_action( 'wp_enqueue_scripts', 'twentyfourteen_scripts' );
@@ -366 +366 @@
  * 5. Presence of footer widgets.
  * 6. Single views.
+ * 7. Featured content layout.
  *
  * @since Twenty Fourteen 1.0
@@ -396 +397 @@
         $classes[] = 'singular';
 
+    if ( is_front_page() && 'slider' == get_theme_mod( 'featured_content_layout' ) )
+        $classes[] = 'slider';
+    elseif ( is_front_page() )
+        $classes[] = 'grid';
+
     return $classes;
 }