Cumu aghjunghje widgets di WordPress?Integrazione di temi Widgets area

Funzioni di menu persunalizati è widgets di a barra laterale, sìWordPressFunzioni presentate in u tema.

• Fà un tema, s'ellu ùn include micca queste duie funzioni, hè cum'è una costella di pollo...

Chen Weiliangin u precedentecustruisce un situ webIn questu tutoriale, sparte cumu dà un tema di WordPressAggiungi menu persunalizatu.

Questu articulu descrive cumu aghjunghje funzioni di widget persunalizati quandu creanu un tema.

Cum'è l'aghjunzione di menu persunalizati à i temi, l'aggiunta di widgets persunalizati richiede solu 3 passi.

U primu passu, a registrazione di u gadget

Per utilizà u widget, prima deve esse registratu, apre u schedariu functions.php sottu u tema di WordPress,

In u schedariu functions.php, aghjunghje u seguente codice:

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

?>

Mudificà e tag li è h2 in functions.php per currisponde à e tag in sidebar.php:

I tituli li è moduli h2 di 'before_widget' è 'after_widget', mudificà u codice secondu a situazione attuale.

(forse senza mudificazione)

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

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

U codice sopra registra una zona di widget chjamata "top-sidebar":

• U nome affissatu hè "Top Sidebar".
• Aghjunghjite un tag h2 à u titulu.
• L'articuli di cuntenutu sò marcati cù li.

Log inBackend di WordPressDashboard, vai à Apparizione → Widgets.

Se pudete vede l'area di widget Top Sidebar à u latu drittu di a stampa sottu, significa chì a registrazione hè successu ▼

U sicondu passu, chjama di gadget

Dopu chì u gadget hè registratu, pò esse chjamatu in u schedariu di mudellu di tema, è u codice seguente pò esse chjamatu in u schedariu sidebar.php.

1) In u schedariu sidebar.php, sottu u più grande tag li o div, inserite ▼

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

2) In u schedariu sidebar.php, u più grandeoSopra, aghjunghje ▼

<?php endif; ?>

Passu XNUMX: Configurate i widgets

1) U gadget hè registratu, è a pusizione di visualizazione hè ancu definita in u schedariu di tema.

• Pudete stabilisce l'area di u gruppu di widget in u fondu di WordPress ▼

2) Dopu à salvà, rinfriscà a prima pagina.

• A barra laterale di u nostru situ web serà cum'è a stampa sottu ▼

Pudete vede a stampa sopra, chì indica chì u nostru gadget hè statu fattu è funziona cum'è di solitu.

Cumu aghjunghje parechji widgets di WordPress in diverse zone?

Repetite i passi XNUMX è XNUMX per fà i vostri widgets di supportu di u tema di WordPress in diverse locu.

Suppone chì avete bisognu di aghjunghje un widget à l'intestazione, a barra laterale è u fondu di u tema.

1) Prima, avete bisognu di cupià u codice seguente in u schedariu 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) Dopu, aghjunghje u seguente codice à i fugliali header.php, sidebar.php è footer.php rispettivament.

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>

Questu hè un successu!

• Di sicuru, pudete ancu mudificà parechji dettagli in u codice secondu i vostri bisogni ^_^
• I passi 2 sopra, permettenu à u restu di u tema per integrà a funziunalità di u widget.

In seguitu, cuntinueghja à sparte cunsiglii per utilizà widgets in WordPress.

Cunsiglii di Widget per l'integrazione di temi WordPress

Gestite efficacemente i widgets persunalizati:

1) Dopu avè aghjustatu widgets à u tema, pudete creà un schedariu separatu è u nomewidgets.php.

• Per salvà tuttu u codice di widget persunalizatu aghjuntu in u passu 1 à stu cartulare.

2) Aghjunghjite u codice à u schedariu functions.php:

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

3) Salvà tuttu u codice di widget di widgets persunalizati aghjuntu in u passu 1 à u schedariu widgets.php.

Stu metudu assicura chì tutti i widgets caricanu bè è funzionanu in tutte e versioni di WordPress chì supportanu i widgets.

In questu modu, pudete gestisce i vostri fugliali di temi di WordPress in modu più efficace.