我怎麼說IF級＃1在左邊，如果在循環

Question

類＃2右邊我在WordPress的一個循環，會吐出兩班。一類照片，另一類是視頻。一旦添加了新的照片或視頻，它只會在最後一個div下方添加。

Example: 
Photos 
Photos 
Video 
Photos 
Video 

所以我需要發生的是，我需要左邊的所有照片和右邊的所有視頻。我已經使用Float:left和Float:right和clear:left;和clear:right;嘗試和它不工作，因爲我計劃以來的div設定爲50％。如果不清除，他們去行的照片，照片，那麼新行，視頻，照片。

我想有一些PHP我可以使用，說如果照片是在此列，如果視頻是其他列。

我試過如下：

.photos { 
float: left; 
width: 50%; 
display: block; 
clear: left; 
} 
.video { 
float:right; 
width:50%; 
display: block; 
clear:none; 

} 

也：

.photos { 
float: left; 
width: 50%; 
display: block; 
clear: none; 
} 
.video { 
float:right; 
width:50%; 
display: block; 
clear:none; 

} 

我只是想看的影片去右邊，照片左側從上到下。我不能將兩者分開放在兩個不同的DIV中，因爲它們處於循環中。

這裏是數組：

<?php while (have_posts()) : the_post(); ?> 

<?php do_action('bp_before_blog_post'); ?> 

    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
    <div class="thumbl"> 
    <?php 
if (has_post_thumbnail()) { // check if the post has a Post Thumbnail assigned to it. 
    the_post_thumbnail('thumbnail'); 
    } ?> 
    </div> 
    <div class="date"><?php printf(__('%1$s', 'buddypress'), get_the_date(), get_the_category_list(', ')); ?></div> 
     <div class="post-content"> 
    <h2 class="posttitle"><a href="../../plugins/buddypress/bp-themes/bp-default/<?php the_permalink(); ?>" rel="bookmark" title="<?php _e('Permanent Link to', 'buddypress'); ?> <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> 

    <div class="entry"> 
    <?php the_excerpt(__('Read the rest of this entry &rarr;', 'buddypress')); ?> 
<?php wp_link_pages(array('before' => '<div class="page-link"><p>' . __('Pages: ', 'buddypress'), 'after' => '</p></div>', 'next_or_number' => 'number')); ?> 
</div> 
    </div> 
    </div> 
    <?php do_action('bp_after_blog_post'); ?> 
<?php endwhile; ?> 

和代碼，我得到的，例如僅：

<div id="post-175" class="post-175 photos type-photos status-publish hentry category-media"></div> 
<div id="post-176" class="post-175 photos type-photos status-publish hentry category-media"></div> 
<div id="post-177" class="post-175 video type-photos status-publish hentry category-media"></div> 
<div id="post-178" class="post-175 photos type-photos status-publish hentry category-media"></div> 
<div id="post-179" class="post-175 video type-photos status-publish hentry category-media"></div> 
<div id="post-180" class="post-175 photos type-photos status-publish hentry category-media"></div> 

通知第二類中的每個照片和視頻

的回答我自己問題，我找到了一個解決方案！

將此代碼迴路

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

上方將這個低於div的只是環

<div class="photodiv"><div></div></div> 
<script>$("div.photos").wrapAll($(".photodiv"));</script> 

這種環繞的任何一個新的div與類.photos，我可以浮到外面左邊！

Answer 1

，如果我理解正確的話，照片的左邊和視頻的權利，這可能是一個解決方案：

<style> 
.main {width:800px;} 
.main > div >span {clear:both;float:left;} 
.video {width:400px;float:right;"} 
.photo {width:400px;float:left;"} 
</style> 

<div class="main"> 
    <div class="video"> 
     <span>Video1</span> 
     <span>Video2</span> 
    </div> 
    <div class="photo"> 
     <span>Photos1</span> 
     <span>Photos2</span> 
     <span>Photos3</span> 
    </div> 
</div> 

Answer 2

我會做簡單的事情了什麼是以下 1.檢查後類 2.如果後級等於視頻放在一個視頻陣列別人把他們的照片陣列 3。現在我必須有照片和視頻陣列，我可以顯示的地方，我想 看看這個

 <?php 
     $photos = array(); 
     $videos = array(); 
     $post_class = array(); 

     ?> 


     <?php while (have_posts()) : the_post(); ?> 

     <?php do_action('bp_before_blog_post'); ?> 


      <?php 
      $post_class = get_post_class(); 
      if (has_post_thumbnail()) { 
       $post_img = get_the_post_thumbnail($post->ID, 'thumbnail'); 
      } 

      ?> 


      <?php 
      if (strpos($post_class[0], 'photos')) { 
       $photos[] = "<div id='{$post->ID}' class='{$post_class}>' 
      <div class='thumbl'> 
      {$post_img} 
      </div> 
      <div class='date'> 
      ". get_the_date() . " 
      </div> 
      <div class='post-content'> 
      <h2 class='posttitle'> 
        <a href='../../plugins/buddypress/bp-themes/bp-default/". get_permalink() . "' rel='bookmark' title='" . the_title_attribute('echo=0') ."'> 
        " . get_the_title() . " 
        </a> 
      </h2> 
      <div class='entry'> 
      " . get_the_excerpt() . " 
      " . get_page_link($post->ID) . " 
      </div> 
      </div> 
      </div> 
      "; 
      } 
      if (strpos($post_class[0], 'video')){ 
        $videos[] = "<div id='{$post->ID}' class='{$post_class}>' 
      <div class='thumbl'> 
      {$post_img} 
      </div> 
      <div class='date'> 
      ". get_the_date() . " 
      </div> 
      <div class='post-content'> 
      <h2 class='posttitle'> 
        <a href='../../plugins/buddypress/bp-themes/bp-default/". get_permalink() . "' rel='bookmark' title='" . the_title_attribute('echo=0') ."'> 
        " . get_the_title() . " 
        </a> 
      </h2> 
      <div class='entry'> 
      " . get_the_excerpt() . " 
      " . get_page_link($post->ID) . " 
      </div> 
      </div> 
      </div> 
      "; 
      } 

      ?> 


      <?php do_action('bp_after_blog_post'); ?> 
     <?php endwhile; ?> 
     <?php /** now you hava separated the videos and images so you can put them in different divs outside the loop**/ ?> 

     <div id="videos" style="width:50%; float:left;"> 
      <?php foreach ($photos as $photo) { 
       echo $photo; 
      } ?> 
     </div> 
     <div id="photos" style="width:50%; float:right;"> 
      <?php foreach ($videos as $video) { 
       echo $video; 
      } ?> 
     </div> 

http://codex.wordpress.org/Function_Reference/get_the_post_thumbnail

http://codex.wordpress.org/Function_Reference/get_post_class

http://codex.wordpress.org/Function_Reference/get_the_excerpt