如何自定義buddypress組

Question

我正在設置一個Wordpress頁面，我試圖自定義buddypress組的外觀。我希望它們水平顯示而不是垂直顯示。任何人都可以指導我通過？

<div class="container-fluid"> 
    <div class="row"> 
    <div class="groups-list" class="item-list" role="main"></div> 

      <?php while (bp_groups()) : bp_the_group(); ?> 

      <?php bp_group_class(); ?> 
     <div class="item-avatar"> 
      <a href="<?php bp_group_permalink(); ?>"><?php bp_group_avatar('type=thumb&width=50&height=50'); ?></a> 
     </div> 

     <div class="item"> 
      <div class="item-title"><a href="<?php bp_group_permalink(); ?>"><?php bp_group_name(); ?></a></div> 
      <div class="item-meta"><span class="activity"><?php printf(__('active %s', 'buddypress'), bp_get_group_last_active()); ?></span></div> 

      <div class="item-desc"><?php bp_group_description_excerpt(); ?></div> 

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

     </div> 
     </div> 
     </div> 

Answer 1

您是否試圖將循環結果包裝在div中並將其浮動？我認爲只要你清除後面的浮標，你就會好起來的。事情是這樣的：

<div class="group-container"> 
<?php while (bp_groups()) : bp_the_group(); ?> 

<?php bp_group_class(); ?> 
    <div class="float-left"> 
    <div class="item-avatar"> 
     <a href="<?php bp_group_permalink(); ?>"><?php bp_group_avatar('type=thumb&width=50&height=50'); ?></a> 
    </div> 
    <div class="item"> 
     <div class="item-title"><a href="<?php bp_group_permalink(); ?>"><?php bp_group_name(); ?></a></div> 
     <div class="item-meta"><span class="activity"><?php printf(__('active %s', 'buddypress'), bp_get_group_last_active()); ?></span></div> 
     <div class="item-desc"><?php bp_group_description_excerpt(); ?></div> 

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

    </div> 
<?php endwhile; ?> 
    <div class="clear-floats"></div> 
</div> 

如果你想添加引導類，你將不得不添加的行類外循環（即經過組），然後添加循環每個組內的山坳類。但我認爲你將不得不將所有這些包裝在一個容器中。