Я создал виджет в functions.php, и я смог отобразить их на своем index.php, я использую перетаскивание менеджера виджетов и перетаскивание, чтобы отобразить контент, который я хотел бы добавить, но я не понимаю, как я могу обернуть эти теги внутри div и дайте ему имя класса, чтобы стилизовать этот конкретный раздел блока.
Это functions.php
add_action('widgets_init', 'wpdevs_sidebars');
function wpdevs_sidebars(){
// Register 3 widget areas
register_sidebar(
array(
'name' => 'Service 1',
'id' => 'services-1',
'description' => '1st Service Area',
'before_widget' => '<div class = "widget-wrapper-1">',
'after_widget' => '</div>',
'before_title' => '<h4 class = "widget-title-1">',
'after_title' => '</h4>'
)
);
register_sidebar(
array(
'name' => 'Service 2',
'id' => 'services-2',
'description' => '2nd Service Area',
'before_widget' => '<div class = "widget-wrapper-2">',
'after_widget' => '</div>',
'before_title' => '<h4 class = "widget-title-2">',
'after_title' => '</h4>'
)
);
register_sidebar(
array(
'name' => 'Service 3',
'id' => 'services-3',
'description' => '3rd Service Area',
'before_widget' => '<div class = "widget-wrapper-3">',
'after_widget' => '</div>',
'before_title' => '<h4 class = "widget-title-3">',
'after_title' => '</h4>'
)
);
}
А это мой index.php
<div class = "bloc_items">
<div class = "services-item-1">
<?php
if (is_active_sidebar('services-1')){
dynamic_sidebar('services-1');
}
?>
</div>
<div class = "services-item-2">
<?php
if (is_active_sidebar('services-2')){
dynamic_sidebar('services-2');
}
?>
</div>
<div class = "services-item-3">
<?php
if (is_active_sidebar('services-3')){
dynamic_sidebar('services-3');
}
?>
</div>
</div>






'before_widget' => '<div class = "widget-wrapper-1">',
Эта строка уже является оболочкой вашего виджета. Вы можете использовать его для стайлинга.
Спасибо Тизиа за помощь