Hogyan adhatok hozzá WordPress widgeteket?Témaintegrációs widgetek terület

Egyéni menüfunkciók és oldalsáv widgetek, igenWordPressKiemelt funkciók a témában.

• A téma elkészítése, ha nem tartalmazza ezt a két funkciót, olyan, mint egy csirkeborda...

Chen Weiliangaz előzőbenÉpíts egy állomástEbben az oktatóanyagban megosztom, hogyan adhatok WordPress-témátEgyéni menü hozzáadása.

Ez a cikk leírja, hogyan adhat hozzá egyéni widget-függvényeket téma létrehozásakor.

Csakúgy, mint az egyéni menük témákhoz való hozzáadása, a widgetek egyéni hozzáadása is mindössze 3 lépést vesz igénybe.

Az első lépés, a kütyü regisztráció

A widget használatához először regisztrálnia kell, nyissa meg a functions.php fájlt a WordPress téma alatt,

A functions.php fájlban adja hozzá a következő kódot:

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

?>

Módosítsa a functions.php li és h2 címkéit, hogy azok megfeleljenek a sidebar.php címkéinek:

A li és a modul h2 címei a 'before_widget' és 'after_widget', módosítják a kódot az aktuális helyzetnek megfelelően.

(talán módosítás nélkül)

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

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

A fenti kód egy "top-sidebar" nevű widget-területet regisztrál:

• A megjelenített név "Felső oldalsáv".
• Adjon hozzá egy h2 címkét a címhez.
• A tartalmi elemek li címkével vannak megjelölve.

登录WordPress háttérrendszerIrányítópult, lépjen a Megjelenés → Widgetek menüpontra.

Ha az alábbi kép jobb oldalán látja a felső oldalsáv widget területet, az azt jelenti, hogy a regisztráció sikeres ▼

A második lépés, a kütyühívás

A modul regisztrálása után a témasablon fájlban, a következő kód pedig a sidebar.php fájlban hívható meg.

1) A sidebar.php fájlba, a legnagyobb li vagy div címke alá, szúrja be a ▼ jelet

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

2) A sidebar.php fájlban a legnagyobbvagyFent adja hozzá a ▼-t

<?php endif; ?>

XNUMX. lépés: Állítsa be a widgeteket

1) A modul regisztrálva van, és a megjelenítési pozíció is meghatározásra került a témafájlban.

• A widgetcsoport területét a WordPress hátterében ▼ állíthatja be

2) Mentés után frissítse a címlapot.

• Weboldalunk oldalsávja úgy fog kinézni, mint az alábbi képen ▼

A fenti képen látható, hogy a kütyünk elkészült és a megszokott módon működik.

Hogyan adhatunk hozzá több WordPress widgetet különböző területeken?

Ismételje meg az XNUMX. és XNUMX. lépést, hogy a WordPress témája különböző helyeken támogassa a widgeteket.

Tegyük fel, hogy hozzá kell adni egy widgetet a téma fejlécéhez, oldalsávjához és aljához.

1) Először a következő kódot kell bemásolni a functions.php fájlba ▼

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) Ezután adja hozzá a következő kódot a header.php, sidebar.php és footer.php fájlokhoz.

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>

lábléc.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>

Ez egy siker!

• Természetesen a kódban különféle részleteket is módosíthat igényei szerint ^_^
• A fenti 2 lépés lehetővé teszi, hogy a téma többi része integrálja a widget funkcióit.

Ezután folytassa a widgetek WordPress-használatával kapcsolatos tippek megosztását.

WordPress témaintegrációs widget-tippek

Egyéni widgetek hatékony kezelése:

1) Miután widgeteket adott a témához, létrehozhat egy külön fájlt, és elnevezhetiwidgets.php.

• Az 1. lépésben hozzáadott összes egyéni widget kód ebbe a mappába történő mentéséhez.

2) Adja hozzá a kódot a functions.php fájlhoz:

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

3) Mentse el az 1. lépésben hozzáadott összes egyéni widget widget kódot a widgets.php fájlba.

Ez a módszer biztosítja, hogy minden widget zökkenőmentesen töltődjön be, és minden olyan WordPress-verzión működjön, amely támogatja a widgeteket.

Így hatékonyabban kezelheti a WordPress témafájljait.