wordpress循环一行显示2列
时间 : 2023-12-08 05:07:03声明: : 文章内容来自网络,不保证准确性,请自行甄别信息有效性

最佳答案

想要在WordPress中实现每行显示两列的循环效果,可以通过使用自定义WordPress循环结构来实现。以下是一个简单的示例代码,可以放在主题文件的循环部分(loop.php)中:

```php

<div class="row">

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

<div class="col-md-6">

<?php the_title(); ?>

<?php the_content(); ?>

</div>

<?php endwhile; endif; ?>

</div>

在上面的示例代码中,我们使用了Bootstrap框架的栅格系统来实现两列布局。每个循环项都被包裹在col-md-6类的div中,这意味着每个循环项将占据父容器的一半宽度。

请注意,上述代码需要配合使用WordPress的循环函数have_posts()和the_post()来获取并显示文章内容。在循环内部,可以根据需要使用the_title()和the_content()等函数来获取和显示文章的标题和内容。

此外,为了保持布局的一致性,可能需要使用自定义CSS样式来调整每个列的间距,以适应你的网站设计。

希望以上信息能帮助到你实现在WordPress中每行显示两列的循环效果。如果你仍然遇到困难或需要进一步帮助,请随时向我提问。

其他答案

在WordPress中,可以使用`wp_query`类或者`get_posts`函数进行文章的循环和展示。下面是一个示例,展示如何在一行中显示两列文章。

首先,你可以创建一个自定义的页面模板,例如`template-custom.php`,然后在模板中添加以下代码:

```php

<?php

/*

Template Name: Custom Template

*/

get_header();

// 设置每行显示的文章数量

$num_per_row = 2;

// 获取最新的文章

$args = array(

'post_type' => 'post',

'posts_per_page' => -1,

'orderby' => 'date',

'order' => 'DESC',

);

$query = new WP_Query($args);

if ($query->have_posts()) {

echo '<div class="row">';

$counter = 0;

while ($query->have_posts()) {

$query->the_post();

// 每行显示两个文章

if ($counter % $num_per_row === 0 && $counter !== 0) {

echo '</div><div class="row">';

}

// 输出文章内容

echo '<div class="col-md-6">';

echo '<h2>' . get_the_title() . '</h2>';

echo '<div>' . get_the_content() . '</div>';

echo '</div>';

$counter++;

}

echo '</div>';

} else {

echo '没有找到文章';

}

get_footer();

上述代码首先设置了每行显示的文章数量为2,然后使用`WP_Query`获取最新的文章,并通过循环将文章展示在页面上。每次循环时,通过判断计数器`$counter`是否可以被`$num_per_row`整除来确定是否需要换行展示。在循环中,可以自定义输出文章的标题、内容及其它相关信息。

最后,通过自定义的页面模板创建一个页面,然后在WordPress后台中将这个页面设置为某个页面模板(例如`Custom Template`),然后保存并预览页面即可看到两列文章的展示效果。

请注意,上述代码仅提供了一个基本的示例,你可以根据需要进行自定义修改,例如调整每列的样式、添加文章的封面图像等。