Hvordan tilføjer man WordPress-widgets?Tema integration Widgets område

Brugerdefinerede menufunktioner og sidebjælke-widgets, jahood.discountUdvalgte funktioner i temaet.

• At lave et tema, hvis det ikke indeholder disse to funktioner, er som en kyllingerib...

Chen Weiliangi det foregåendebygge en hjemmesideI denne tutorial deler jeg, hvordan man giver et WordPress-temaTilføj brugerdefineret menu.

Denne artikel beskriver, hvordan du tilføjer brugerdefinerede widgetfunktioner, når du opretter et tema.

Ligesom at tilføje brugerdefinerede menuer til temaer, tager tilpasset tilføjelse af widgets kun 3 trin.

Det første trin, registrering af gadgets

For at bruge widgetten skal du først registrere dig, åbne filen functions.php under WordPress-temaet,

Tilføj følgende kode i functions.php-filen:

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

?>

Rediger li- og h2-tags i functions.php, så de svarer til tags i sidebar.php:

Li- og modul h2-titlerne 'before_widget' og 'after_widget' ændrer koden i henhold til den faktiske situation.

(måske uden ændringer)

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

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

Ovenstående kode registrerer et widgetområde med navnet "top-sidebar":

• Det viste navn er "Top Sidebar".
• Tilføj et h2-tag til titlen.
• Indholdselementer er tagget med li.

登录WordPress backendDashboard, gå til Udseende → Widgets.

Hvis du kan se Top Sidebar-widgetområdet i højre side af billedet nedenfor, betyder det, at registreringen er vellykket ▼

Det andet trin, gadget-opkald

Efter at gadgetten er registreret, kan den kaldes i temaskabelonfilen, og følgende kode kan kaldes i sidebar.php-filen.

1) I sidebar.php-filen, under det største li- eller div-tag, indsæt ▼

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

2) I sidebar.php-filen, den størsteellerTilføj ▼ ovenfor

<?php endif; ?>

Trin XNUMX: Konfigurer widgets

1) Gadget'en er registreret, og visningspositionen er også defineret i temafilen.

• Du kan indstille widgetgruppeområdet i WordPress-baggrunden ▼

2) Når du har gemt, skal du opdatere forsiden.

• Sidebjælken på vores hjemmeside vil se ud som billedet nedenfor ▼

Du kan se billedet ovenfor, hvilket indikerer, at vores gadget er blevet lavet og kører som normalt.

Hvordan tilføjer man flere WordPress-widgets i forskellige områder?

Gentag trin XNUMX og XNUMX for at få dine WordPress-temaer til at understøtte widgets forskellige steder.

Antag, at du skal tilføje en widget til overskriften, sidebjælken og bunden af ​​temaet.

1) Først skal du kopiere følgende kode ind 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) Tilføj derefter følgende kode til henholdsvis header.php, sidebar.php og footer.php filer.

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>

Så vellykket!

• Du kan selvfølgelig også ændre forskellige detaljer i koden efter dine behov ^_^
• De 2 trin ovenfor giver resten af ​​temaet mulighed for at integrere funktionaliteten af ​​widgetten.

Fortsæt derefter med at dele tips til brug af widgets i WordPress.

WordPress Theme Integration Widget Widget Tips

Administrer brugerdefinerede widgets effektivt:

1) Efter at have tilføjet widgets til temaet, kan du oprette en separat fil og navngive denwidgets.php.

• For at gemme al den tilpassede widgetkode, der er tilføjet i trin 1, til denne mappe.

2) Tilføj koden til functions.php-filen:

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

3) Gem alle de brugerdefinerede widgets-widgetkoder tilføjet i trin 1 til widgets.php-filen.

Denne metode sikrer, at alle widgets indlæses glat og fungerer på alle WordPress-versioner, der understøtter widgets.

På denne måde kan du administrere dine WordPress-temafiler mere effektivt.