动态更改(或用户更改)Wordpress中的列数

问题描述 投票:0回答:1

我正在尝试在此处显示自定义帖子类型的“产品”:

enter image description here

问题是,在不久的将来,他们将拥有7种产品,它们将独立地连续生产。

有没有一种方法可以动态更改列数,因此,如果有6个,并且在产品下,它将显示帖子I 3列,但是如果有7个项目,它将在4列中显示帖子部分,依此类推。 ..

或者,有没有一种方法可以允许用户选择从后端手动显示多少列?我猜想使用的是“高级自定义”字段。

将使用具有这样的布局的基于引导的网格:

<div class="container">
  <div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
  </div>
</div>

因此,如果需要根据帖子数或用户从后端下拉菜单中选择的数量来动态更改此结构,请执行以下操作:

<div class="container">
  <div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-3"></div>
    <div class="col-md-3"></div>
    <div class="col-md-3"></div>
  </div>
</div>

有人能指出我正确的方向吗?我想知道我是想得太深还是想不到!

非常感谢您的光临!

php wordpress post bootstrap-4 custom-post-type
1个回答
0
投票

如果您使用的是php,那么可以确定是否可以进行检查下面是示例

<?php if(count($data) <= 6){?>
    <div class="container">
        <div class="row">
          <div class="col-md-3"></div>
          <div class="col-md-3"></div>
          <div class="col-md-3"></div>
          <div class="col-md-3"></div>
        </div>
    </div>    
<?php }
else{ ?>
    <div class="container">
        <div class="row">
          <div class="col-md-4"></div>
          <div class="col-md-4"></div>
          <div class="col-md-4"></div>
        </div>
    </div>    
<? } >
© www.soinside.com 2019 - 2024. All rights reserved.