Question

我需要的是有点像这个人，但我觉得有点复杂： how can I display the first post in a single column and others in 2 columns? wordpress

所以目前我的帖子都是这样显示的：

A（较新的帖子）

乙

C

D（老帖子）

等

我希望他们能够表现出来：

A

B C

D E

F G

等

问题是，从帖子B开始，标题和摘录将保持与帖子A相同的字体大小 - 这在两列中看起来很棒。我可以通过减少字体大小来纠正这个问题，但这会减少A帖子标题和摘录的字体大小，以及帖子页面中的标题和文本内容。

那么在主页上有什么办法可以减少主页上B-G帖子标题和摘录的字体大小而不会影响A帖子和帖子页面＆＃39;标题和文字内容？

或者，以不同的方式，在帖子页面中自定义标题和文本内容的字体大小而不影响帖子＆＃39;主页上的标题和摘录？

任何帮助或其他方式非常感谢！

Answer 1

纯CSS解决方案是为帖子整体设置样式。那种风格将是2列式。然后使用css伪选择器设置第一个帖子的样式：first-of-type

CSS示例

.post {
    display: block;
    width: 50%;
}
.post p {
    //style your heart out
}
.post:first-of-type {
    width: 100%;
}
.post:first-of-type p {
    //larger font style
}

'first of type'选择器不会引入任何额外的类来维护或额外的PHP代码。它目前也可由97% of internet users使用。

另一个选择是引入一个额外的css类，例如first-post，它有自己的风格。然后，在显示帖子的循环中，您可以添加一个计数器，当该计数器为1时，执行一种样式，否则执行2列样式。

PHP示例伪代码

for ($i = 0; $i<count($posts); $i++) {
    if ($i == 0) {
        // do single column
    } else {
        // do double column
    }
}

如何在原始单列中显示第一个帖子，在两列中显示所有其他帖子？ WordPress的

1 个答案: