Hvordan legger jeg til WordPress-widgets?Temaintegrering Widgets-området

Egendefinerte menyfunksjoner og sidefelt-widgeter, jaWordPressUtvalgte funksjoner i temaet.

• Å lage et tema, hvis det ikke inkluderer disse to funksjonene, er som en kyllingribbe...

Chen Weiliangi forrigebygge en nettsideI denne opplæringen deler jeg hvordan du gir et WordPress-temaLegg til egendefinert meny.

Denne artikkelen beskriver hvordan du legger til egendefinerte widget-funksjoner når du oppretter et tema.

Akkurat som å legge til egendefinerte menyer til temaer, tar egendefinerte widgets kun tre trinn.

Det første trinnet, gadget-registrering

For å bruke widgeten må du først registrere deg, åpne functions.php-filen under WordPress-temaet,

I functions.php-filen legger du til følgende kode:

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

?>

Endre li- og h2-taggene i functions.php for å samsvare med taggene i sidebar.php:

Li- og modul h2-titlene 'before_widget' og 'after_widget', endrer koden i henhold til den faktiske situasjonen.

(kanskje uten endring)

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

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

Koden ovenfor registrerer et widgetområde kalt "top-sidebar":

• Det viste navnet er "Top Sidebar".
• Legg til en h2-tag i tittelen.
• Innholdselementer er merket med li.

登录WordPress-backendDashboard, gå til Utseende → Widgets.

Hvis du kan se Top Sidebar-widgetområdet på høyre side av bildet nedenfor, betyr det at registreringen er vellykket ▼

Det andre trinnet, gadget-anrop

Etter at dingsen er registrert, kan den kalles i temamalfilen, og følgende kode kan kalles i sidebar.php-filen.

1) I sidebar.php-filen, under den største li- eller div-taggen, setter du inn ▼

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

2) I sidebar.php-filen, den størsteellerLegg til ▼ ovenfor

<?php endif; ?>

Trinn XNUMX: Sett opp widgets

1) Gadgeten er registrert, og visningsposisjonen er også definert i temafilen.

• Du kan angi widgetgruppeområdet i WordPress-bakgrunnen ▼

2) Etter å ha lagret, oppdater forsiden.

• Sidefeltet på nettstedet vårt vil se ut som bildet nedenfor ▼

Du kan se bildet ovenfor, som indikerer at gadgeten vår er laget og kjører som vanlig.

Hvordan legge til flere WordPress-widgets i forskjellige områder?

Gjenta trinn XNUMX og XNUMX for å få WordPress-temaet til å støtte widgets på forskjellige steder.

Anta at du må legge til en widget i overskriften, sidefeltet og bunnen av temaet.

1) Først må du kopiere følgende kode inn i functions.php-filen ▼

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) Deretter legger du til følgende kode i filene header.php, sidebar.php og footer.php.

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>

Dette er en suksess!

• Selvfølgelig kan du også endre ulike detaljer i koden i henhold til dine behov ^_^
• De 2 trinnene ovenfor lar resten av temaet integrere funksjonaliteten til widgeten.

Fortsett deretter å dele tips for bruk av widgets i WordPress.

WordPress Theme Integration Widget Widget Tips

Administrer tilpassede widgeter effektivt:

1) Etter å ha lagt til widgets til temaet, kan du opprette en egen fil og gi den et navnwidgets.php.

• For å lagre all den egendefinerte widgetkoden som ble lagt til i trinn 1, i denne mappen.

2) Legg til koden i functions.php-filen:

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

3) Lagre all den egendefinerte widget-widgetkoden som ble lagt til i trinn 1, i widgets.php-filen.

Denne metoden sikrer at alle widgets lastes jevnt og fungerer på alle WordPress-versjoner som støtter widgets.

På denne måten kan du administrere WordPress-temafilene dine mer effektivt.