Momwe mungawonjezere ma widget a WordPress?Theme kuphatikiza Widgets dera

Zokonda menyu ndi ma widget am'mbali, indeWordPressZomwe zili mumutuwu.

• Kupanga mutu, ngati sikuphatikiza ntchito ziwirizi, kuli ngati nthiti ya nkhuku...

Chen Weiliangm'mbuyomuMangani malo okwereraMu phunziro ili, ndikugawana momwe ndingaperekere mutu wa WordPressOnjezani menyu wamba.

Nkhaniyi ikufotokoza momwe mungawonjezere ntchito za widget popanga mutu.

Monga kuwonjezera mindandanda yazakudya pamitu, kuwonjezera ma widget kumatenga masitepe atatu okha.

Gawo loyamba, kulembetsa zida

Kuti mugwiritse ntchito widget, muyenera choyamba kulembetsa, kutsegula fayilo ya function.php pansi pa mutu wa WordPress,

Mufayilo ya function.php, onjezani nambala iyi:

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

?>

Sinthani ma tag a li ndi h2 mu function.php kuti agwirizane ndi ma tag omwe ali mu sidebar.php:

Mitu ya li ndi module h2 ya 'before_widget' ndi 'after_widget', sinthani codeyo malinga ndi momwe zilili.

(mwina popanda kusinthidwa)

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

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

Khodi yomwe ili pamwambapa imalembetsa gawo la widget lotchedwa "top-sidebar":

• Dzina lowonetsedwa ndi "Top Sidebar".
• Onjezani h2 tag kumutu.
• Zinthu zamkati zimayikidwa ndi li.

fufuzaniWordPress backendDashboard, pitani ku Mawonekedwe → Widgets.

Ngati mutha kuwona gawo la widget la Top Sidebar kumanja kwa chithunzi chomwe chili pansipa, zikutanthauza kuti kulembetsa kwachita bwino ▼

Gawo lachiwiri, kuyimba kwamagetsi

Pambuyo polembetsa gadget, ikhoza kutchedwa mu fayilo ya template ya mutu, ndipo code yotsatirayi ingatchulidwe mu fayilo ya sidebar.php.

1) Mu fayilo ya sidebar.php, pansi pa tag yaikulu kwambiri ya li kapena div, ikani ▼

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

2) Mu fayilo ya sidebar.php, yaikulu kwambirikapenaPamwambapa, onjezani ▼

<?php endif; ?>

Khwerero XNUMX: Konzani ma widget

1) Gadget imalembetsedwa, ndipo malo owonetsera amafotokozedwanso mu fayilo yamutu.

• Mutha kukhazikitsa gulu la widget kumbuyo kwa WordPress ▼

2) Pambuyo posunga, tsitsimutsani tsamba loyamba.

• Tsamba lam'mbali latsamba lathu liziwoneka ngati chithunzi pansipa ▼

Mutha kuwona chithunzi pamwambapa, kuwonetsa kuti chida chathu chapangidwa ndipo chikuyenda mwachizolowezi.

Momwe mungawonjezere ma widget angapo a WordPress m'malo osiyanasiyana?

Bwerezani masitepe XNUMX ndi XNUMX kuti mupange ma widget othandizira mutu wanu wa WordPress m'malo osiyanasiyana.

Tiyerekeze kuti mukufunika kuwonjezera widget pamutu, sidebar, ndi pansi pa mutuwo.

1) Choyamba, muyenera kukopera kachidindo zotsatirazi mu Fanctions.php file ▼

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) Kenaka, yonjezerani code yotsatirayi ku header.php, sidebar.php ndi footer.php owona motero.

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

Zopambana kwambiri!

• Zachidziwikire, mutha kusinthanso zambiri mu code malinga ndi zosowa zanu ^_ ^
• Masitepe awiri pamwambapa, lolani mutu wonsewo kuti aphatikize magwiridwe antchito a widget.

Kenako, pitilizani kugawana maupangiri ogwiritsira ntchito ma widget mu WordPress.

Malangizo a WordPress Theme Integration Widget Widget

Sinthani bwino ma widget omwe mwasankha:

1) Mukawonjezera ma widget pamutuwu, mutha kupanga fayilo yosiyana ndikuyitcha dzinawidgets.php.

• Kuti musunge ma code onse a widget omwe awonjezeredwa mu gawo 1 ku foda iyi.

2) Onjezani kachidindo ku fayilo ya function.php:

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

3) Sungani ma widget onse omwe mwasankha omwe awonjezeredwa mu gawo 1 ku fayilo ya widgets.php.

Njirayi imatsimikizira kuti ma widget onse amanyamula bwino ndikugwira ntchito pamitundu yonse ya WordPress yomwe imathandizira ma widget.

Mwanjira iyi, mutha kuyang'anira mafayilo anu amutu wa WordPress moyenera.