Ինչպե՞ս ավելացնել WordPress վիդջեթներ:Թեմայի ինտեգրում Վիդջեթների տարածք

Պատվերով ընտրացանկի առանձնահատկությունները և կողագոտի վիդջեթները, այոWordPressԹեմայի առանձնահատուկ առանձնահատկություններ:

• Թեմա պատրաստելը, եթե այն չի ներառում այս երկու գործառույթը, նման է հավի կողի...

Չեն Վայլյաննախորդումկառուցել կայքԱյս ձեռնարկում ես կիսվում եմ, թե ինչպես տալ WordPress թեմաԱվելացնել հատուկ մենյու:

Այս հոդվածը նկարագրում է, թե ինչպես ավելացնել հատուկ վիջեթի գործառույթներ թեմա ստեղծելիս:

Ճիշտ այնպես, ինչպես թեմաներին հատուկ մենյու ավելացնելը, հարմարեցված վիդջեթների ավելացումը տևում է ընդամենը 3 քայլ:

Առաջին քայլը՝ գաջեթի գրանցում

Վիջեթից օգտվելու համար նախ պետք է գրանցվել, բացել functions.php ֆայլը WordPress թեմայի տակ,

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

?>

Փոփոխեք li և h2 պիտակները functions.php-ում, որպեսզի համապատասխանեն sidebar.php-ի պիտակներին:

«Before_widget»-ի և «after_widget»-ի li և «h2» մոդուլի վերնագրերը փոփոխում են կոդը՝ ըստ փաստացի իրավիճակի:

(գուցե առանց փոփոխության)

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

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

Վերոնշյալ կոդը գրանցում է վիդջեթի տարածք, որը կոչվում է «վերևի կողային գոտի».

• Ցուցադրված անունն է «Վերին կողագոտի»:
• Վերնագրում ավելացրեք h2 թեգ:
• Բովանդակության տարրերը պիտակավորված են li.

登录WordPress backendՎահանակ, գնացեք Արտաքին տեսք → Վիջեթներ:

Եթե ​​տեսնում եք վերևի կողագոտու վիդջեթի տարածքը ստորև նկարի աջ կողմում, դա նշանակում է, որ գրանցումը հաջող է ▼

Երկրորդ քայլը՝ գաջեթի զանգ

Գաջեթի գրանցումից հետո այն կարելի է կանչել թեմայի ձևանմուշի ֆայլում, իսկ sidebar.php ֆայլում կարող է կանչվել հետևյալ կոդը։

1) sidebar.php ֆայլում, ամենամեծ li կամ div պիտակի տակ, տեղադրեք ▼

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

2) Sidebar.php ֆայլում ամենամեծըկամՎերևում ավելացրեք ▼

<?php endif; ?>

Քայլ XNUMX. Ստեղծեք վիդջեթներ

1) Գաջեթը գրանցված է, և թեմայի ֆայլում նույնպես սահմանված է ցուցադրման դիրքը:

• Դուք կարող եք սահմանել վիդջեթների խմբի տարածքը WordPress-ի ֆոնային ▼

2) Պահելուց հետո թարմացրեք առաջին էջը:

• Մեր կայքի կողագոտին նման կլինի ▼ ստորև ներկայացված պատկերին

Դուք կարող եք տեսնել վերևի նկարը, որը ցույց է տալիս, որ մեր գաջեթը պատրաստված է և աշխատում է սովորականի պես:

Ինչպե՞ս ավելացնել WordPress-ի բազմաթիվ վիդջեթներ տարբեր ոլորտներում:

Կրկնեք XNUMX-ին և XNUMX-րդ քայլերը, որպեսզի ձեր WordPress թեման աջակցի վիջեթները տարբեր վայրերում:

Ենթադրենք, որ դուք պետք է վիջեթ ավելացնեք թեմայի վերնագրի, կողագոտի և ներքևի մասում:

1) Նախ, դուք պետք է պատճենեք հետևյալ կոդը ▼ ֆայլի մեջ 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) Այնուհետև ավելացրեք հետևյալ կոդը համապատասխանաբար header.php, sidebar.php և 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>

Սա հաջողություն է:

• Իհարկե, դուք կարող եք նաև փոփոխել կոդի տարբեր մանրամասներ՝ ըստ ձեր կարիքների ^_^
• Վերոնշյալ 2 քայլերը թույլ են տալիս թեմայի մնացած մասը ինտեգրել վիջեթի ֆունկցիոնալությունը:

Հաջորդը, շարունակեք կիսվել WordPress-ում վիջեթներ օգտագործելու վերաբերյալ խորհուրդներով:

WordPress Theme Integration Widget Widget Tips

Արդյունավետ կառավարել մաքսային վիդջեթները.

1) Թեմայի մեջ վիջեթներ ավելացնելուց հետո կարող եք առանձին ֆայլ ստեղծել և անվանել այնwidgets.php.

• Այս թղթապանակում 1-ին քայլում ավելացված բոլոր հատուկ վիջեթի կոդը պահելու համար:

2) Կոդը ավելացրեք functions.php ֆայլին.

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

3) Պահպանեք 1-ին քայլում ավելացված բոլոր հատուկ վիջեթների վիջեթի կոդը widgets.php ֆայլում:

Այս մեթոդը ապահովում է, որ բոլոր վիջեթները սահուն բեռնվեն և աշխատեն WordPress-ի բոլոր տարբերակների վրա, որոնք աջակցում են վիդջեթներին:

Այսպիսով, դուք կարող եք ավելի արդյունավետ կառավարել ձեր WordPress թեմայի ֆայլերը: