Changeset 38985 for trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php

Timestamp:

10/27/2016 09:50:56 PM (8 years ago)

Author:

joemcgill

Message:

Themes: Enable video in custom headers.

This adds the ability for themes to add support for videos in custom headers
by passing 'video' => true as an argument when adding theme support for
custom headers.

Custom video headers are managed through the “Header Visuals” (i.e. “Header Image”)
panel in the Customizer where you can select a video from the media library or set a
URL to an external video (YouTube for now) for use in custom headers.

This introduces several new functions:

has_header_video() – Check whether a header video is set or not.
get_header_video_url() – Retrieve header video URL for custom header.
the_header_video_url() – Display header video URL.
get_header_video_settings() – Retrieve header video settings.
has_custom_header() – Check whether a custom header is set or not.
get_custom_header_markup() – Retrieve the markup for a custom header.
the_custom_header_markup() – Print the markup for a custom header.

And a new file, wp-includes/js/wp-custom-header.js that handles loading videos
in custom headers.

This also enables video headers in the Twenty Seventeen and Twenty Fourteen themes.

Props davidakennedy, celloexpressions, bradyvercher, laurelfulford, joemcgill.
Fixes #38172.

File:

• trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php (modified) (1 diff)

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

@@ -17 +17 @@
 function twentyfourteen_customize_register( $wp_customize ) {
     // Add postMessage support for site title and description.
-    $wp_customize->get_setting( 'blogname' )->transport         = 'postMessage';
-    $wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';
-    $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
+    $wp_customize->get_setting( 'blogname' )->transport          = 'postMessage';
+    $wp_customize->get_setting( 'blogdescription' )->transport   = 'postMessage';
+    $wp_customize->get_setting( 'header_textcolor' )->transport  = 'postMessage';
+    $wp_customize->get_setting( 'header_image' )->transport      = 'postMessage';
+    $wp_customize->get_setting( 'header_image_data' )->transport = 'postMessage';
 
     if ( isset( $wp_customize->selective_refresh ) ) {