Php 根据主要内容的高度在wordpress中重复边栏项目？

我的wordpress边栏中有要显示的项目。让我们说第一，第二，第三

我的客户希望重复侧边栏中的项目顺序，以填充侧边栏的高度，以匹配主内容区域的高度。因此，如果每个div的高度是200px，并且给定页面上主div的内容是1000px，那么应该有div1、div2、div3、div1、div2

我知道如何编写php代码和编写循环，但如何知道要运行多少个循环

---

虽然我觉得这有点傻，但我的客户对此态度坚决

我想到的一个解决方案是，使用JavaScript（或JQuery）获取主要内容的高度，并决定可以在页面中添加多少div

---

编辑：这不是一种有效的方法，但在循环中假设所有侧栏内容都将显示。然后，在javascript中决定要显示多少个div

这种效果被称为“浮动边栏”。我们将提供大量wordpress插件

简单的谷歌搜索会找到解决你问题的方法

谷歌搜索结果之一是：

---

我用jQuery完成了这项工作。它不是一个浮动的边栏，它实际上根据需要将img标签添加到已经存在的任何内容中，直到不再合适为止

<script type="text/javascript">
$(function() {
    var contentHeight = $('#content').height();
    var adList = [
        '<img class="ad" src="----url to first ad -----" />', 
        '<img class="ad" src="----url to second ad -----" />', 
        '<img class="ad" src="----url to third ad -----" />', 
        '<img class="ad" src="----url to fourth ad -----" />', 
        '<img class="ad" src="----url to fifth ad -----" />'
        ];
    var adHeight = 285;
    var numRequiredAds = adList.length;
    var heightDiff = contentHeight - (numRequiredAds * adHeight);
    var numAds = Math.floor(heightDiff/adHeight);
    if (heightDiff > adHeight){
        for (var i = 0; i < numAds ; i++) {
            $('#primary').append(adList[i % adList.length]);
        };
    }

});

$（函数（）{
var contentHeight=$（'#content'）.height（）；
变量adList=[
'', 
'', 
'', 
'', 
''
];
八分之八=285；
var numRequiredAds=adList.length；
var heightDiff=内容高度-（numRequiredAds*AdHight）；
var numAds=数学楼层（高度差/高度）；
如果（高度差>高度）{
对于（变量i=0；i

---

我知道如何使用谷歌，但这不是我要问的。我不需要侧边栏来跟踪用户，我希望尽可能多地填充侧边栏。请重读问题。