WordPress.org
Get WordPress

Make WordPress Core


Ignore:
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:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyfourteen/header.php

    r31794 r38985  
    3333<body <?php body_class(); ?>>
    3434<div id="page" class="hfeed site">
    35     <?php if ( get_header_image() ) : ?>
     35    <?php if ( function_exists( 'has_header_video' ) && has_header_video() ) : ?>
     36        <div id="site-header">
     37            <?php the_custom_header_markup(); ?>
     38        </div>
     39    <?php elseif ( get_header_image() ) : ?>
    3640    <div id="site-header">
    3741        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
Note: See TracChangeset for help on using the changeset viewer.