根據主要內容的高度重複wordpress中的側邊欄項目？

我有項目要顯示在我的WordPress的側邊欄。比方說div1，div2，div3。根據主要內容的高度重複wordpress中的側邊欄項目？

我的客戶想重複側欄中的項目順序來填充側欄的高度以匹配主內容區域的高度。因此，如果每個div的高度爲200px，並且給定頁面上主div的內容爲1000px，則應該有div1，div2，div3，div1，div2。

我知道如何編寫PHP代碼並編寫循環，但是如何知道要運行多少個循環？

儘管我覺得這有點傻，但我的客戶堅持這一點。

2012-11-25 Steve

我結束了與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]); 
     }; 
    } 

});

來源

2013-01-27 17:16:41 Steve

我想到的一個解決方案是使用JavaScript（或JQuery）來獲取主要內容的高度，並確定可以在側面添加多少DIV。

編輯：這是不是有效的方法來做，但假設在循環中所有的側欄內容將被顯示。然後，在JavaScript中決定要顯示多少個div。

來源

2012-11-25 08:47:27 yibe

這種類型的效果被稱爲「浮動邊欄」。我們將有一些wordpress插件可用。

簡單的Google搜索將找到解決您的問題。

一個谷歌搜索結果的是：

http://www.strx.it/2010/11/wordpress-floating-sidebar-plugin/

來源

2012-11-27 09:24:33 Pradeep

我知道如何使用谷歌，這不是我問布特雖然。我不需要側欄來關注用戶，我想根據需要填充側欄。請重新閱讀這個問題。 – Steve

根據主要內容的高度重複wordpress中的側邊欄項目？

回答

相關問題