Uputstvo za Widgetizovanje WordPress teme

1. Pristupiti folderu u kom se nalazi WordPress i ispratiti sledeu putanju:

wp-content->themes->naziv_teme
Sada smo pristupili folderu u kom je smetena tema kojoj elimo da
definiemo novi prostor za widget-e.
2. Pronai fajl functions.php i otvoriti ga u text editoru (Notepad++).
3. Unutar ovog fajla treba pronai kod slian sledeem:
register_sidebar(array(
'name'=>'Sidebar',
'description' => __( 'Appears on posts and pages',
'mythemeshop' ),
'before_widget' => '<li id="%1$s" class="widget widget-sidebar
%2$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
Kako bismo definisali novi prostor za widget-e moemo iskopirati ovaj kod i
zalepiti ga ispod. Sada kod izgleda ovako:
register_sidebar(array(
'name'=>'Sidebar',
'description' => __( 'Appears on posts and pages',
'mythemeshop' ),
'before_widget' => '<li id="%1$s" class="widget widget-sidebar
%2$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
register_sidebar(array(
'name'=>'Sidebar',
'description' => __( 'Appears on posts and pages',
'mythemeshop' ),
'before_widget' => '<li id="%1$s" class="widget widget-sidebar
%2$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
U bloku koda koji smo sada dodali menjamo svojstva name, description i
ostala po potrebi jer ovaj blok koda kreira niz razliitih vrednosti koje e

WordPress koristiti za kreiranje novog prostora za widget-e. Kod bi nakon ovih

izmena mogao izgledati ovako:
register_sidebar(array(
'name'=>'Sidebar',
'description' => __( 'Appears on posts and pages',
'mythemeshop' ),
'before_widget' => '<li id="%1$s" class="widget widget-sidebar
%2$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
register_sidebar(array(
'name' => 'NewWidgetArea',
'id' => 'new-widget-area',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
Evo pregleda korienih vrednosti:

name - Naziv prostora za widget-e koji e biti prikazan u WP Admin

delu
id - Jedinstveni identifikator za prostor widgeta
description - Opis polja za widget-e
before_widget - Tag koji e biti generisan pre koda za widget koji
korisnik dodaje
after_widget - Tag koji e biti generisan nakon koda za widget koji
korisnik dodaje
before_title - Tag koji e biti generisan pre titla koji nosi dodati widget
after_title - Tag koji e biti generisan nakon titla koji nosi dodati widget

4. Poslednji korak je implementacija koda za prikazivanje widget polja unutar

teme, odnosno definisanje lokacije na kojoj e se widgeti koji su dodati u ovaj
widget prostor pojavljivati. Neophodno je paljivo analizirati strukturu teme
na kojoj radimo kako bismo izabrali adekvatno mesto za novi(e) widget(e).
5. Nakon odabira lokacije napisati kod slian sledeem:
<div id="new-widget-area">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('
new-widget-area ')) : else : ?>
<div class="pre-widget">
<p><strong>Novi Widget prostor</strong></p>
<p>Ovaj panel je spreman za dodavanje novih widgeta.</p>

</div>
<?php endif; ?>
</div>
Sada je novi prostor za Widget-e spreman i vidljiv u admin delu.
Napomena: U jednom ovako kreiranom prostoru moe biti postavljeno vie
widgeta.