Maitiro ekuwedzera WordPress majeti?Theme integration Widgets nzvimbo

Tsika menyu maficha uye sidebar widget, honguWordPressZvinoratidzwa mudingindira.

  • Kuita dingindira, kana risingabatanidzi mabasa maviri aya, kwakafanana nembabvu yehuku...

Chen Weiliangmune yapfuurakuvaka webhusaitiMuchidzidzo ichi, ini ndinogovera nzira yekupa WordPress themeWedzera tsika menyu.

Ichi chinyorwa chinotsanangura nzira yekuwedzera tsika yewidget mabasa kana uchigadzira dingindira.

Kungofanana nekuwedzera mamenu etsika kumatema, tsika yekuwedzera majeti inotora matanho matatu chete.

Nhanho yekutanga, kunyoresa gadget

Kuti ushandise widget, unofanira kutanga unyoresa, kuzarura mafaira.php pasi peShokoPress theme,

Mune iyo function.php faira, wedzera inotevera kodhi:

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

?>

 

Shandura li uye h2 tags mufunctions.php kuti ienderane nema tags ari pa sidebar.php:

Iwo li uye module h2 mazita e 'before_widget' uye 'after_widget', shandura kodhi zvinoenderana nemamiriro chaiwo.

(pamwe pasina kugadziriswa)

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

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

Kodhi iri pamusoro inonyoresa nzvimbo yewidget inonzi "top-sidebar":

  • Zita rinoratidzwa rinonzi "Top Sidebar".
  • Wedzera h2 tag kune musoro.
  • Zvinhu zvemukati zvakaiswa ne li.

Log inWordPress backendDashboard, enda kuChitarisiko → Widgets.

Kana iwe uchigona kuona iyo yepamusoro Sidebar widget nzvimbo kurudyi rwemufananidzo pazasi, zvinoreva kuti kunyoreswa kwabudirira ▼

Wedzera iyo Yepamusoro Sidebar widget nzvimbo kurudyi rweWordPress 1st sheet

Nhanho yechipiri, gadget call

Mushure mokunge gadget yakanyoreswa, inogona kudanwa mumusoro we template file, uye iyo inotevera code inogona kunzi mu sidebar.php file.

1) Mune sidebar.php faira, pazasi peiyo yakakura kwazvo kana div tag, isa ▼

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

2) Mune sidebar.php faira, iyo yakakurakanaPamusoro, wedzera ▼

<?php endif; ?>

Nhanho XNUMX: Gadzirisa majeti

1) Iyo gadget yakanyoreswa, uye nzvimbo yekuratidzira inotsanangurwa zvakare muiyo theme faira.

  • Iwe unogona kuseta iyo widget yeboka nzvimbo mune iyo WordPress kumashure ▼

Kumisikidza nzvimbo yeboka rewidget mune WordPress yekumashure pepa 2

2) Mushure mekuchengetedza, zorodza peji rekutanga.

  • Iyo padivi pewebhusaiti yedu inotaridzika semufananidzo pazasi ▼

WordPress webhusaiti pamberi-yekupedzisira widget nzvimbo Nha

Iwe unogona kuona mufananidzo uri pamusoro, uchiratidza kuti gadget yedu yakagadzirwa uye iri kushanda semazuva ose.

Maitiro ekuwedzera akawanda WordPress majeti munzvimbo dzakasiyana?

Dzokorora nhanho XNUMX uye XNUMX kuita yako WordPress theme rutsigiro majeti munzvimbo dzakasiyana.

Ngatiti iwe unoda kuwedzera widget kune musoro, sidebar, uye pasi pedingindira.

1) Kutanga, iwe unofanirwa kukopa iyo inotevera kodhi mumabasa.php faira ▼

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) Zvadaro, wedzera code inotevera kune header.php, sidebar.php uye footer.php mafaira maererano.

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>

Kubudirira kwazvo!

  • Ehe, iwe unogona zvakare kugadzirisa akasiyana siyana mukodhi zvinoenderana nezvaunoda ^_ ^
  • Iwo 2 nhanho dziri pamusoro, bvumira yakasara yedingindira kuti ibatanidze kushanda kwewidget.

Tevere, ramba uchigovera matipi ekushandisa majeti muWordPress.

WordPress Theme Kubatanidza Widget Widget Mazano

Ronga nemazvo majeti akajairwa:

1) Mushure mekuwedzera majeti kune dingindira, unogona kugadzira rakaparadzana faira woritumidzawidgets.php.

  • Kuti uchengetedze ese akajairwa widget kodhi yakawedzerwa munhanho 1 kune iyi folda.

2) Wedzera kodhi kumabasa.php faira:

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

3) Sevha ese majeti ewidget kodhi yakawedzerwa mudanho rekutanga kune widget.php faira.

Iyi nzira inovimbisa kuti ese majeti anoremedza zvakanaka uye anoshanda pane ese eWordPress mavhezheni anotsigira majeti.

Nenzira iyi, unogona kubata yako WordPress theme mafaera zvakanyanya.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) yakagovaniswa "Sei Kuwedzera WordPress Widgets?Iyo Theme Integration Widgets Area" ichakubatsira iwe.

Welcome to share link yechinyorwa chino:https://www.chenweiliang.com/cwl-1476.html

Tikugashirei kuTeregiramu chiteshi cheChen Weiliang's blog kuti uwane zvichangobva kuitika!

🔔 Iva wekutanga kuwana yakakosha "ChatGPT Yemukati Yekushambadzira AI Chishandiso Chekushandisa Guide" muchiteshi chepamusoro dhairekitori! 🌟
📚 Iri gwara rine kukosha kukuru, 🌟Uyu mukana usingawanzo, usapotsa! ⏰⌛💨
Govera uye like kana uchida!
Kugovera kwako uye kuda ndiko kukurudzira kwedu kunoramba kuripo!

 

发表 评论

Kero yako yeemail haizoburitswe. Minda inodiwa inoshandiswa * Chitaera

skrorukira kumusoro