Како додати ВордПресс виџете?Интеграција теме Област виџета

Функције прилагођеног менија и виџети бочне траке, даWordPressИстакнуте карактеристике у теми.

• Прављење теме, ако не укључује ове две функције, је као пилеће ребро...

Цхен Веилиангу претходномнаправите веб страницуУ овом туторијалу делим како да дам ВордПресс темуДодајте прилагођени мени.

Овај чланак описује како да додате прилагођене функције виџета приликом креирања теме.

Баш као и додавање прилагођених менија темама, прилагођено додавање виџета траје само 3 корака.

Први корак, регистрација гаџета

Да бисте користили виџет, прво морате да се региструјете, отворите датотеку фунцтионс.пхп под ВордПресс темом,

У датотеци фунцтионс.пхп додајте следећи код:

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

?>

Измените ознаке ли и х2 у фунцтионс.пхп тако да одговарају ознакама у сидебар.пхп:

Наслови ли и модула х2 'бефоре_видгет' и 'афтер_видгет' модификују код у складу са стварном ситуацијом.

(можда без модификације)

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

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

Горњи код региструје област виџета под називом „горња бочна трака“:

• Приказани назив је "Горња бочна трака".
• Додајте ознаку х2 у наслов.
• Ставке садржаја су означене са ли.

登录Позадина ВордПресс-аКонтролна табла, идите на Изглед → Виџети.

Ако видите област виџета на горњој бочној траци на десној страни слике испод, то значи да је регистрација успешна ▼

Други корак, гаџет позив

Након што је гаџет регистрован, може се позвати у датотеци шаблона теме, а следећи код се може позвати у датотеци сидебар.пхп.

1) У датотеци сидебар.пхп, испод највеће ознаке ли или див, уметните ▼

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

2) У датотеци сидебар.пхп, највећаилиИзнад додајте ▼

<?php endif; ?>

Корак XNUMX: Подесите виџете

1) Гаџет је регистрован, а позиција приказа је такође дефинисана у датотеци теме.

• Можете подесити област групе виџета у позадини ВордПресс-а ▼

2) Након чувања, освежите насловну страну.

• Бочна трака наше веб странице ће изгледати као на слици испод ▼

Можете видети слику изнад, што указује да је наш гаџет направљен и да ради као и обично.

Како додати више ВордПресс виџета у различитим областима?

Поновите кораке XNUMX и XNUMX да би ваша ВордПресс тема подржавала виџете на различитим локацијама.

Претпоставимо да треба да додате виџет у заглавље, бочну траку и дно теме.

1) Прво, потребно је да копирате следећи код у датотеку фунцтионс.пхп ▼

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) Затим додајте следећи код у датотеке хеадер.пхп, сидебар.пхп и фоотер.пхп.

хеадер.пхп ▼

<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>

сидебар.пхп ▼

<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>

фоотер.пхп ▼

<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 корака изнад омогућавају остатку теме да интегрише функционалност виџета.

Затим наставите да делите савете за коришћење виџета у ВордПресс-у.

Савети за виџете за интеграцију ВордПресс теме

Ефикасно управљајте прилагођеним виџетима:

1) Након додавања виџета теми, можете креирати засебну датотеку и дати јој називwidgets.php.

• Да бисте сачували сав прилагођени код виџета који је додат у кораку 1 у ову фасциклу.

2) Додајте код у датотеку фунцтионс.пхп:

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

3) Сачувајте сав прилагођени код виџета додатог у кораку 1 у датотеку видгетс.пхп.

Овај метод обезбеђује да се сви виџети несметано учитавају и да раде на свим верзијама Вордпреса које подржавају виџете.

На овај начин можете ефикасније управљати својим датотекама теме ВордПресс.