Kif iżżid widgets WordPress?Żona ta' Widgets ta' integrazzjoni tat-temi

Il-menus u l-widgets tal-sidebar li jistgħu jiġu personalizzati huma karatteristiċi distintivi tat-temi ta' WordPress .

• Li tagħmel tema li ma tinkludix dawn iż-żewġ funzjonijiet hija bħal biċċa kejk...

Fit-tutorja preċedenti tiegħu dwar il-bini ta' websajts , Chen Weiliang qasam kif iżżid menu apposta ma' tema ta' WordPress.

Dan l-artikolu jintroduċi kif iżżid funzjonijiet tal-widget tad-dwana meta tagħmel tema.

Bħaż-żieda ta 'menu apposta għal tema, tieħu biss 3 passi biex iżid widgets apposta.

L-ewwel pass, ir-reġistrazzjoni tal-gadget

Biex tuża l-gadget, l-ewwel trid tirreġistra u tiftaħ il-fajl functions.php taħt it-tema WordPress.

Fil-fajl functions.php, żid il-kodiċi li ġej:

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

?>

Immodifika t-tikketti li u h2 f'functions.php sabiex jikkorrispondu mat-tikketti f'sidebar.php:

Għat-titoli li u modulu h2 ta ''before_widget' u 'after_widget', immodifika l-kodiċi skond is-sitwazzjoni attwali.

(Jista’ ma jkunx hemm bżonn li jiġi modifikat)

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

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

Il-kodiċi ta' hawn fuq jirreġistra żona ta' widget imsejħa "top-sidebar":

• L-isem muri huwa "Top Sidebar".
• Titolu b'tikketta h2.
• L-entrati tal-kontenut huma mmarkati b'li.

Idħol fid -dashboard tal-amministrazzjoni ta' WordPress u mur fuq Dehra → Widgets.

Jekk tista' tara ż-żona tal-widget Top Sidebar fuq il-lemin fl-istampa hawn taħt, ir-reġistrazzjoni tirnexxi ▼

Pass 2: Sejħa tal-gadget

Wara li l-gadget jiġi rreġistrat, jista 'jissejjaħ fil-fajl tal-mudell tat-tema Poġġi l-kodiċi li ġej fil-fajl sidebar.php biex issejjaħlu.

1) Fil-fajl sidebar.php, taħt l-akbar tikketta li jew div, daħħal ▼

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

2) Fil-fajl sidebar.php, l-akbar jew Fuq, żid ▼

<?php endif; ?>

Pass 3. Twaqqaf aġġeġġi

1) Il-gadget huwa reġistrat u l-post tal-wiri huwa definit fil-fajl tat-tema.

• Tista 'tissettja ż-żona tal-grupp tal-widget fil-backend ta' WordPress ▼

2) Wara li ssejvja, aġġorna l-paġna ta 'quddiem.

• Il-sidebar tal-websajt tagħna se tidher bħall-istampa hawn taħt ▼

Jekk tista' tara l-istampa hawn fuq, dan ifisser li l-gadget tagħna inħoloq u qed jaħdem bħas-soltu.

Kif iżżid widgets WordPress multipli f'oqsma differenti?

Irrepeti l-ewwel u t-tieni passi biex tagħmel widgets ta 'appoġġ tat-tema WordPress tiegħek f'postijiet differenti.

Ejja ngħidu li għandek bżonn iżżid widget mal-header, sidebar, u footer tat-tema tiegħek.

1) L-ewwel, għandek bżonn tikkopja l-kodiċi li ġej fil-fajl 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) Sussegwentement, żid il-kodiċijiet li ġejjin mal-fajls header.php, sidebar.php u 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>

Suċċess hawn!

• Naturalment, tista 'wkoll timmodifika diversi dettalji fil-kodiċi kif meħtieġ^_^
• Iż-żewġ passi t'hawn fuq jippermettu li l-bqija tat-tema tintegra l-funzjonalità tal-widget.

Sussegwentement, kompli aqsam pariri dwar l-użu ta 'widgets f'WordPress.

Suġġerimenti dwar l-integrazzjoni tat-tema ta 'WordPress

Immaniġġja b'mod effiċjenti widgets tad-dwana:

1) Wara li żżid il-widget mat-tema tiegħek, tista 'toħloq fajl separat u semmihwidgets.php.

• Sabiex tissejvja l-kodiċi tal-widget tad-dwana miżjud fil-pass 1 għal dan il-folder.

2) Żid il-kodiċi mal-fajl functions.php:

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

3) Issejvja l-kodiċi tal-widgets tad-dwana kollha miżjuda fil-pass 1 fil-fajl widgets.php.

Dan il-metodu jiżgura li l-widgets kollha jitgħabbew bla xkiel u jaħdmu fuq il-verżjonijiet kollha ta 'WordPress li jappoġġjaw il-widgets.

B'dan il-mod, tista 'timmaniġġja l-fajls tiegħek tat-temi WordPress b'mod aktar effiċjenti.