制作一个wordpress后循环,根据订单添加动态自定义样式类

时间:2013-02-18 18:31:54

标签: php wordpress

我需要在我的帖子循环中添加一个额外的样式,所以我最终得到了额外的样式选项,如下所示:

<article class="first-column format-standard hentry category-uncategorized">
<article class="second-column format-standard hentry category-uncategorized">
<article class="third-column format-standard hentry category-uncategorized">
<article class="first-column format-standard hentry category-uncategorized">
<article class="second-column format-standard hentry category-uncategorized">
<article class="third-column format-standard hentry category-uncategorized">

然后它重复这个顺序。这样我可以将我的帖子放宽三个并很好地设计它们。

我想添加的关键词是第一列,第二列,依此类推。

有关在wordpress中添加内容的任何帮助吗?

这是当前创建此循环的内容:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

2 个答案:

答案 0 :(得分:1)

在你的循环之外:

$classes = array(
    0=>'first-column',
    1=>'second-column',
    2=>'third-column'
);
$i = 0;

在你的循环中:

<article id="post-<?php the_ID(); ?>" <?php post_class($classes[$i++%3]); ?>>

答案 1 :(得分:0)

非常感谢我的工作......

我在目前开发的bootstrap主题上使用它,我想要两种背景颜色。每个岗位一个较轻,一个较暗。因此,更容易识别每个新帖子。工作得很好我刚刚使用

$classes = array(
    0=>'light-bg',
    1=>'darl-bg'
);
$i = 0;
<div id="post-<?php the_ID(); ?>" <?php post_class($classes[$i++%2]); ?>>
// The rest of your post html goes here
</div>