Categories: WebdesignWordPress

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.

 

Share
Published by
Damiaan van Vliet

Recent Posts

Wat is er nieuw in WordPress 6.4?

WordPress 6.4, dat op 7 november wordt uitgebracht, belooft functies die het bouwen van uw…

1 jaar ago

Wix website omzetten naar WordPress

Ook het omzetten van een Wix website naar WordPress is door mij mogelijk. Ik heb…

1 jaar ago

Goede software voor het maken van een website

WordPress is populaire software voor het maken van websites en dat is niet voor niets.…

2 jaar ago

Website Handig! App

Handig! is dé oplossing voor bedrijven die op zoek zijn naar een simpele manier om…

2 jaar ago

Wat de beste manier is om bij Google bovenaan te komen met een website

Als je een website hebt, wil je waarschijnlijk dat deze goed gevonden wordt in zoekmachines…

2 jaar ago

Website Global Goals Oss

De oude website van Global Goals Oss was aan vernieuwing toe, deze bevatte ook technische…

2 jaar ago