Добавьте div, чтобы обернуть контент внутри виджета WordPress

Я создал виджет в 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>
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
1
0
62
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий
'before_widget'  =>  '<div class = "widget-wrapper-1">',

Эта строка уже является оболочкой вашего виджета. Вы можете использовать его для стайлинга.

Спасибо Тизиа за помощь

user18496204 18.01.2023 17:00

Другие вопросы по теме