Hur lägger man till WordPress-widgets?Tema integration Widgets område

Anpassade menyfunktioner och sidofältswidgets, jaWordpressUtvalda funktioner i temat.

• Att göra ett tema, om det inte innehåller dessa två funktioner, är som ett kyckling revben...

Chen Weiliangi det föregåendebygga en webbplatsI den här handledningen delar jag med mig av hur man ger ett WordPress-temaLägg till anpassad meny.

Den här artikeln beskriver hur du lägger till anpassade widgetfunktioner när du skapar ett tema.

Precis som att lägga till anpassade menyer till teman, tar anpassade widgets bara tre steg.

Det första steget, registrering av gadget

För att använda widgeten måste du först registrera dig, öppna filen functions.php under WordPress-temat,

Lägg till följande kod i filen functions.php:

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

?>

Ändra taggarna li och h2 i functions.php så att de motsvarar taggarna i sidebar.php:

Li- och modul h2-titlarna "before_widget" och "after_widget", ändrar koden enligt den faktiska situationen.

(kanske utan ändringar)

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

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

Ovanstående kod registrerar ett widgetområde med namnet "top-sidebar":

• Det visade namnet är "Top Sidebar".
• Lägg till en h2-tagg till titeln.
• Innehållsobjekt är taggade med li.

登录WordPress backendDashboard, gå till Utseende → Widgets.

Om du kan se widgetområdet Top Sidebar till höger på bilden nedan betyder det att registreringen är framgångsrik ▼

Det andra steget, gadget-samtal

Efter att gadgeten är registrerad kan den anropas i temamallfilen, och följande kod kan anropas i filen sidebar.php.

1) I filen sidebar.php, under den största li- eller div-taggen, infoga ▼

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

2) I filen sidebar.php, den störstaellerLägg till ▼ ovan

<?php endif; ?>

Steg XNUMX: Konfigurera widgets

1) Gadgeten är registrerad och visningspositionen definieras också i temafilen.

• Du kan ställa in widgetgruppsområdet i WordPress-bakgrunden ▼

2) När du har sparat, uppdatera framsidan.

• Sidofältet på vår webbplats kommer att se ut som bilden nedan ▼

Du kan se bilden ovan, vilket indikerar att vår gadget har tillverkats och körs som vanligt.

Hur lägger man till flera WordPress-widgets i olika områden?

Upprepa steg XNUMX och XNUMX för att få dina WordPress-tema att stödja widgets på olika platser.

Anta att du behöver lägga till en widget i rubriken, sidofältet och botten av temat.

1) Först måste du kopiera följande kod till 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) Lägg sedan till följande kod till header.php, sidebar.php och 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>

Detta är en succé!

• Naturligtvis kan du även modifiera olika detaljer i koden efter dina behov ^_^
• De 2 stegen ovan tillåter resten av temat att integrera widgetens funktionalitet.

Fortsätt sedan att dela tips för att använda widgets i WordPress.

Widget-widgettips för WordPress-temaintegrering

Hantera anpassade widgetar effektivt:

1) Efter att ha lagt till widgets till temat kan du skapa en separat fil och namnge denwidgets.php.

• För att spara all anpassad widgetkod som lagts till i steg 1 i den här mappen.

2) Lägg till koden i functions.php-filen:

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

3) Spara alla widgetkoder för anpassade widgets som lagts till i steg 1 i filen widgets.php.

Denna metod säkerställer att alla widgets laddas smidigt och fungerar på alla WordPress-versioner som stöder widgets.

På så sätt kan du hantera dina WordPress-temafiler mer effektivt.