wp-content/themes/twentyfourteen/inc/customizer.php

   1 <?php
   2 /**
   3  * Twenty Fourteen Theme Customizer support
   4  *
   5  * @package WordPress
   6  * @subpackage Twenty_Fourteen
   7  * @since Twenty Fourteen 1.0
   8  */
   9
  10 /**
  11  * Implement Theme Customizer additions and adjustments.
  12  *
  13  * @since Twenty Fourteen 1.0
  14  *
  15  * @param WP_Customize_Manager $wp_customize Theme Customizer object.
  16  */
  17 function twentyfourteen_customize_register( $wp_customize ) {
  18         // Add custom description to Colors and Background sections.
  19         $wp_customize->get_section( 'colors' )->description           = __( 'Background may only be visible on wide screens.', 'twentyfourteen' );
  20         $wp_customize->get_section( 'background_image' )->description = __( 'Background may only be visible on wide screens.', 'twentyfourteen' );
  21
  22         // Add postMessage support for site title and description.
  23         $wp_customize->get_setting( 'blogname' )->transport         = 'postMessage';
  24         $wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';
  25         $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
  26
  27         // Rename the label to "Site Title Color" because this only affects the site title in this theme.
  28         $wp_customize->get_control( 'header_textcolor' )->label = __( 'Site Title Color', 'twentyfourteen' );
  29
  30         // Rename the label to "Display Site Title & Tagline" in order to make this option extra clear.
  31         $wp_customize->get_control( 'display_header_text' )->label = __( 'Display Site Title &amp; Tagline', 'twentyfourteen' );
  32
  33         // Add the featured content section in case it's not already there.
  34         $wp_customize->add_section( 'featured_content', array(
  35                 'title'       => __( 'Featured Content', 'twentyfourteen' ),
  36                 'description' => sprintf( __( 'Use a <a href="%1$s">tag</a> to feature your posts. If no posts match the tag, <a href="%2$s">sticky posts</a> will be displayed instead.', 'twentyfourteen' ),
  37                         esc_url( add_query_arg( 'tag', _x( 'featured', 'featured content default tag slug', 'twentyfourteen' ), admin_url( 'edit.php' ) ) ),
  38                         admin_url( 'edit.php?show_sticky=1' )
  39                 ),
  40                 'priority'    => 130,
  41         ) );
  42
  43         // Add the featured content layout setting and control.
  44         $wp_customize->add_setting( 'featured_content_layout', array(
  45                 'default'           => 'grid',
  46                 'sanitize_callback' => 'twentyfourteen_sanitize_layout',
  47         ) );
  48
  49         $wp_customize->add_control( 'featured_content_layout', array(
  50                 'label'   => __( 'Layout', 'twentyfourteen' ),
  51                 'section' => 'featured_content',
  52                 'type'    => 'select',
  53                 'choices' => array(
  54                         'grid'   => __( 'Grid',   'twentyfourteen' ),
  55                         'slider' => __( 'Slider', 'twentyfourteen' ),
  56                 ),
  57         ) );
  58 }
  59 add_action( 'customize_register', 'twentyfourteen_customize_register' );
  60
  61 /**
  62  * Sanitize the Featured Content layout value.
  63  *
  64  * @since Twenty Fourteen 1.0
  65  *
  66  * @param string $layout Layout type.
  67  * @return string Filtered layout type (grid|slider).
  68  */
  69 function twentyfourteen_sanitize_layout( $layout ) {
  70         if ( ! in_array( $layout, array( 'grid', 'slider' ) ) ) {
  71                 $layout = 'grid';
  72         }
  73
  74         return $layout;
  75 }
  76
  77 /**
  78  * Bind JS handlers to make Theme Customizer preview reload changes asynchronously.
  79  *
  80  * @since Twenty Fourteen 1.0
  81  */
  82 function twentyfourteen_customize_preview_js() {
  83         wp_enqueue_script( 'twentyfourteen_customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20131205', true );
  84 }
  85 add_action( 'customize_preview_init', 'twentyfourteen_customize_preview_js' );
  86
  87 /**
  88  * Add contextual help to the Themes and Post edit screens.
  89  *
  90  * @since Twenty Fourteen 1.0
  91  */
  92 function twentyfourteen_contextual_help() {
  93         if ( 'admin_head-edit.php' === current_filter() && 'post' !== $GLOBALS['typenow'] ) {
  94                 return;
  95         }
  96
  97         get_current_screen()->add_help_tab( array(
  98                 'id'      => 'twentyfourteen',
  99                 'title'   => __( 'Twenty Fourteen', 'twentyfourteen' ),
 100                 'content' =>
 101                         '<ul>' .
 102                                 '<li>' . sprintf( __( 'The home page features your choice of up to 6 posts prominently displayed in a grid or slider, controlled by a <a href="%1$s">tag</a>; you can change the tag and layout in <a href="%2$s">Appearance &rarr; Customize</a>. If no posts match the tag, <a href="%3$s">sticky posts</a> will be displayed instead.', 'twentyfourteen' ), esc_url( add_query_arg( 'tag', _x( 'featured', 'featured content default tag slug', 'twentyfourteen' ), admin_url( 'edit.php' ) ) ), admin_url( 'customize.php' ), admin_url( 'edit.php?show_sticky=1' ) ) . '</li>' .
 103                                 '<li>' . sprintf( __( 'Enhance your site design by using <a href="%s">Featured Images</a> for posts you&rsquo;d like to stand out (also known as post thumbnails). This allows you to associate an image with your post without inserting it. Twenty Fourteen uses featured images for posts and pages&mdash;above the title&mdash;and in the Featured Content area on the home page.', 'twentyfourteen' ), 'http://codex.wordpress.org/Post_Thumbnails#Setting_a_Post_Thumbnail' ) . '</li>' .
 104                                 '<li>' . sprintf( __( 'For an in-depth tutorial, and more tips and tricks, visit the <a href="%s">Twenty Fourteen documentation</a>.', 'twentyfourteen' ), 'http://codex.wordpress.org/Twenty_Fourteen' ) . '</li>' .
 105                         '</ul>',
 106         ) );
 107 }
 108 add_action( 'admin_head-themes.php', 'twentyfourteen_contextual_help' );
 109 add_action( 'admin_head-edit.php',   'twentyfourteen_contextual_help' );