Question

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

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

我一直在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元素。如果您不熟悉bootstrap，请查看here。

要使其成为您想要的2列，请更改＆＃34; col-md-4＆＃34;课程到＆＃34; col-md-6＆＃34;。

应该这样做，希望它有所帮助。