WordPress 4.7

[autoinstalls/wordpress.git] / wp-content / themes / twentyseventeen / inc / custom-header.php

diff --git a/wp-content/themes/twentyseventeen/inc/custom-header.php b/wp-content/themes/twentyseventeen/inc/custom-header.php
new file mode 100644 (file)
index 0000000..92940a8
--- /dev/null
+++ b/wp-content/themes/twentyseventeen/inc/custom-header.php
@@ -0,0 +1,120 @@
+<?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.
+ */
+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' );