Kako dodati WordPress widgete?Područje widgeta integracije teme

Prilagođene značajke izbornika i widgeti na bočnoj traci, daWordPressIstaknute značajke u temi.

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

Chen Weiliangu prethodnomizraditi web stranicuU ovom vodiču govorim o tome kako dati WordPress temuDodajte prilagođeni izbornik.

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

Baš kao i dodavanje prilagođenih izbornika 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 datoteku 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 li i h2 oznake u functions.php da odgovaraju oznakama u sidebar.php:

Li i naslovi modula h2 'before_widget' i 'after_widget', modificiraju kod prema stvarnoj situaciji.

(može i bez izmjena)

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

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

Gornji kod registrira područje widgeta pod nazivom "top-sidebar":

• Prikazani naziv je "Gornja bočna traka".
• Naslovu dodajte oznaku h2.
• Stavke sadržaja označene su li.

登录WordPress backendNadzorna ploča, idite na Izgled → Widgeti.

Ako vidite područje widgeta gornje bočne trake na desnoj strani slike ispod, to znači da je registracija uspješna ▼

Drugi korak, gadget poziv

Nakon što je gadget registriran, može se pozvati u datoteci predloška teme, a sljedeći kod može se pozvati u datoteci sidebar.php.

1) U datoteku 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) Gadget je registriran, a položaj prikaza također je definiran u datoteci teme.

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

2) Nakon spremanja, osvježite naslovnu stranicu.

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

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

Kako dodati višestruke WordPress widgete u različitim područjima?

Ponovite korake XNUMX i XNUMX kako biste svoje widgete za WordPress temu postavili na različite lokacije.

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

1) Prvo trebate 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.

zaglavlje.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>

bočna traka.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>

podnožje.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>

Ovo je uspjeh!

• Naravno, također možete modificirati razne detalje u kodu prema svojim potrebama ^_^
• 2 gornja koraka omogućuju ostatku teme da integrira funkcionalnost widgeta.

Zatim nastavite dijeliti savjete za korištenje widgeta u WordPressu.

Widget Widget za integraciju teme WordPress Savjeti

Učinkovito upravljajte prilagođenim widgetima:

1) Nakon dodavanja widgeta u temu, možete stvoriti zasebnu datoteku i imenovati jewidgets.php.

• Kako biste spremili sav prilagođeni kod widgeta dodan u koraku 1 u ovu mapu.

2) Dodajte kôd u datoteku functions.php:

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

3) Spremite sve prilagođene kodove widgeta dodane u koraku 1 u datoteku widgets.php.

Ova metoda osigurava glatko učitavanje svih widgeta i rad na svim verzijama WordPressa koje podržavaju widgete.

Na taj način možete učinkovitije upravljati datotekama WordPress tema.