アクティブだったらサイドバーを活用したい場合 | 京都でホームページ制作『みやこデザイン』

　サイドバーは普通に書くと、アクティブでない場合もマークアップされてしまう。なので、サイドバーに何か入っている時だけアクティブにするというコードが便利だ。いつでも引っ張り出すのに苦労するのでここに書き留めておこう。

<?php if ( is_active_sidebar( 'leftsidebar' ) ) : ?>
	<aside id="leftsidebar" class="widget-area">
		<?php dynamic_sidebar( 'leftsidebar' ); ?>
	</aside>
<?php endif; ?>

<?php if ( is_active_sidebar( 'leftsidebar' ) ) : ?>

<?php dynamic_sidebar( 'leftsidebar' ); ?>

</aside>

<?php endif; ?>

条件の中にHTMLも詰め込んでおけば、サイドバーが空欄であれば無駄な出力がなくなるってことか。
動いてるよ～
あ、ちなみにこれは、functions.phpでウィジェット作ってるあるね。
それもメモっておこう。

function hoge_widgets_init() {
	register_sidebar( array(
		'name'          => esc_html__( 'leftsidebar', 'hogetheme' ),
		'id'            => 'leftsidebar',
		'description'   => '',
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
}
add_action( 'widgets_init', 'hoge_widgets_init' );

function hoge_widgets_init() {

register_sidebar( array(

'name' => esc_html__( 'leftsidebar', 'hogetheme' ),

'id' => 'leftsidebar',

'description' => '',

'before_widget' => '<section id="%1$s" class="widget %2$s">',

'after_widget' => '</section>',

'before_title' => '<h2 class="widget-title">',

'after_title' => '</h2>',

) );

}

add_action( 'widgets_init', 'hoge_widgets_init' );

nameのhogethemeは変更の必要あるね。