css 向Genesis childtheme Dynamik添加自定义标头支持以及插件“Unique Headers”以在diffe上添加不同的标题图像

Posted 2021-05-13

<?php
//don't add the opening php tag in Dynamik Functions, only copy from the following lines

// As long as you use background-size:cover in your CSS, the sizes don´t matter that much, but the pic should be large enough and optimized 
// You can edit the args if needed.
add_theme_support( 'genesis-custom-header', array( 'width' => 980, 'height' => 400, 'flex-width' => true, 'header-selector' => '.site-header') );

/** 
 *
 * Add Body Class 'header-image' if 'genesis_custom_header'
 * exists and image logo setting in Customizer or Theme Settings
 *
 */
//* Add custom body class to the head
if ( genesis_get_option('blog_title') == 'image' && function_exists( 'genesis_custom_header' ) ) {
	add_filter( 'body_class', 'sp_body_class' );
	function sp_body_class( $classes ) {	
	$classes[] = 'header-image';
	return $classes;
	
	}
}

.custom-header .site-header { 
	background-color: transparent;  
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center center;
	-o-background-size: cover!important; 
	-moz-background-size: cover!important; 
	-webkit-background-size: cover!important;  
	background-size: cover!important;
}