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

就像你正在使用动态一样。

<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或view source检查此代码正在创建的类名你可能会看到像这样的东西

<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;
}

如何为wordpress帖子添加不同的类/风格？

4 个答案: