WordPress виджеттерін қалай қосуға болады?Тақырыпты біріктіру Виджеттер аймағы

Арнайы мәзір мүмкіндіктері мен бүйірлік тақта виджеттері, иәWordPressТақырыптағы таңдаулы мүмкіндіктер.

• Тақырып жасау, егер ол осы екі функцияны қамтымаса, тауықтың қабырғасы сияқты ...

Чен ВэйляналдыңғысындаСтанция салуБұл оқулықта мен WordPress тақырыбын қалай беруге болатынын бөлісемінАрнаулы мәзірді қосыңыз.

Бұл мақала тақырыпты жасау кезінде реттелетін виджет функцияларын қосу жолын сипаттайды.

Тақырыптарға реттелетін мәзірлерді қосу сияқты, теңшелетін виджеттерді қосу тек 3 қадамды алады.

Бірінші қадам, гаджетті тіркеу

Виджетті пайдалану үшін алдымен тіркеліп, WordPress тақырыбының астында functions.php файлын ашыңыз,

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

?>

functions.php ішіндегі li және h2 тегтерін sidebar.php ішіндегі тегтерге сәйкес келетіндей етіп өзгертіңіз:

li және модуль h2 тақырыптары 'before_widget' және 'after_widget', нақты жағдайға сәйкес кодты өзгертеді.

(мүмкін өзгертусіз)

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

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

Жоғарыдағы код "жоғарғы бүйірлік тақта" деп аталатын виджет аймағын тіркейді:

• Көрсетілген атау «Жоғарғы бүйірлік тақта».
• Тақырыпқа h2 тегін қосыңыз.
• Мазмұн элементтері li белгісімен белгіленеді.

КіруWordPress серверіБақылау тақтасында Сыртқы көрініс → Виджеттер тармағына өтіңіз.

Төмендегі суретте оң жақтағы жоғарғы бүйірлік тақта виджет аймағын көрсеңіз, тіркеу сәтті аяқталды ▼

Екінші қадам, гаджеттік қоңырау

Гаджет тіркелгеннен кейін оны тақырып үлгісі файлында шақыруға болады, ал келесі кодты 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 виджеттерін қалай қосуға болады?

Әр түрлі жерлерде WordPress тақырыбын қолдау виджеттерін жасау үшін XNUMX және XNUMX-қадамдарды қайталаңыз.

Тақырыптың тақырыбына, бүйірлік тақтасына және төменгі жағына виджетті қосу керек делік.

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 тақырыбын біріктіру виджетіне қатысты кеңестер

Пайдаланушы виджеттерін тиімді басқарыңыз:

1) Тақырыпқа виджеттерді қосқаннан кейін бөлек файл жасап, оны атауға боладыwidgets.php.

• 1-қадамда қосылған барлық теңшелетін виджет кодын осы қалтаға сақтау үшін.

2) functions.php файлына кодты қосыңыз:

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

3) 1-қадамда қосылған барлық теңшелетін виджеттердің виджет кодын widgets.php файлына сақтаңыз.

Бұл әдіс барлық виджеттердің біркелкі жүктелуін және виджеттерді қолдайтын барлық WordPress нұсқаларында жұмыс істеуін қамтамасыз етеді.

Осылайша, WordPress тақырып файлдарын тиімдірек басқара аласыз.