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

Plaats een reactie