2022-01

Twentyseventeenの動画ヘッダーをスマホでも表示させる

Twentyseventeenのヘッダーメディアで動画を入れ、PCでもスマホでも表示させるには以下を記述

style.cssに、

functions.phpに、

<?php
/**
 * Twenty Seventeen Child Theme functions
 *
 * @link https://developer.wordpress.org/themes/basics/theme-functions/
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 */

/*
 * Enqueue parent and child theme styles.
 */
function twentyseventeenchild_enqueue_styles() {
	$parent_style = 'twentyseventeen-parent-style';
	wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'twentyseventeenchild_enqueue_styles' );

/*
 * Change the minimum screen size to use the video header
 */
function twentyseventeenchild_video_size( $settings ) {
	$settings['minWidth'] = 100;
	$settings['minHeight'] = 100;
	return $settings;
}
add_filter( 'header_video_settings', 'twentyseventeenchild_video_size' );