php - 如何为 wordpress 帖子添加不同的类/样式？

Question

我正在尝试为特定的帖子添加一个不同的类，这些帖子会通过不同的风格来调用。我已经玩了一点 post_class 函数，但我仍然几乎不知道如何实现这一点，有什么想法吗？

<?php if (have_posts()) : ?>
<?php $c = 0;while (have_posts()) : the_post(); $c++;
if( $c == 3) {
    $style = 'third';
    $c = 0;
}
else $style='';
?>
<div <?php post_class($style) ?> id="post-<?php the_ID(); ?>">

我尝试添加这个，为它创建一个自定义样式，只是改变了背景和文本的颜色

我可以用这些来编辑帖子在主页上的外观吗，这就是我所追求的，如果我可以快速解决这个问题而不是找到那个晦涩的代码：D

Answer 1

就像您正在使用的动态 ID 一样。

<div class="post-class-<?php echo get_the_ID(); ?>" id="post-<?php the_ID(); ?>">

Answer 2

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h2 id="post-<?php the_ID(); ?>">

Answer 3

在你的循环之外：

$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]); ?>>

输出如：

<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">

Answer 4

<div <?php post_class($style) ?> id="post-<?php the_ID(); ?>">

通过使用 firebug 或查看源代码检查此代码正在创建的类名，您可能会看到类似这样的内容

<div class="divclassname" id="post-206">

现在，在加载了页面的 css 样式表中，您需要根据 class (divclassname) 或 id (post-205) 的值组成新规则，如下所示。

.divclassname {
background-color: #f3f3f3;
color: #ffffff;
}

#post-205 {
background-color: #cccccc;
color: #a19402;
}