php - 如何自定义buddypress组

我正在设置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>

最佳答案

您是否尝试过将循环结果包装在div中并进行浮动？我认为使用CSS可以，只要清除浮标之后就可以了。像这样：

<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>

如果要添加引导程序类，则必须在循环外部（遍历各组）添加行类，然后为每个组在循环内部添加col类。但我认为您必须将所有这些包装在一个容器中。

关于php - 如何自定义buddypress组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24163038/