Kiel aldoni WordPress-fenestaĵojn?Temo integriĝo Widgets areo

Propraj menuaj funkcioj kaj flankaj fenestraĵoj, jesWordPressElstaraj trajtoj en la temo.

• Fari temon, se ĝi ne inkluzivas ĉi tiujn du funkciojn, estas kiel kokida ripo...

Chen Weiliangen la antaŭakonstrui retejonEn ĉi tiu lernilo, mi dividas kiel doni WordPress-temonAldonu kutiman menuon.

Ĉi tiu artikolo priskribas kiel aldoni kutimajn fenestraĵfunkciojn dum kreado de temo.

Same kiel aldoni kutimajn menuojn al temoj, laŭmenda aldonado de fenestraĵoj bezonas nur 3 paŝojn.

La unua paŝo, registriĝo de gadget

Por uzi la fenestraĵon, vi unue devas registriĝi, malfermi la functions.php-dosieron sub la WordPress-temo,

En la functions.php-dosiero, aldonu la sekvan kodon:

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

?>

Modifi la etikedojn li kaj h2 en functions.php por respondi al la etikedoj en sidebar.php:

La titoloj li kaj modulo h2 de 'before_widget' kaj 'after_widget' modifas la kodon laŭ la reala situacio.

(eble sen modifo)

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

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

La supra kodo registras fenestraĵareon nomitan "supra-flankbreto":

• La montrata nomo estas "Supra Flankbreto".
• Aldonu h2-etikedon al la titolo.
• Enhavaj eroj estas etikeditaj per li.

ensalutuWordPress backendPanelo, iru al Apero → Fenestraĵoj.

Se vi povas vidi la Supra Flankbreto-fenestraĵareo sur la dekstra flanko de la suba bildo, tio signifas, ke la registrado estas sukcesa ▼

La dua paŝo, voko de gadget

Post kiam la aparato estas registrita, ĝi povas esti nomita en la temo-ŝablona dosiero, kaj la sekva kodo povas esti nomita en la sidebar.php-dosiero.

1) En la sidebar.php-dosiero, sub la plej granda li aŭ div-etikedo, enigu ▼

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

2) En la sidebar.php dosiero, la plej grandaaŭSupre, aldonu ▼

<?php endif; ?>

Paŝo XNUMX: Agordu fenestraĵojn

1) La aparato estas registrita, kaj la montra pozicio ankaŭ estas difinita en la temodosiero.

• Vi povas agordi la fenestraĵgrupon en la WordPress-fono ▼

2) Post konservado, refreŝigu la ĉefpaĝon.

• La flanka kolumno de nia retejo aspektos kiel la suba bildo ▼

Vi povas vidi la supran bildon, indikante, ke nia aparato estis farita kaj funkcias kiel kutime.

Kiel aldoni plurajn WordPress-fenestraĵojn en malsamaj areoj?

Ripetu paŝojn XNUMX kaj XNUMX por ke via WordPress-temo subtenaj fenestraĵoj en malsamaj lokoj.

Supozu, ke vi devas aldoni fenestraĵon al la kaplinio, flanka kolumno kaj malsupro de la temo.

1) Unue, vi devas kopii la sekvan kodon en la functions.php-dosieron ▼

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) Poste, aldonu la sekvan kodon al dosieroj header.php, sidebar.php kaj footer.php respektive.

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>

Ĉi tio estas sukceso!

• Kompreneble, vi ankaŭ povas modifi diversajn detalojn en la kodo laŭ viaj bezonoj ^_^
• La 2 supraj paŝoj permesas al la resto de la temo integri la funkciojn de la fenestraĵo.

Poste, daŭre kundividu konsiletojn por uzi fenestraĵojn en WordPress.

WordPress Temo Integriĝo Fenestraĵo Konsiletoj

Efike administru kutimajn fenestraĵojn:

1) Post aldoni fenestraĵojn al la temo, vi povas krei apartan dosieron kaj nomi ĝinwidgets.php.

• Por konservi la tutan kutiman fenestraĵkodon aldonitan en la paŝo 1 al ĉi tiu dosierujo.

2) Aldonu la kodon al la functions.php-dosiero:

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

3) Konservu ĉiujn kutimajn fenestraĵkodon aldonitan en la paŝo 1 al la dosiero widgets.php.

Ĉi tiu metodo certigas, ke ĉiuj fenestraĵoj glate ŝargas kaj funkcias en ĉiuj WordPress-versioj, kiuj subtenas fenestraĵojn.

Tiel vi povas administri viajn WordPress-temajn dosierojn pli efike.