WordPress vidjetlərini necə əlavə etmək olar?Mövzu inteqrasiyası Widgets sahəsi

Xüsusi menyu xüsusiyyətləri və yan panel vidjetləri, bəliWordPressMövzuda seçilən xüsusiyyətlər.

• Mövzu yaratmaq, bu iki funksiyanı ehtiva etmirsə, toyuq qabırğasına bənzəyir...

Chen Weiliangəvvəlkiveb sayt qurunBu dərslikdə mən WordPress mövzusunun necə veriləcəyini paylaşıramFərdi menyu əlavə edin.

Bu məqalə mövzu yaratarkən fərdi vidjet funksiyalarının necə əlavə olunacağını təsvir edir.

Mövzulara fərdi menyular əlavə etmək kimi, fərdi vidjetlər əlavə etmək də cəmi 3 addım çəkir.

İlk addım, gadget qeydiyyatı

Vidceti istifadə etmək üçün əvvəlcə qeydiyyatdan keçməli, WordPress mövzusu altında functions.php faylını açmalısınız,

functions.php faylına aşağıdakı kodu əlavə edin:

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

?>

functions.php-də li və h2 teqlərini sidebar.php-dəki teqlərə uyğunlaşdırmaq üçün dəyişdirin:

'before_widget' və 'after_widget' li və modul h2 başlıqları kodu faktiki vəziyyətə uyğun olaraq dəyişdirir.

(bəlkə də dəyişiklik etmədən)

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

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

Yuxarıdakı kod "yuxarı yan panel" adlı vidjet sahəsini qeyd edir:

• Göstərilən ad "Üst kənar panel"dir.
• Başlığa h2 teq əlavə edin.
• Məzmun elementləri li ilə işarələnir.

登录WordPress backendİdarə paneli, Görünüş → Vidjetlərə keçin.

Aşağıdakı şəklin sağ tərəfində yuxarı kənar panel vidcet sahəsini görürsünüzsə, bu, qeydiyyatın uğurlu olduğu anlamına gəlir ▼

İkinci addım, gadget zəngi

Qadcet qeydiyyatdan keçdikdən sonra onu tema şablon faylında çağırmaq olar, sidebar.php faylında isə aşağıdakı kodu çağırmaq olar.

1) sidebar.php faylında ən böyük li və ya div teqinin altına ▼ daxil edin

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

2) sidebar.php faylında ən böyüyüvə yaYuxarıda ▼ əlavə edin

<?php endif; ?>

Addım XNUMX: Vidjetləri quraşdırın

1) Qadcet qeydə alınıb və ekran mövqeyi də mövzu faylında müəyyən edilib.

• Widget qrup sahəsini WordPress fonunda təyin edə bilərsiniz ▼

2) Yadda saxladıqdan sonra ön səhifəni yeniləyin.

• Veb saytımızın yan paneli aşağıdakı şəkildəki kimi görünəcək ▼

Qadcetimizin hazırlandığını və həmişəki kimi işlədiyini göstərən yuxarıdakı şəkli görə bilərsiniz.

Müxtəlif sahələrdə birdən çox WordPress vidjetini necə əlavə etmək olar?

WordPress temanızı müxtəlif yerlərdə vidjetləri dəstəkləmək üçün XNUMX və XNUMX-ci addımları təkrarlayın.

Fərz edək ki, mövzunun başlığına, yan panelinə və aşağı hissəsinə vidcet əlavə etməlisiniz.

1) Əvvəlcə aşağıdakı kodu functions.php faylına köçürməlisiniz ▼

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) Sonra aşağıdakı kodu müvafiq olaraq header.php, sidebar.php və footer.php fayllarına əlavə edin.

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>

Bu uğurdur!

• Əlbəttə ki, kodun müxtəlif detallarını ehtiyaclarınıza uyğun olaraq dəyişdirə bilərsiniz ^_^
• Yuxarıdakı 2 addım mövzunun qalan hissəsinə vidcetin funksionallığını inteqrasiya etməyə imkan verir.

Sonra, WordPress-də vidjetlərdən istifadə üçün məsləhətləri paylaşmağa davam edin.

WordPress Mövzu İnteqrasiyası Widget Widget Məsləhətləri

Fərdi vidjetləri səmərəli şəkildə idarə edin:

1) Mövzuya vidjetlər əlavə etdikdən sonra ayrıca fayl yarada və ona ad verə bilərsinizwidgets.php.

• 1-ci addımda əlavə edilmiş bütün fərdi vidjet kodunu bu qovluğa saxlamaq üçün.

2) Kodu functions.php faylına əlavə edin:

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

3) 1-ci addımda əlavə edilmiş bütün fərdi vidjetlər vidjet kodunu widgets.php faylında saxlayın.

Bu üsul bütün vidjetlərin rəvan yüklənməsini və widgetları dəstəkləyən bütün WordPress versiyalarında işləməsini təmin edir.

Beləliklə, WordPress tema fayllarınızı daha səmərəli idarə edə bilərsiniz.