Toevoegen widget positie in WordPress

Standaard heeft je thema die je gebruikt in WordPress een vast aantal widget positie’s. Om deze positie’s uit te breiden kun je zelf een widget toevoegen aan je thema. Hieronder een eenvoudige tutorial hoe dit in zijn werk gaat.

Voeg in functions.php de volgende code toe.

function twentythirteen_widgets_init() {
	register_sidebar( array(
		'name'          => __( 'Positienaam', 'twentythirteen' ),
		'id'            => 'Positie ID',
		'description'   => __( 'Appears on site.', 'twentythirteen' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<h3 class="widget-title">',
		'after_title'   => '</h3>',
	) );
}
add_action( 'widgets_init', 'twentythirteen_widgets_init' );
if (function_exists('mb_internal_encoding')) {
    mb_internal_encoding(get_bloginfo('charset'));
}
if (function_exists('mb_regex_encoding')) {
    mb_regex_encoding(get_bloginfo('charset'));
}

Vul bij ‘name’ en ‘ID’ de naam in voor de positie.

Voeg in je php document waar de positie moet komen (bijv header.php of footer.php) de volgende code toe:

<?php if ( is_active_sidebar( 'positie naam' ) ) : ?>
	<div id="positie ID"> <div class="eventueel extra class" role="complementary">
		<?php dynamic_sidebar( 'positie naam' ); ?></div>
	</div>
<?php endif; ?>

Wanneer je in WordPress admin bij weergave widgets gaat kijken is de positie toegevoegd.
Nu kun je de positie stylen doormiddel van CSS.