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行并选择该图像。

全循环为here

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

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

1 个答案: