Direttorju tal-Artikoli
Funzjonijiet tal-menu personalizzati u widgets tal-sidebar, ivaWordPressL-aktar karatteristiċi distintivi fit-tema.
- Li tagħmel tema li ma tinkludix dawn iż-żewġ funzjonijiet hija bħal biċċa kejk...
Chen Weiliangfil-preċedentitibni websajtFit-tutorja, qsamna kif iżżid tema WordPressŻid menu tad-dwana.
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.
登录Backend ta 'WordPressDashboard, mur 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.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) maqsuma "Kif iżżid aġġeġġi WordPress?" Theme Integrated Widgets Area" hija utli għalik.
Merħba biex taqsam il-link ta' dan l-artikolu:https://www.chenweiliang.com/cwl-1476.html
Merħba fil-kanal Telegram tal-blog ta' Chen Weiliang biex tikseb l-aħħar aġġornamenti!
📚 Din il-gwida fiha valur kbir, 🌟Din hija opportunità rari, titlifhiex! ⏰⌛💨
Share u like jekk togħġobkom!
Il-qsim u l-likes tiegħek huma l-motivazzjoni kontinwa tagħna!