Changeset 43842 for branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php

Timestamp:

10/30/2018 02:13:07 AM (6 years ago)

Author:

allancole

Message:

Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.

Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: ​https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart.

File:

• branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php (modified) (3 diffs)

branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php

@@ -5 +5 @@
  * @package WordPress
  * @subpackage Twenty_Nineteen
+ * @since 1.0.0
  */
 
@@ -33 +34 @@
         );
     }
+
+    /**
+     * Custom colors.
+     */
+    $wp_customize->add_setting(
+        'colorscheme',
+        array(
+            'default'           => 'default',
+            'transport'         => 'postMessage',
+            'sanitize_callback' => 'twentynineteen_sanitize_color_option',
+        )
+    );
+
+    $wp_customize->add_control(
+        'colorscheme',
+        array(
+            'type'    => 'radio',
+            'label'    => __( 'Color Scheme', 'twentynineteen' ),
+            'choices'  => array(
+                'default'  => __( 'Default', 'twentynineteen' ),
+                'custom' => __( 'Custom', 'twentynineteen' ),
+            ),
+            'section'  => 'colors',
+            'priority' => 5,
+        )
+    );
+
+    // Add primary color setting and control.
+    $wp_customize->add_setting(
+        'colorscheme_hue',
+        array(
+            'default'           => 199,
+            'transport'         => 'postMessage',
+            'sanitize_callback' => 'absint',
+        )
+    );
+
+    $wp_customize->add_control(
+        new WP_Customize_Color_Control(
+            $wp_customize,
+            'colorscheme_hue',
+            array(
+                'label'       => __( 'Primary Color' ),
+                'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.' ),
+                'section'     => 'colors',
+                'mode'        => 'hue',
+            )
+        )
+    );
+
+    $wp_customize->add_setting(
+        'image_filter',
+        array(
+            'default'           => 'active',
+            'sanitize_callback' => 'twentynineteen_sanitize_image_filter',
+            'transport'         => 'postMessage',
+        )
+    );
+
+    $wp_customize->add_control(
+        'image_filter',
+        array(
+            'label'       => __( 'Featured Image Color Filter', 'twentynineteen' ),
+            'section'     => 'colors',
+            'type'        => 'radio',
+            'description' => __( "Twenty Nineteen adds a color filter to featured images using your site's primary color. If you disable this effect, the theme will use a black filter in individual posts to keep text readable when it appears on top of the featured image.", 'twentynineteen' ) . '<br/><span style="font-style: normal; display: block; margin-top: 16px;">' . __( 'On Featured Images, apply', 'twentynineteen' ) . '</span>',
+            'choices'     => array(
+                'active'   => __( 'A color filter', 'twentynineteen' ),
+                'inactive' => __( 'A black filter', 'twentynineteen' ),
+            ),
+        )
+    );
 }
 add_action( 'customize_register', 'twentynineteen_customize_register' );
@@ -55 +128 @@
 
 /**
- * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
+ * Bind JS handlers to instantly live-preview changes.
  */
 function twentynineteen_customize_preview_js() {
-    wp_enqueue_script( 'twentynineteen-customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20151215', true );
+    wp_enqueue_script( 'twentynineteen-customize-preview', get_theme_file_uri( '/js/customize-preview.js' ), array( 'customize-preview' ), '20151215', true );
 }
 add_action( 'customize_preview_init', 'twentynineteen_customize_preview_js' );
+
+/**
+ * Load dynamic logic for the customizer controls area.
+ */
+function twentynineteen_panels_js() {
+    wp_enqueue_script( 'twentynineteen-customize-controls', get_theme_file_uri( '/js/customize-controls.js' ), array(), '1.0', true );
+}
+add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
+
+/**
+ * Sanitize image filter choice.
+ *
+ * @param string $choice Whether image filter is active.
+ *
+ * @return string
+ */
+function twentynineteen_sanitize_color_option( $choice ) {
+    $valid = array(
+        'default',
+        'custom',
+    );
+
+    if ( in_array( $choice, $valid, true ) ) {
+        return $choice;
+    }
+
+    return 'default';
+}
+/**
+ * Sanitize image filter choice.
+ *
+ * @param string $choice Whether image filter is active.
+ *
+ * @return string
+ */
+function twentynineteen_sanitize_image_filter( $choice ) {
+    $valid = array(
+        'active',
+        'inactive',
+    );
+
+    if ( in_array( $choice, $valid, true ) ) {
+        return $choice;
+    }
+
+    return 'active';
+}