Kako dodati gradnike WordPress?Področje pripomočkov za integracijo tem

Funkcije menija po meri in pripomočki stranske vrstice, daWordPressPredstavljene funkcije v temi.

• Izdelava teme, če ne vključuje teh dveh funkcij, je kot piščančja rebra ...

Chen Weiliangv prejšnjemzgraditi spletno stranV tej vadnici delim, kako dati temo za WordPressDodajte meni po meri.

Ta članek opisuje, kako pri ustvarjanju teme dodate funkcije gradnika po meri.

Tako kot dodajanje menijev po meri temam, dodajanje pripomočkov po meri traja le 3 korake.

Prvi korak, registracija pripomočka

Za uporabo widgeta se morate najprej registrirati, odpreti datoteko functions.php pod temo WordPress,

V datoteko functions.php dodajte to kodo:

<?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>',
    ) );
}

?>

Spremenite oznaki li in h2 v functions.php, da bosta ustrezali oznakam v sidebar.php:

Naslova li in modula h2 'before_widget' in 'after_widget' spreminjata kodo glede na dejansko stanje.

(lahko brez sprememb)

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

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

Zgornja koda registrira območje pripomočka z imenom "top-sidebar":

• Prikazano ime je "Zgornja stranska vrstica".
• Naslovu dodajte oznako h2.
• Elementi vsebine so označeni z li.

登录WordPress backendNadzorna plošča, pojdite na Videz → Pripomočki.

Če na spodnji sliki vidite območje gradnika zgornje stranske vrstice na desni, je registracija uspešna ▼

Drugi korak, klic pripomočka

Ko je pripomoček registriran, ga lahko pokličete v datoteki s predlogo teme, naslednjo kodo pa lahko pokličete v datoteki sidebar.php.

1) V datoteko sidebar.php pod največjo oznako li ali div vstavite ▼

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

2) V datoteki sidebar.php največjaozZgoraj dodajte ▼

<?php endif; ?>

XNUMX. korak: Nastavite pripomočke

1) Pripomoček je registriran, v datoteki teme pa je določen tudi položaj prikaza.

• Območje skupine pripomočkov lahko nastavite v ozadju WordPress ▼

2) Po shranjevanju osvežite sprednjo stran.

• Stranska vrstica našega spletnega mesta bo videti kot spodnja slika ▼

Vidite lahko zgornjo sliko, ki kaže, da je bil naš pripomoček izdelan in deluje kot običajno.

Kako dodati več pripomočkov WordPress na različna področja?

Ponovite XNUMX. in XNUMX. korak, da bo vaša tema WordPress podpirala gradnike na različnih lokacijah.

Recimo, da morate dodati pripomoček v glavo, stransko vrstico in na dno teme.

1) Najprej morate kopirati naslednjo kodo v datoteko 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) Nato dodajte naslednjo kodo v datoteke header.php, sidebar.php in 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>

To je uspeh!

• Seveda lahko tudi spremenite različne podrobnosti v kodi glede na vaše potrebe ^_^
• Zgornja 2 koraka omogočata, da preostali del teme integrira funkcionalnost pripomočka.

Nato nadaljujte z delitvijo nasvetov za uporabo pripomočkov v WordPressu.

Nasveti za gradnik za integracijo teme WordPress

Učinkovito upravljajte pripomočke po meri:

1) Ko temi dodate gradnike, lahko ustvarite ločeno datoteko in jo poimenujetewidgets.php.

• Če želite v to mapo shraniti vso kodo gradnika po meri, dodano v 1. koraku.

2) Dodajte kodo v datoteko functions.php:

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

3) Shranite vse kode pripomočkov po meri, dodane v koraku 1, v datoteko widgets.php.

Ta metoda zagotavlja nemoteno nalaganje vseh gradnikov in delovanje na vseh različicah WordPressa, ki podpirajo gradnike.

Na ta način lahko učinkoviteje upravljate svoje tematske datoteke WordPress.