在輸出中製作「洞」的Wordpress網站

我的頁面http://www.allyourpods.no/有一些奇怪的「洞」，我不能爲我的生活弄清楚。在輸出中製作「洞」的Wordpress網站

我想了解如何使它以合適的方式自動填充網站的一些幫助。

我的模板文件的啓動畫面是這樣的：

<?php 
/* 
Template Name: Home Template 
*/ 
get_header(); ?> 
<?php query_posts('cat='.recPodcastCategory.'&showposts=30');?> 
<?php $categories = get_categories('child_of='.recPodcastCategory); ?> 
<?php if($categories): $count=0;?> 
<div class="recommended"> 
    <div class="wrapper"> 
     <div class="main_recommended_main_block"> 

      <?php foreach($categories as $category) { if($count<30) { $count++; 
       if($count!=30) $class='recommend_block'; else $class='recommend_block_1'; ?> 
       <?php if (function_exists('get_terms_meta')) 
        { 
         $cat_image = get_terms_meta($category->term_id, 'image',true); 
         $add_play_podcast = get_terms_meta($category->term_id, 'play_download',true); 
        }?> 
       <div class="<?php echo $class;?>"> 
        <div class="main"> 
         <?php $play_podcast = get_post_meta($post->ID,'play_podcast',true);?> 
         <div class="view view-fifth"><?php if($cat_image):?><img src="<?php echo $cat_image;?>" alt="category image" /><?php endif;?> 
         <?php if($add_play_podcast):?> 
          <div class="mask"><a href="<?php echo get_category_link($category->term_id);?>" class="info">Play</a></div> 
         <?php endif; ?> 
         </div> 
        </div> 



        <?php echo substr(category_description($category->term_id),0,100) . "..."; ?> 
        </div> 
      <?php } } ?> 
      </div> 
    </div> 

</div> 
<?php endif; ?> 
<?php if(!isset($_GET['pod_category']))$class_all = ' class="active"'; ?> 
<div class="clr"></div> 
<?php get_footer(); ?>

如果需要任何更多信息，請讓我知道。

來源

2013-04-18 Hallgeirg

這個問題有點不清楚 - 你能請註明你的「洞」是什麼意思？ – Josiah

如果你看看http://www.allyourpods.no/，頭4個播客會顯示正常，但它會跳過2個點，看起來有點愚蠢。 – Hallgeirg

您應該添加這個CSS：

.recommend_block:nth-child(4) { 
    clear: left; 
}

的問題是前兩個中的一個比別人低一點，所以它阻擋了浮動。

編輯：這應該是

.recommend_block:nth-child(4n)

來源

2013-04-18 00:47:52 dave

看起來更好，但不是那裏..;）現在看看它http://www.allyourpods.no/ – Hallgeirg

.recommend_block：nth-child（4n + 5），試試 – dave

我愛你，謝謝！ :) – Hallgeirg

在輸出中製作「洞」的Wordpress網站

回答

相關問題