css 添加在Freshly皮肤预览中但在皮肤中缺失的主页横幅（尽管已实现CSS）作为窗口小部件区域

Posted 2021-05-13

//* Add the home banner widget area
genesis_register_sidebar( array(
	'id'			=> 'home-banner',
	'name'			=> __( 'Home Banner', 'dynamik-gen' ),
	'description'	=> __( 'This is the widget area for the Freshly home banner.', 'dynamik-gen' ),
) );

//* Hook the home-banner-area to after_header
add_action( 'genesis_after_header', 'freshly_home_banner', 15 );
function freshly_home_banner() {

//* Don´t add the widget area if it isn´t home or frontpage
if ( ! is_home() || !is_front_page() )
return;

    genesis_widget_area( 'home-banner', array(
        'before' => '<div class="freshly-home-banner"><div class="wrap">',
        'after'  => '</div></div>',
    ) );

}

/* Add in skin - CSS only if not present yet (in older versions it is) and edit to suit your needs*/
.freshly-home-banner {
	background: #07B3D5;
	width: 100%;
	color: #FFFFFF;
	font-size: 30px;
	font-size: 3rem;
	font-family: "Raleway", sans-serif;
	font-style: italic;
	float: left;
}

.freshly-home-banner .wrap {
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}