Вывожу карточки через форич. В блоке с классом .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; ?>