Как добавить виджеты 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>',

Приведенный выше код регистрирует область виджета с именем «top-sidebar»:

• Отображаемое имя — «Верхняя боковая панель».
• Добавьте тег h2 к заголовку.
• Элементы контента помечены li.

登录Серверная часть WordPressПанель инструментов, перейдите в Внешний вид → Виджеты.

Если вы видите область виджета Top Sidebar в правой части изображения ниже, это означает, что регистрация прошла успешно ▼

Второй шаг, вызов гаджета

После регистрации гаджета его можно вызвать в файле шаблона темы, а следующий код можно вызвать в файле 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 в разные области?

Повторите шаги 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>

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.