lightning シルベラボ　で行なった修正

by .

ヘッダー

functioons.php で、ヘッダーウィジェットを追加。

 

 

/* ヘッダー右ウィジェットの作成 */
function my_register_sidebar() {
    register_sidebar( array(
        'name' => 'ヘッダー右',
        'id' => 'header-right-widget',
        'description' => '画面右上に表示されるウィジェットです。',
        'before_widget' => '<aside class="widget %2$s" id="%1$s">',
        'after_widget'  => '</aside>',
    ) );
}
add_action( 'widgets_init', 'my_register_sidebar', 999 );
 
/* ヘッダー右ウィジェットの表示 */
function my_lightning_site_header_logo_after() {
    if ( is_active_sidebar( 'header-right-widget' ) ) {
        echo '<div class="site-header-sub">';
            dynamic_sidebar( 'header-right-widget' );
        echo '</div>';
    }
}
add_action( 'lightning_site_header_logo_after', 'my_lightning_site_header_logo_after' );
 
/* ヘッダーのクラス名を変更 */
function my_lightning_get_class_names( $class ) {
    $class['site-header'][1] = 'site-header--layout--sub-active';
    $class['global-nav'][1]  = 'global-nav--layout--penetration';
    return $class;
}
add_filter( 'lightning_get_class_names', 'my_lightning_get_class_names' );

トップページのサービス。半透明のボックス内に、不透明のボタンを設置。（透明枠外で既述し、該当オブジェクトを「margin-top:-●●em」で配置）

固定ページの黄色い帯の高さを変更

page-header{
	background-color:#ffe100;
	padding-top:0 !important;
	padding-bottom:0 !important;
	/*height:0px !important;*/
	min-height: 4rem;
}

上記の「min-height: 4rem;」 が重要！！（ ただの height では効かない）