Вывожу карточки через форич. В блоке с классом .counter вложен спав, в котором должна быть нумерация карточек. Как лучше такой счетчик написать?
<?php if ( ! empty( $hiw_step_slider ) ): ?>
<div class="steps">
<?php foreach ( $hiw_step_slider as $elem ): ?>
<div class="step-item">
<figure>
<div class="counter">
<span>1</span>
</div>
<img src="<?php echo wp_get_attachment_image_url($elem['step_img']); ?>" alt="step photo" class="step-photo">
</figure>
<div class="step-desc">
<h3><?php echo $elem['step_name'] ?></h3>
<p><?php echo $elem['step_desc'] ?></p>
</div>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>