Kako dodati WordPress widgete?Integracija teme Područje vidžeta

Funkcije prilagođenog menija i widgeti bočne trake, daWordPressIstaknute karakteristike u temi.

• Pravljenje teme, ako ne uključuje ove dvije funkcije, je kao pileća rebra...

Chen Weiliangu prethodnomIzgradite stanicuU ovom tutorijalu govorim o tome kako dati WordPress temuDodajte prilagođeni meni.

Ovaj članak opisuje kako dodati prilagođene funkcije widgeta prilikom kreiranja teme.

Baš kao i dodavanje prilagođenih menija temama, prilagođeno dodavanje widgeta traje samo 3 koraka.

Prvi korak, registracija gadgeta

Da biste koristili widget, prvo se morate registrirati, otvoriti datoteku functions.php pod WordPress temom,

U datoteci functions.php dodajte sljedeći kod:

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

Izmijenite oznake li i h2 u functions.php da odgovaraju oznakama u sidebar.php:

Naslovi li i modula h2 'before_widget' i 'after_widget' modificiraju kod prema stvarnoj situaciji.

(možda bez modifikacija)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

Gornji kod registruje oblast widgeta pod nazivom "gornja bočna traka":

• Prikazani naziv je "Gornja bočna traka".
• Dodajte oznaku h2 u naslov.
• Stavke sadržaja su označene sa li.

登录WordPress backendKontrolna tabla, idite na Izgled → Widgeti.

Ako vidite područje widgeta na gornjoj bočnoj traci na desnoj strani slike ispod, to znači da je registracija uspješna ▼

Drugi korak, gadget poziv

Nakon što je gadžet registrovan, može se pozvati u datoteci šablona teme, a sledeći kod se može pozvati u datoteci sidebar.php.

1) U datoteci sidebar.php, ispod najveće li ili div oznake, umetnite ▼

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) U datoteci sidebar.php, najvećailiIznad dodajte ▼

<?php endif; ?>

Korak XNUMX: Postavite widgete

1) Gadžet je registrovan, a pozicija prikaza je takođe definisana u datoteci teme.

• Možete postaviti područje grupe widgeta u pozadini WordPress-a ▼

2) Nakon pohranjivanja, osvježite naslovnu stranu.

• Bočna traka naše web stranice će izgledati kao na slici ispod ▼

Možete vidjeti sliku iznad, koja pokazuje da je naš gadget napravljen i radi kao i obično.

Kako dodati više WordPress widgeta u različitim područjima?

Ponovite korake XNUMX i XNUMX da vaša WordPress tema podržava widgete na različitim lokacijama.

Pretpostavimo da trebate dodati widget u zaglavlje, bočnu traku i dno teme.

1) Prvo morate kopirati sljedeći kod u datoteku functions.php ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) Zatim dodajte sljedeći kod u datoteke header.php, sidebar.php i footer.php.

header.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

sidebar.php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

footer.php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

Tako uspješno!

• Naravno, također možete modificirati razne detalje u kodu prema vašim potrebama ^_^
• 2 koraka iznad, omogućavaju ostatku teme da integrira funkcionalnost widgeta.

Zatim nastavite dijeliti WordPress savjete za korištenje widgeta.

Savjeti za widget widget integracije WordPress teme

Efikasno upravljajte prilagođenim widgetima:

1) Nakon dodavanja widgeta u temu, možete kreirati zasebnu datoteku i dati joj nazivwidgets.php.

• Da biste sačuvali sav prilagođeni widget kod dodan u koraku 1 u ovu fasciklu.

2) Dodajte kod u datoteku functions.php:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) Sačuvajte sav prilagođeni widget kod widgeta koji je dodat u koraku 1 u datoteku widgets.php.

Ova metoda osigurava da se svi widgeti nesmetano učitavaju i rade na svim verzijama WordPress-a koje podržavaju widgete.

Na ovaj način možete efikasnije upravljati datotekama WordPress tema.