Как да добавите джаджи на 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:

Заглавията li и модул h2 на 'before_widget' и 'after_widget' променят кода според действителната ситуация.

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

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

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

Горният код регистрира област на джаджа, наречена "горна странична лента":

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

Влезте,Бекенд на WordPressТабло за управление, отидете на Външен вид → Джаджи.

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

Добавете горната странична лента с приспособления от дясната страна на първия лист на 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 ▼

Настройване на зоната за групата на джаджи във фоновия лист на WordPress 2

2) След като запазите, обновете заглавната страница.

  • Страничната лента на нашия уебсайт ще изглежда като изображението по-долу ▼

Зона за преден край на джаджи на уебсайта на WordPress № 3

Можете да видите снимката по-горе, което показва, че нашата притурка е направена и работи както обикновено.

Как да добавите множество джаджи на 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>

странична лента.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 файлове с тема по-ефективно.

Блог на Hope Chen Weiliang ( https://www.chenweiliang.com/ ) сподели „Как да добавям WordPress Widgets?Theme Integration Widgets Area" ще ви помогне.

Добре дошли да споделите връзката към тази статия:https://www.chenweiliang.com/cwl-1476.html

Добре дошли в канала на Telegram в блога на Chen Weiliang, за да получите най-новите актуализации!

🔔 Бъдете първите, получили ценното „Ръководство за използване на инструмента за изкуствен интелект за маркетинг на съдържание ChatGPT“ в горната директория на канала! 🌟
📚 Това ръководство съдържа огромна стойност, 🌟Това е рядка възможност, не я пропускайте! ⏰⌛💨
Споделете и харесайте, ако ви харесва!
Вашите споделяния и харесвания са нашата постоянна мотивация!

 

发表 评论

Вашият имейл адрес няма да бъде публикуван. Използват се задължителните полета * Етикет

превъртете до върха