In WordPress kun je gebruik maken van zogenaamde widgets. Deze kunnen op vaste plekken in je theme geplaatst worden. Sommige themes hebben enkel een sidebar container, maar soms wordt ook een footer container gebruikt.

In sommige gevallen kan het handig zijn dat je zelf op een locatie elders zo’n container plaatst. Ik had het bijvoorbeeld eens nodig om rechts boven in de website contact gegevens de plaatsen. Maar wel zo dat iemand anders het makkelijk kan aanpassen vanuit de WP-admin.

Stap 1: Maak de widget container aan

Ga in je themes map opzoek naar de functions.php (/wp-content/themes//functions.php). Daar staat zoiets als:

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'sidebar',
     'id' => 'Sidebar',
    'before_widget' => '<div class="sidebox">',
    'after_widget' => '</div>',
	'before_title' => '<h3 class="sidetitl">',
    'after_title' => '</h3>',
	));

register_sidebar(array(
	'name' => 'Footer',
     'id' => 'footer',
    'before_widget' => '<div class="botwid">',
    'after_widget' => '</div>',
	'before_title' => '<h3 class="bothead">',
    'after_title' => '</h3>',
    ));		

Daar kun je je eigen widget container onder toevoegen. Bijvoorbeeld:

register_sidebar(array(
	'name' => 'Contact gegevens',
     'id' => 'contact-gegevens',
    'before_widget' => '<div class="contact">',
    'after_widget' => '</div>',
	'before_title' => '<h3>',
    'after_title' => '</h3>',
    ));		

Je krijgt dan in je Widgets onderdeel in je WordPress een container erbij:

Stap 2: Plaats je container op de juiste locatie

Nu je de container hebt aangemaakt moet je hem alleen nog op de juiste plaats plaatsen in je theme. Wil je hem in je sidebar toevoegen? Dan plaats je de volgende code in de sidebar.php. Maar wil je hem in de header, dan plaats je hem in de header.php etc.

<?php if (!dynamic_sidebar("contact-gegevens") ) : ?>
<?php endif; ?>

Het deel tussen de aanhalingstekens moet de naam van jou container bevatten, en wanneer je ook standaard iets op die plaats wilt tonen kun je tussen regel 1 en regel 2 eventuele code plaatsen.