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). Оба имеют разные образы, но я не знаю, какой язык кода я должен использовать для этого. Будь то его PHP или jQuery для проверки каждого div или просто наличия какого-то массива, который каждый раз после его создания делает это вниз 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++; } 
} 
?>