Hoe maak je een widget area op je WordPress website?

Eén van de voordelen van WordPress is dat het zo makkelijk kan zijn om veranderingen aan te brengen aan complexe onderdelen van jouw website. Een voorbeeld hiervan zijn sidebar widgets – widgets die je kunt toevoegen in de zijbalk op je blog. Het enige wat je hiervoor hoeft te doen, is de widgets naar keuze te verslepen naar de plek waar je ze wilt hebben. Zo verander je in een handomdraai de looks van je website.

Hoe maak je een widget area op je WordPress website

In dit artikel leg ik je uit hoe een widget area op je WordPress site toevoegt.

Hosting en Webhosting bij Combell

Een widget area maken

Een widget area maken doe je door de een soortgelijke code als deze toe te voegen aan het bestand functions.php van jouw sjabloon:

$args = array(

‘name’         => __( ‘Widgetized Sidebar’ ),

‘id’           => “widgetized-sidebar”,

‘description’   => ‘Our Widgetized Sidebar’,

‘class’         => ”,

‘before_widget’ => ‘<li id=”%1$s” class=”widget %2$s”>’,

‘after_widget’ => “</li>\n”,

‘before_title’ => ‘<h2 class=”widgettitle”>’,

‘after_title’   => “</h2>”,

);

register_sidebar( $args );

De id, name en description kun je naar wens aanpassen. Class verwijst naar een CSS class waar de widget gebruik van zal maken in het controlepaneel. before_widget en after_widget is de markup waarin WordPress de widgets binnen deze widget opneemt en before_title en after_title vervullen dezelfde functie om elke widget zijn eigen titel te geven.

Om de widgets te tonen op je website, plak je vervolgens de volgende code in het bestand sidebar.php:

<?php

// Custom widget Area Start

if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Widgetized Sidebar’) ) : ?>

<?php endif;

// Custom widget Area End

?>

Als je dit eenmaal hebt gedaan kun je naar Weergave -> Widgets gaan in het controlepaneel om de nieuwe widget te zien. Vervolgens je kun je een widget naar dat gedeelte slepen en zal dit zichtbaar zijn op de website, op de plek waar jij de code hebt geplaatst.

Geef een reactie