Jak přidat widgety WordPress?Integrace motivu Oblast widgetů

Vlastní funkce nabídky a widgety postranního panelu, anoWordPressVybrané funkce v tématu.

• Vytvořit téma, pokud neobsahuje tyto dvě funkce, je jako kuřecí žebírko...

Chen WeiliangPředvytvořit webovou stránkuV tomto tutoriálu sdílím, jak zadat téma WordPressPřidat vlastní nabídku.

Tento článek popisuje, jak při vytváření motivu přidat vlastní funkce widgetu.

Stejně jako přidávání vlastních nabídek k tématům, vlastní přidávání widgetů trvá jen 3 kroky.

Prvním krokem je registrace gadgetu

Pro použití widgetu se musíte nejprve zaregistrovat, otevřít soubor functions.php pod tématem WordPress,

Do souboru functions.php přidejte následující kód:

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

?>

Upravte značky li a h2 ve functions.php tak, aby odpovídaly značkám v sidebar.php:

Názvy li a modul h2 'before_widget' a 'after_widget' upravují kód podle aktuální situace.

(možná bez úprav)

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

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

Výše uvedený kód registruje oblast widgetu s názvem „horní postranní panel“:

• Zobrazený název je „Horní postranní panel“.
• Přidejte do názvu značku h2.
• Položky obsahu jsou označeny li.

登录WordPress backendOvládací panel, přejděte na Vzhled → Widgety.

Pokud vidíte oblast widgetu Horní postranní panel na pravé straně níže uvedeného obrázku, znamená to, že registrace byla úspěšná ▼

Druhý krok, volání gadgetu

Po zaregistrování gadgetu jej lze volat v souboru šablony motivu a v souboru sidebar.php lze volat následující kód.

1) V souboru sidebar.php pod největší značku li nebo div vložte ▼

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

2) V souboru sidebar.php největšíneboNahoře přidejte ▼

<?php endif; ?>

Krok XNUMX: Nastavte widgety

1) Gadget je zaregistrován a pozice zobrazení je také definována v souboru motivu.

• Oblast skupiny widgetů můžete nastavit na pozadí WordPress ▼

2) Po uložení obnovte titulní stránku.

• Postranní panel našeho webu bude vypadat jako na obrázku níže ▼

Můžete vidět obrázek výše, který naznačuje, že náš gadget byl vytvořen a běží jako obvykle.

Jak přidat více widgetů WordPress v různých oblastech?

Opakujte kroky XNUMX a XNUMX, abyste vytvořili widgety pro podporu motivu WordPress na různých místech.

Předpokládejme, že potřebujete přidat widget do záhlaví, postranního panelu a spodní části motivu.

1) Nejprve musíte zkopírovat následující kód do souboru 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) Dále přidejte následující kód do souborů header.php, sidebar.php a 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>

Tak úspěšné!

• Různé detaily v kódu si samozřejmě můžete upravit podle svých potřeb ^_^
• Dva výše uvedené kroky umožňují, aby zbytek motivu integroval funkce widgetu.

Dále pokračujte ve sdílení tipů pro používání widgetů ve WordPressu.

Tipy pro widgety integrace tématu WordPress

Efektivně spravujte vlastní widgety:

1) Po přidání widgetů do motivu můžete vytvořit samostatný soubor a pojmenovat jejwidgets.php.

• Chcete-li uložit veškerý vlastní kód widgetu přidaný v kroku 1 do této složky.

2) Přidejte kód do souboru functions.php:

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

3) Uložte všechny vlastní kódy widgetů přidané v kroku 1 do souboru widgets.php.

Tato metoda zajišťuje, že se všechny widgety načítají hladce a fungují na všech verzích WordPress, které widgety podporují.

Tímto způsobem můžete efektivněji spravovat soubory motivů WordPress.