WordPress-具有不同图像的多个类

Question

因此，我正在研究这个主题，当我探索它的秘密时，我发现了一个类（.separator），里面有一个图像。

.separator {
    background: url('../images/new/vector_header2.png');
}

正如它用PHP编写的那样：

<div class="separator">
 <?php $headline = get_post_meta($post->ID, 'slogan', true); if($headline != '') { ?>
 <p>“<?php echo $headline;?>”</p>
 <?php } else echo '<p>&nbsp;</p>';?>
</div>

这意味着每个帖子都有一个分隔符（类）来分隔每个新帖子。 我希望它像这样，但是它使用不同的图像。

我创建了两个新的分隔符类（.separator2和3）。 两者都有不同的图像，但是我不知道应该为此使用哪种代码语言。 无论是检查每个div的PHP还是jQuery，还是每次发布后仅具有某种数组，它都会下降1行并选择该图像。

全循环在这里

Answer 1

如果将if语句放在分隔符div上方，则可以轻松添加自定义class在其中定义新的背景图像。

就像是：

<?php
$headline = get_post_meta($post->ID, 'slogan', true);
if($headline != '') {
?> 
 <div class="separator post_<?php echo $post->ID;?>">
  <p>“<?php echo $headline;?>”</p>
 </div>
<?php } else { ?>
 <div class="separator">
  <p>&nbsp;</p>
 </div>
<?php } ?>

---

抱歉，我看错了问题。

如果您希望.seperator1 .seperator2 .seperator3等起作用，则可以执行以下操作：

<?php
$count = 1;
$headline = get_post_meta($post->ID, 'slogan', true);
if($headline != '') {
?> 
 <div class="separator<?php echo $count;?>">
  <p>“<?php echo $headline;?>”</p>
 </div>
<?php if($count >=3) { $count = 1; } else { $count++; } 
}
?>