Jinsi ya kuongeza vilivyoandikwa vya WordPress?Mandhari ushirikiano Widgets eneo

Vipengele vya menyu maalum na wijeti za upau wa kando, ndioWordPressVipengele vilivyoangaziwa katika mada.

• Kutengeneza mandhari, ikiwa haijumuishi vipengele hivi viwili, ni kama ubavu wa kuku...

Chen Weiliangkatika uliopitatengeneza tovutiKatika somo hili, ninashiriki jinsi ya kutoa mada ya WordPressOngeza menyu maalum.

Makala haya yanaelezea jinsi ya kuongeza utendaji wa wijeti maalum wakati wa kuunda mandhari.

Kama vile kuongeza menyu maalum kwenye mandhari, kuongeza wijeti maalum huchukua hatua 3 pekee.

Hatua ya kwanza, usajili wa gadget

Ili kutumia wijeti, lazima kwanza ujiandikishe, ufungue faili ya function.php chini ya mandhari ya WordPress,

Katika faili ya function.php, ongeza msimbo ufuatao:

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

?>

Rekebisha tagi za li na h2 katika function.php ili kuendana na lebo zilizo kwenye sidebar.php:

Majina ya li na moduli h2 ya 'before_widget' na 'after_widget', rekebisha msimbo kulingana na hali halisi.

(labda bila marekebisho)

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

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

Nambari iliyo hapo juu inasajili eneo la wijeti inayoitwa "top-sidebar":

• Jina lililoonyeshwa ni "Upau wa Juu".
• Ongeza lebo ya h2 kwenye kichwa.
• Vipengee vya maudhui vimewekwa alama ya li.

kuingia katikaWordPress backendDashibodi, nenda kwa Muonekano → Wijeti.

Ikiwa unaweza kuona eneo la wijeti ya Upau wa Juu upande wa kulia wa picha iliyo hapa chini, inamaanisha kuwa usajili umefaulu ▼

Hatua ya pili, simu ya gadget

Baada ya gadget kusajiliwa, inaweza kuitwa katika faili ya template ya mandhari, na msimbo unaofuata unaweza kuitwa kwenye faili ya sidebar.php.

1) Katika faili ya sidebar.php, chini ya lebo kubwa zaidi ya li au div, weka ▼

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

2) Katika sidebar.php faili, kubwa zaidiauHapo juu, ongeza ▼

<?php endif; ?>

Hatua ya XNUMX: Sanidi wijeti

1) Gadget imesajiliwa, na nafasi ya kuonyesha pia inaelezwa katika faili ya mandhari.

• Unaweza kuweka eneo la kikundi cha wijeti katika usuli wa WordPress ▼

2) Baada ya kuhifadhi, onyesha upya ukurasa wa mbele.

• Upau wa kando wa wavuti yetu utaonekana kama picha hapa chini ▼

Unaweza kuona picha hapo juu, ikionyesha kuwa kifaa chetu kimetengenezwa na kinaendelea kama kawaida.

Jinsi ya kuongeza vilivyoandikwa nyingi za WordPress katika maeneo tofauti?

Rudia hatua ya XNUMX na XNUMX ili kutengeneza wijeti za kutumia mandhari yako ya WordPress katika maeneo tofauti.

Tuseme unahitaji kuongeza wijeti kwenye kichwa, utepe, na sehemu ya chini ya mandhari.

1) Kwanza, unahitaji kunakili msimbo ufuatao kwenye faili ya function.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) Kisha, ongeza msimbo ufuatao kwa faili za header.php, sidebar.php na footer.php mtawalia.

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

upau wa kando.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>

Haya ni mafanikio!

• Bila shaka, unaweza pia kurekebisha maelezo mbalimbali katika msimbo kulingana na mahitaji yako ^_^
• Hatua 2 zilizo hapo juu, ruhusu mandhari mengine kujumuisha utendakazi wa wijeti.

Kisha, endelea kushiriki vidokezo vya kutumia wijeti katika WordPress.

Vidokezo vya Wijeti ya Ujumuishaji wa Mandhari ya WordPress

Dhibiti wijeti maalum kwa ufanisi:

1) Baada ya kuongeza vilivyoandikwa kwenye mandhari, unaweza kuunda faili tofauti na kuiita jinawidgets.php.

• Ili kuhifadhi msimbo wote maalum wa wijeti ulioongezwa katika hatua ya 1 kwenye folda hii.

2) Ongeza msimbo kwenye faili ya function.php:

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

3) Hifadhi wijeti zote maalum msimbo ulioongezwa katika hatua ya 1 kwenye faili ya widgets.php.

Njia hii inahakikisha kwamba vilivyoandikwa vyote hupakia vizuri na kufanya kazi kwenye matoleo yote ya WordPress ambayo yanaauni vilivyoandikwa.

Kwa njia hii, unaweza kudhibiti faili zako za mandhari ya WordPress kwa ufanisi zaidi.