Ako pridať widgety WordPress?Oblasť widgetov integrácie témy

Vlastné funkcie ponuky a miniaplikácie bočného panela, ánoWordPressOdporúčané funkcie v téme.

• Vytvorenie témy, ak neobsahuje tieto dve funkcie, je ako kuracie rebro...

Chen Weiliangv predchádzajúcomvytvoriť webovú stránkuV tomto návode sa podelím o to, ako zadať tému WordPressPridať vlastnú ponuku.

Tento článok popisuje, ako pridať vlastné funkcie miniaplikácie pri vytváraní témy.

Rovnako ako pridávanie vlastných ponúk do tém, vlastné pridávanie miniaplikácií trvá len 3 kroky.

Prvým krokom je registrácia modulu gadget

Pre používanie widgetu sa musíte najprv zaregistrovať, otvoriť súbor functions.php pod témou WordPress,

Do súboru functions.php pridajte nasledujúci 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 vo functions.php tak, aby zodpovedali značkám v sidebar.php:

Názvy li a modul h2 'before_widget' a 'after_widget' upravujú kód podľa aktuálnej situácie.

(možno bez úpravy)

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

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

Vyššie uvedený kód registruje oblasť miniaplikácií s názvom „horný bočný panel“:

• Zobrazený názov je „Horný bočný panel“.
• Pridajte do názvu značku h2.
• Položky obsahu sú označené li.

登录WordPress backendPanel, prejdite na Vzhľad → Widgety.

Ak vidíte oblasť miniaplikácie Horný bočný panel na pravej strane nižšie uvedeného obrázka, znamená to, že registrácia bola úspešná ▼

Druhý krok, volanie modulu gadget

Po zaregistrovaní modulu gadget ho možno volať v súbore šablóny témy a v súbore sidebar.php je možné vyvolať nasledujúci kód.

1) V súbore sidebar.php pod najväčšiu značku li alebo div vložte ▼

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

2) V súbore sidebar.php najväčšíaleboVyššie pridajte ▼

<?php endif; ?>

Krok XNUMX: Nastavte miniaplikácie

1) Modul gadget je zaregistrovaný a pozícia zobrazenia je tiež definovaná v súbore témy.

• Oblasť skupiny miniaplikácií môžete nastaviť na pozadí WordPress ▼

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

• Bočný panel našej webovej stránky bude vyzerať ako na obrázku nižšie ▼

Môžete vidieť obrázok vyššie, ktorý naznačuje, že náš modul gadget bol vytvorený a funguje ako zvyčajne.

Ako pridať viacero widgetov WordPress v rôznych oblastiach?

Opakujte kroky XNUMX a XNUMX, aby sa vaše miniaplikácie pre tému WordPress stali podporované na rôznych miestach.

Predpokladajme, že potrebujete pridať miniaplikáciu do hlavičky, bočného panela a spodnej časti témy.

1) Najprv musíte skopírovať nasledujúci kód do súboru 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) Ďalej pridajte nasledujúci kód do súborov 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>

Toto je úspech!

• Samozrejme, rôzne detaily v kóde si môžete upraviť aj podľa svojich potrieb ^_^
• Dva vyššie uvedené kroky umožňujú zvyšku témy integrovať funkčnosť miniaplikácie.

Ďalej pokračujte v zdieľaní tipov na používanie miniaplikácií vo WordPress.

Tipy na widgety integrácie témy WordPress

Efektívne spravujte vlastné miniaplikácie:

1) Po pridaní miniaplikácií do témy môžete vytvoriť samostatný súbor a pomenovať howidgets.php.

• Ak chcete uložiť všetok vlastný kód miniaplikácie pridaný v kroku 1 do tohto priečinka.

2) Pridajte kód do súboru functions.php:

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

3) Uložte všetky vlastné kódy miniaplikácií pridané v kroku 1 do súboru widgets.php.

Táto metóda zaisťuje, že sa všetky miniaplikácie načítajú hladko a fungujú na všetkých verziách WordPress, ktoré podporujú miniaplikácie.

Týmto spôsobom môžete efektívnejšie spravovať súbory tém WordPress.