WordPress sidebar met widget toevoegen

Om bij WordPress een sidebar met widget…

toe te voegen zoals je bijvoorbeeld een sidebar rechts of een sidebar boven je content hebt is op de volgende manier te doen. Ik ga uit van het TwentyTen thema en maak een sidebar boven de content.
 

Stap 1: functions.php widgetized area toevoegen
// Area 8, Top sidebar.
register_sidebar(array(
‘name’ => __( ‘Top Sidebar’ ),
‘id’ => ‘top-sidebar’,
‘description’ => __( ‘Widgets in this area will be shown above the content.’ ),
‘before_widget’ => ‘<div id=”%1$s”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h3>’,
‘after_title’ => ‘</h3>’,
));

 

Stap 2: Maak een extra sidebar-naam.php aan bijv. sidebar-top
sidebar-top.php
<?php
/**
* Top sidebar widgetized
*/
?>

 

<?php
/* When we call the dynamic_sidebar() function, it’ll spit out
* the widgets for that widget area. If it instead returns false,
* then the sidebar simply doesn’t exist, so we’ll hard-code in
* some default sidebar stuff just in case.
*/
if ( ! dynamic_sidebar( ‘top-sidebar’ ) ) : ?>

<?php endif; // end sidebar widget area ?>

 

Stap 3: pas page.php aan
Page.php
<div id=”content-top”>
<?php get_sidebar(‘top’); ?>
</div>

 

That’s it! Nu staat een extra widget area bij scherm Widgets.

 

Later alleen nog de juiste widget opmaken met CSS. Gaat handig omdat de widget ook nog tussen een DIV staat.

 

php logo

Damiaan van Vliet on FacebookDamiaan van Vliet on Linkedin
Damiaan van Vliet
Damiaan van Vliet is WordPress front-end developer bij Albus Webdesign. Hij heeft meer dan 25 jaar ervaring in de ICT sector. Zijn kernwaarden zijn geduldig, doelgericht en gestructureerd. Hij stemt zichzelf af op de wensen van de klant en houdt de zaken eenvoudig waar dat kan.

Een reactie plaatsen