更改wordpress博客页面的列数

Question

这是一个真正的菜鸟问题。提前道歉。

我期待将以下博客页面从3列更改为2列。

https://www.marriedin.co.uk/wedding-hacks

我已经在Chrome中检查了收视源。我的想法是，我可以简单地编辑以下内容：

<div class="blog-archive blog-archive--grid" data-columns="2"> 

这可能不起作用，但这是我计划尝试的。我的问题是，当我通过SFTP客户端访问站点时，我不知道这是哪个文件。有没有办法从检查员那里解决这个问题？

非常感谢

Answer 1

嘿可能会在你的主题选项更改此两列一个简单的方法，但如果它不是你可以编辑该模板文件。您的博客模板很可能位于主题文件夹中的archive.php或index.php中。尽管如果您在查找要编辑的文件时遇到问题，您应该查看here。

在博客模板文件的某个地方，您正在生成这些div，您可以在检查您的网站时看到这些div。

<div class="col-md-4"> </div> 
    <div class="col-md-4"> </div> 
    <div class="col-md-4"> </div> 

这些是使3列成立的引导元素。如果您不熟悉bootstrap，请查看here。

为了让它像你想要的2列，改变“col-md-4”类为“col-md-6”。

这应该做的伎俩，希望它有帮助。