Php 如何包装Wordpress'；动态侧边栏？

所以我现在有这个,

目前的结构是这样的

<div class="col-6 col-sm-4 col-lg-2 mb-7 mb-lg-0">
   Menu Widget 1
   Menu Widget 2
   Menu Widget 3
</div>

<div class="col-6 col-sm-4 col-lg-2 mb-7 mb-lg-0">
  <h4 class="h6">Account</h4>

  <!-- List Group -->
  <ul class="list-group list-group-flush list-group-borderless mb-0">
    <li><a class="list-group-item list-group-item-action" href="../account/dashboard.html">Account</a></li>
    <li><a class="list-group-item list-group-item-action" href="../account/my-tasks.html">My tasks</a></li>
    <li><a class="list-group-item list-group-item-action" href="../account/projects.html">Projects</a></li>
    <li><a class="list-group-item list-group-item-action" href="../account/invite-friends.html">Invite friends</a></li>
  </ul>
  <!-- End List Group -->
</div>

菜单小部件1
菜单小部件2
菜单小部件3

我正在努力实现的目标

<div class="col-6 col-sm-4 col-lg-2 mb-7 mb-lg-0">
    Menu Widget 1 
</div>
<div class="col-6 col-sm-4 col-lg-2 mb-7 mb-lg-0">
    Menu Widget 2 
</div>
<div class="col-6 col-sm-4 col-lg-2 mb-7 mb-lg-0">
    Menu Widget 3 
</div>

菜单小部件1
菜单小部件2
菜单小部件3

目标是像这样将我的菜单拆分为列

<div class="col-6 col-sm-4 col-lg-2 mb-7 mb-lg-0">
   Menu Widget 1
   Menu Widget 2
   Menu Widget 3
</div>

<div class="col-6 col-sm-4 col-lg-2 mb-7 mb-lg-0">
  <h4 class="h6">Account</h4>

  <!-- List Group -->
  <ul class="list-group list-group-flush list-group-borderless mb-0">
    <li><a class="list-group-item list-group-item-action" href="../account/dashboard.html">Account</a></li>
    <li><a class="list-group-item list-group-item-action" href="../account/my-tasks.html">My tasks</a></li>
    <li><a class="list-group-item list-group-item-action" href="../account/projects.html">Projects</a></li>
    <li><a class="list-group-item list-group-item-action" href="../account/invite-friends.html">Invite friends</a></li>
  </ul>
  <!-- End List Group -->
</div>

账户

Widgets.php

register_sidebar(
        array(
            'name'          => __( 'Footer Full', 'understrap' ),
            'id'            => 'footerfull',
            'description'   => __( 'Full sized footer widget with dynamic grid', 'understrap' ),
            'before_widget' => '<div id="%1$s" class="footer-widget %2$s dynamic-classes">',
            'after_widget'  => '</div><!-- .footer-widget -->',
            'before_title'  => '<h3 class="widget-title">',
            'after_title'   => '</h3>',
        )
    );

register\u侧边栏(
排列(
'name'=>uuuuuu（'Footer Full'，'understrap'），
'id'=>'footerfull'，
'description'=>\（'Full size footer widget with dynamic grid'，'understrap'），
'在小部件'=>''之前，
'在小部件'=>''之后，
“在标题“=>”之前，
“在标题“=>”之后，
)
);

在这个问题上我能得到的任何帮助都将不胜感激

编辑：1月22日12:58

作为@cabrerahector，我需要编辑下面的行来进行我想要的更改

'before\u widget'=>''，

---

您已经有一个

div

元素包装您的小部件，这样您就可以将您的CSS类（

col-6

，

col-sm-4

，等等）添加到

before\u小部件

：

register_sidebar(
    array(
        'name'          => __( 'Footer Full', 'understrap' ),
        'id'            => 'footerfull',
        'description'   => __( 'Full sized footer widget with dynamic grid', 'understrap' ),
        'before_widget' => '<div id="%1$s" class="footer-widget %2$s dynamic-classes col-6 col-sm-4 col-lg-2 mb-7 mb-lg-0">',
        'after_widget'  => '</div><!-- .footer-widget -->',
        'before_title'  => '<h3 class="widget-title">',
        'after_title'   => '</h3>',
    )
);

---

你能分享一下你用来注册边栏的代码吗？当然，请看更新后的问题；您已经有一个

div

元素包装您的小部件，这样您就可以将CSS类（

col-6

，

col-sm-4

，等等）添加到

before\u小部件

。或者，您也可以将带有所述类的新

div

添加到

之前的\u widget

/

之后的\u widget

，一个包装器的包装器。另外，我猜您的动态侧栏也被包装在一个

div

中，并且所述类也完成了，不用说。很高兴我能帮忙！你是一个传奇！再次感谢+1.