Kuinka lisätä WordPress-widgetejä?Teeman integrointi-widget-alue

Mukautetut valikkoominaisuudet ja sivupalkin widgetit, kylläWordPressTeeman suositut ominaisuudet.

• Teeman tekeminen, jos se ei sisällä näitä kahta toimintoa, on kuin kanan kylkiluu...

Chen WeiliangEnnenrakentaa verkkosivustoTässä opetusohjelmassa kerron, kuinka WordPress-teema annetaanLisää mukautettu valikko.

Tässä artikkelissa kuvataan, kuinka mukautettuja widget-toimintoja lisätään teemaa luotaessa.

Aivan kuten mukautettujen valikkojen lisääminen teemoihin, mukautettu widgetien lisääminen kestää vain 3 vaihetta.

Ensimmäinen askel, gadgetin rekisteröinti

Jotta voit käyttää widgetiä, sinun on ensin rekisteröidyttävä, avattava functions.php-tiedosto WordPress-teeman alla,

Lisää functions.php-tiedostoon seuraava koodi:

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

?>

Muokkaa functions.php:n li- ja h2-tageja vastaamaan sivubar.php:n tageja:

Li- ja moduulin h2 otsikot 'ennen_widget' ja 'after_widget' muokkaavat koodia todellisen tilanteen mukaan.

(ehkä ilman muutoksia)

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

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

Yllä oleva koodi rekisteröi widget-alueen nimeltä "yläsivupalkki":

• Näkyvä nimi on "Yläsivupalkki".
• Lisää otsikkoon h2-tunniste.
• Sisältökohteet on merkitty li:llä.

登录WordPress-taustaohjelmaKojelauta, valitse Ulkoasu → Widgetit.

Jos näet yläsivupalkin widget-alueen alla olevan kuvan oikealla puolella, rekisteröinti on onnistunut ▼

Toinen vaihe, gadget-puhelu

Kun gadget on rekisteröity, sitä voidaan kutsua teemamallitiedostossa ja seuraavaa koodia voidaan kutsua sidebar.php-tiedostossa.

1) Lisää sivubar.php-tiedostoon suurimman li- tai div-tunnisteen alle ▼

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

2) Sivupalkin.php-tiedostossa suurintaiLisää yllä olevaan ▼

<?php endif; ?>

Vaihe XNUMX: Aseta widgetit

1) Gadget on rekisteröity ja näytön sijainti on myös määritetty teematiedostossa.

• Voit asettaa widget-ryhmän alueen WordPressin taustalla ▼

2) Päivitä etusivu tallennuksen jälkeen.

• Sivustomme sivupalkki näyttää alla olevan kuvan tältä ▼

Näet yllä olevan kuvan, joka osoittaa, että gadgetimme on tehty ja toimii normaalisti.

Kuinka lisätä useita WordPress-widgetejä eri alueilla?

Toista vaiheet XNUMX ja XNUMX, jotta WordPress-teema tukee widgetejä eri paikoissa.

Oletetaan, että sinun on lisättävä widget teeman otsikkoon, sivupalkkiin ja alaosaan.

1) Ensin sinun on kopioitava seuraava koodi functions.php-tiedostoon ▼

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) Lisää seuraavaksi seuraava koodi header.php-, sidebar.php- ja footer.php-tiedostoihin.

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>

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

Tämä on menestys!

• Tietysti voit myös muokata koodin erilaisia ​​yksityiskohtia tarpeidesi mukaan ^_^
• Yllä olevat kaksi vaihetta antavat muun teeman integroida widgetin toiminnot.

Jatka seuraavaksi vihjeiden jakamista widgetien käyttöön WordPressissä.

WordPress-teeman integrointiwidget-widget-vinkkejä

Hallitse mukautettuja widgetejä tehokkaasti:

1) Kun olet lisännyt widgetejä teemaan, voit luoda erillisen tiedoston ja nimetä sillewidgets.php.

• Tallentaaksesi kaikki vaiheessa 1 lisätyt mukautetut widget-koodit tähän kansioon.

2) Lisää koodi functions.php-tiedostoon:

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

3) Tallenna kaikki vaiheessa 1 lisätyt mukautetut widget-widget-koodi widgets.php-tiedostoon.

Tämä menetelmä varmistaa, että kaikki widgetit latautuvat sujuvasti ja toimivat kaikissa WordPress-versioissa, jotka tukevat widgetejä.

Tällä tavalla voit hallita WordPress-teematiedostojasi tehokkaammin.