mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-30 21:17:57 +01:00
aaf99e6913
WordPress' code just... wasn't. This is now dealt with. Props jrf, pento, netweb, GaryJ, jdgrimes, westonruter, Greg Sherwood from PHPCS, and everyone who's ever contributed to WPCS and PHPCS. Fixes #41057. Built from https://develop.svn.wordpress.org/trunk@42343 git-svn-id: http://core.svn.wordpress.org/trunk@42172 1a063a9b-81f0-0310-95a4-ce76da25c4cd
130 lines
4.3 KiB
PHP
130 lines
4.3 KiB
PHP
<?php
|
|
/**
|
|
* Custom header implementation
|
|
*
|
|
* @link https://codex.wordpress.org/Custom_Headers
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Twenty_Seventeen
|
|
* @since 1.0
|
|
*/
|
|
|
|
/**
|
|
* Set up the WordPress core custom header feature.
|
|
*
|
|
* @uses twentyseventeen_header_style()
|
|
*/
|
|
function twentyseventeen_custom_header_setup() {
|
|
|
|
/**
|
|
* Filter Twenty Seventeen custom-header support arguments.
|
|
*
|
|
* @since Twenty Seventeen 1.0
|
|
*
|
|
* @param array $args {
|
|
* An array of custom-header support arguments.
|
|
*
|
|
* @type string $default-image Default image of the header.
|
|
* @type string $default_text_color Default color of the header text.
|
|
* @type int $width Width in pixels of the custom header image. Default 954.
|
|
* @type int $height Height in pixels of the custom header image. Default 1300.
|
|
* @type string $wp-head-callback Callback function used to styles the header image and text
|
|
* displayed on the blog.
|
|
* @type string $flex-height Flex support for height of header.
|
|
* }
|
|
*/
|
|
add_theme_support(
|
|
'custom-header', apply_filters(
|
|
'twentyseventeen_custom_header_args', array(
|
|
'default-image' => get_parent_theme_file_uri( '/assets/images/header.jpg' ),
|
|
'width' => 2000,
|
|
'height' => 1200,
|
|
'flex-height' => true,
|
|
'video' => true,
|
|
'wp-head-callback' => 'twentyseventeen_header_style',
|
|
)
|
|
)
|
|
);
|
|
|
|
register_default_headers(
|
|
array(
|
|
'default-image' => array(
|
|
'url' => '%s/assets/images/header.jpg',
|
|
'thumbnail_url' => '%s/assets/images/header.jpg',
|
|
'description' => __( 'Default Header Image', 'twentyseventeen' ),
|
|
),
|
|
)
|
|
);
|
|
}
|
|
add_action( 'after_setup_theme', 'twentyseventeen_custom_header_setup' );
|
|
|
|
if ( ! function_exists( 'twentyseventeen_header_style' ) ) :
|
|
/**
|
|
* Styles the header image and text displayed on the blog.
|
|
*
|
|
* @see twentyseventeen_custom_header_setup().
|
|
*/
|
|
function twentyseventeen_header_style() {
|
|
$header_text_color = get_header_textcolor();
|
|
|
|
// If no custom options for text are set, let's bail.
|
|
// get_header_textcolor() options: add_theme_support( 'custom-header' ) is default, hide text (returns 'blank') or any hex value.
|
|
if ( get_theme_support( 'custom-header', 'default-text-color' ) === $header_text_color ) {
|
|
return;
|
|
}
|
|
|
|
// If we get this far, we have custom styles. Let's do this.
|
|
?>
|
|
<style id="twentyseventeen-custom-header-styles" type="text/css">
|
|
<?php
|
|
// Has the text been hidden?
|
|
if ( 'blank' === $header_text_color ) :
|
|
?>
|
|
.site-title,
|
|
.site-description {
|
|
position: absolute;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
}
|
|
<?php
|
|
// If the user has set a custom color for the text use that.
|
|
else :
|
|
?>
|
|
.site-title a,
|
|
.colors-dark .site-title a,
|
|
.colors-custom .site-title a,
|
|
body.has-header-image .site-title a,
|
|
body.has-header-video .site-title a,
|
|
body.has-header-image.colors-dark .site-title a,
|
|
body.has-header-video.colors-dark .site-title a,
|
|
body.has-header-image.colors-custom .site-title a,
|
|
body.has-header-video.colors-custom .site-title a,
|
|
.site-description,
|
|
.colors-dark .site-description,
|
|
.colors-custom .site-description,
|
|
body.has-header-image .site-description,
|
|
body.has-header-video .site-description,
|
|
body.has-header-image.colors-dark .site-description,
|
|
body.has-header-video.colors-dark .site-description,
|
|
body.has-header-image.colors-custom .site-description,
|
|
body.has-header-video.colors-custom .site-description {
|
|
color: #<?php echo esc_attr( $header_text_color ); ?>;
|
|
}
|
|
<?php endif; ?>
|
|
</style>
|
|
<?php
|
|
}
|
|
endif; // End of twentyseventeen_header_style.
|
|
|
|
/**
|
|
* Customize video play/pause button in the custom header.
|
|
*
|
|
* @param array $settings Video settings.
|
|
* @return array The filtered video settings.
|
|
*/
|
|
function twentyseventeen_video_controls( $settings ) {
|
|
$settings['l10n']['play'] = '<span class="screen-reader-text">' . __( 'Play background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'play' ) );
|
|
$settings['l10n']['pause'] = '<span class="screen-reader-text">' . __( 'Pause background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'pause' ) );
|
|
return $settings;
|
|
}
|
|
add_filter( 'header_video_settings', 'twentyseventeen_video_controls' );
|