Блог

Создание виджетов и вывод их на сайте WordPress

При разработке сайтов часто необходимо выводить виджеты в нужном месте страницы, простой пример как можно зарегистрировать новый виджет в WP, и вывести его на сайте:

Первое что нам нужно это зарегистрировать новый виджет в WordPress, для этого мы прописываем в файле Function.php следующий код:

register_sidebar(array(
    'name' => 'Название области виджетов',
    'id' => 'name_widget', // ID виджета, понадобится при выводе
    'description' => 'Описание...',
    'before_widget' => '<div class="widget-class">', // Тег который обернет наш виджет
    'after_widget' => '</div>', // Тег который обернет наш виджет (закрывающий тег)
    'before_title' => '<h4>', // Данный тег обернет заголовок нашего виджета
    'after_title' => '</h4>' // Данный тег обернет заголовок нашего виджета (закрывающий тег)
));

После того как мы зарегистрировали наш виджет мы хотим его вывести на сайте, это просто, в нужном месте страницы помещаете код:

<?php if ( is_active_sidebar( 'name_widget' ) ) : ?>
    <?php dynamic_sidebar( 'name_widget' ); ?>
<?php endif; ?>

После чего мы можем переходить в виджеты, и наблюдать за появление новой области виджетов, если мы будем добавлять туда виджеты они будут в дальнейшем появляться на сайта в том месте где мы сделали вывод.

Оставить комментарий

avatar