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

Прилагодени карактеристики на менито и додатоци на страничната лента, даWordPressИстакнати карактеристики во темата.

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

Чен Вајлијангво претходниотизгради веб-локацијаВо ова упатство, споделувам како да дадам тема на WordPressДодајте прилагодено мени.

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

Исто како додавањето сопствени менија на темите, прилагоденото додавање виџети трае само 3 чекори.

Првиот чекор, регистрација на gadget

За да го користите графичкиот елемент, прво мора да се регистрирате, да ја отворите датотеката 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 за да одговараат на ознаките во страничната лента.php:

Насловите li и модулот h2 на „before_widget“ и „after_widget“, го менуваат кодот според фактичката ситуација.

(можеби без измена)

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

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

Горенаведениот код регистрира област на графичка контрола наречена „горната странична лента“:

• Прикажаното име е „Горна странична лента“.
• Додадете ознака h2 во насловот.
• Ставките на содржината се означени со li.

登录WordPress backendКонтролна табла, одете во Изглед → Додатоци.

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

Вториот чекор, повик на gadget

Откако ќе се регистрира гаџетот, може да се повика во датотеката со шаблон за тема, а следниот код може да се повика во датотеката 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) По зачувувањето, освежете ја насловната страница.

• Страничната лента на нашата веб-локација ќе изгледа како сликата подолу ▼

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

Како да додадете повеќе додатоци на 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 соодветно.

заглавие.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>

странична лента.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>

подножје.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.