如何将wordpress索引帖子分成2列答案

【问题标题】：How to split wordpress index posts in 2 columns如何将wordpress索引帖子分成2列
【发布时间】：2021-12-19 11:01:18
【问题描述】：

首先让我说我已经检查了以前所有类似的问题，但无法获得任何好的结果以使其按计划工作。

我也在外部网站上遵循了一些指南，但仍然无法正常工作。

鉴于我正在使用这个临时免费域进行测试：https://maiale-1025cb.ingress-erytho.easywp.com/ 我正在尝试拆分主页，以便将帖子显示在 2 列中。如前所述，仍然没有结果。

按照在线指南，我尝试在 CSS 文件中添加以下代码：

.half {
    width: 50%;
    float: left;
}
.ng-row {
    clear: both;
}

在主要的 index.php 文件中：

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="half">

[..]

</div>
<?php endwhile; ?>

问题是没有任何改变。你能告诉我哪里出了问题以及最终要编辑什么吗？谢谢

这是我的索引文件的完整代码：

<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="half">
<div class="container">
<article class="post col-md-6">
<h3 class="entry-title widget-title text-center"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
<br>
<div class="col-md-4 text-center">
<a href="<?php the_permalink() ?>"><img style="border-radius: 10px;" src="https://pngimg.com/uploads/washing_machine/washing_machine_PNG15618.png" width="500" height="750" class="img-responsive inblock main-poster"></a>
</div>              
<div class="col-md-8 text-justify">
<table class="table table-condensed table-bordered table-hover">
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
</table>
</div>  
</article>  
</div>
</div>
<?php endwhile; ?>
<?php get_footer(); ?>  
<?php else : ?>
<?php get_footer(); ?>  
<?php endif; ?>

【问题讨论】：

标签： php css wordpress

【解决方案1】：

您必须仅在 while 循环中打印帖子并将 <div class="container"> 保留在外部以使 Bootstrap 网格仅在 while 函数内部。

另外，在这种情况下你可以使用半类 css，例如：

<?php get_header(); ?>

<div class="container">
<div class="row">

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

<div class="half">
<a href="<?php the_permalink() ?>">
<!-- Your post info -->
</div>

<?php endwhile; ?>

</div>
</div>

<?php get_footer(); ?>

【讨论】：