Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress 第二行只显示一个帖子(而不是两个帖子)_Wordpress_Show - Fatal编程技术网

Wordpress 第二行只显示一个帖子(而不是两个帖子)

Wordpress 第二行只显示一个帖子(而不是两个帖子),wordpress,show,Wordpress,Show,我将我的wordpress主题转换为响应性主题。。 “宽度”的所有值均变为百分比(%) 问题是: 从400px的宽度可以看出: 第一行2员额 第二行只有一个帖子(而不是两个帖子) 我怎样才能修正这个问题,使页面在所有行中显示2篇文章 我附上了一些照片来解释情况 好吧,你的处境有点棘手。主题的设计并不是为了让这些“积木”具有响应性。为了让它工作,我在你的页脚中添加了js(如果你愿意,你可以将其移动到js文件中) 函数相等(el) { var divs=jQuery(el); 分区css('高度

我将我的wordpress主题转换为响应性主题。。 “宽度”的所有值均变为百分比(%)

问题是:

从400px的宽度可以看出:

第一行2员额

第二行只有一个帖子(而不是两个帖子)

我怎样才能修正这个问题,使页面在所有行中显示2篇文章

我附上了一些照片来解释情况


好吧,你的处境有点棘手。主题的设计并不是为了让这些“积木”具有响应性。为了让它工作,我在你的页脚中添加了js(如果你愿意,你可以将其移动到js文件中)


函数相等(el)
{
var divs=jQuery(el);
分区css('高度','');
var tallestHeight=divs.map(函数(i,al){
返回jQuery(al.innerHeight();
}).get();
divs.css('height',Math.max.apply(this,tallestHeight));
//警报(Math.max.apply(这个,最高高度));
}
(窗口)。调整大小(函数(){
$('.products行')。每个(函数(){
var el=$(this.find('.product container');
等摩尔(el);
});
}).resize();
jQuery(窗口).resize(函数(){
columnConform();
});
jQuery(文档).ready(函数(){
columnConform();
});

然后在movie-home.php和taxonomy-movie-genre.php文件中,我注释掉了每隔三行添加的“clears”。我们不再需要这些了,因为我们正在用JS制作相同大小的所有盒子

<?php /* if(++$counter % 3 == 0) : ?>
  <div class="clear"></div>
<?php endif; */ ?>


唯一的问题是,无论有多少内容,所有的框现在都是相同的大小。

您使用的是自定义主题还是开源主题?您应该签出ngrok来移植本地主机。明白了,你对定制模板很酷吗?我可以给你几行代码来修复你看到的响应问题。请参阅下面我的更新答案以获得解决方案,如果你有任何问题,请告诉我。哦,看起来“movie home.php”在第38行使用了相同的代码。如果您在那里添加计数器代码,它也应该可以工作。我几乎100%肯定。哈,是的,你不想那样。我更新了一个只使用CSS的解决方案的答案,所以我将恢复计数器和CSS之前的更改,然后试试这个。它会将布局更改为使方框全宽。如果无法访问您的实时项目,则完全调试有点困难。
<?php /* if(++$counter % 3 == 0) : ?>
  <div class="clear"></div>
<?php endif; */ ?>