在3栏而不是1栏中显示WordPress存档模板页面

时间：2021-05-10 作者：Anrich Vigus

I\'m trying to achieve the following:

enter image description here

Currently WordPress display them in 1 column:

enter image description here

Is there code I can Add to the template file, to display all the blog post in this grid layout

1 个回复
最合适的回答,由SO网友:Buttered_Toast 整理而成

如果不知道结构、类名、ID等，就不可能给出有帮助的答案。

但我们可以说，结构是ul>；li*6

<ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>
创建这样一个设计的css的基本要素是

ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px 50px;
}
我肯定你需要调整差距，但这是一个很好的起点

编辑

好的，根据你的回答，css的目标是.page-content, 但这可能针对具有相同类的其他元素。

尝试查找具有唯一类或id的父级，您可以使用该类或id确保css仅针对该特定元素

标签： php   templates   archives   小码农  

相关推荐

在unctions.php文件adminside中使用POST ID

对于函数，我需要函数中的post ID。php文件。如果编辑页处于活动状态，我必须具有ID。到目前为止我所做的<?php //method 1 global $post; my_function($post->ID); //method 2 my_function($post_id); //method 3 my_function(get_queried_object_id()); ?> 如果我