Changeset 44149 for trunk/src/wp-content/themes/twentynineteen/inc/customizer.php

Timestamp:

12/14/2018 02:32:33 AM (6 years ago)

Author:

pento

Message:

Default Themes: Import Twenty Nineteen from the 5.0 branch.

Merges [43808,43821,43842,43860,43892,43904,43909,43926-43929,43956,43961-43963] from the 5.0 branch to trunk.

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, jorbin, netweb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins, peterwilsoncc, dannycooper, iCaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, grapplerulrich, ocean90, joshfeck, frankew, AbdulWahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, nao, mayukojpn, enodekciw, ketuchetan, atanasangelovdev, poena, sharaz, artisticasad, mukesh27, burhandodhy, crunnells, aprakasa, themeroots, imonly_ik, tlxo, youthkee, brentswisher, smyoon315, mrahmadawais, desideveloper, Kau-Boy, mor10, mikeyarce, dingo_bastard, xkon, twoabove.

Fixes #45424.

Location:

trunk

Files:

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

trunk/src/wp-content/themes/twentynineteen/inc/customizer.php

@@ -1 +1 @@
 <?php
 /**
- * Twenty Nineteen Theme Customizer
+ * Twenty Nineteen: Customizer
  *
  * @package WordPress
  * @subpackage Twenty_Nineteen
+ * @since 1.0.0
  */
 
@@ -33 +34 @@
         );
     }
+
+    /**
+     * Primary color.
+     */
+    $wp_customize->add_setting(
+        'primary_color',
+        array(
+            'default'           => 'default',
+            'transport'         => 'postMessage',
+            'sanitize_callback' => 'twentynineteen_sanitize_color_option',
+        )
+    );
+
+    $wp_customize->add_control(
+        'primary_color',
+        array(
+            'type'     => 'radio',
+            'label'    => __( 'Primary Color', 'twentynineteen' ),
+            'choices'  => array(
+                'default'  => _x( 'Default', 'primary color', 'twentynineteen' ),
+                'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
+            ),
+            'section'  => 'colors',
+            'priority' => 5,
+        )
+    );
+
+    // Add primary color hue setting and control.
+    $wp_customize->add_setting(
+        'primary_color_hue',
+        array(
+            'default'           => 199,
+            'transport'         => 'postMessage',
+            'sanitize_callback' => 'absint',
+        )
+    );
+
+    $wp_customize->add_control(
+        new WP_Customize_Color_Control(
+            $wp_customize,
+            'primary_color_hue',
+            array(
+                'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
+                'section'     => 'colors',
+                'mode'        => 'hue',
+            )
+        )
+    );
+
+    // Add image filter setting and control.
+    $wp_customize->add_setting(
+        'image_filter',
+        array(
+            'default'           => 1,
+            'sanitize_callback' => 'absint',
+            'transport'         => 'postMessage',
+        )
+    );
+
+    $wp_customize->add_control(
+        'image_filter',
+        array(
+            'label'   => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
+            'section' => 'colors',
+            'type'    => 'checkbox',
+        )
+    );
 }
 add_action( 'customize_register', 'twentynineteen_customize_register' );
@@ -55 +123 @@
 
 /**
- * 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 custom color 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';
+}