php - Php クラスの自動インクリメント

Question

Wordpress ループ内で次のコードを自動的に生成したい:

<ul class="content">
  <li class="box it" data-id="id-1" data-type="it">
    <h1>No# 01</h1>
  </li>
  <li class="box medical" data-id="id-2" data-type="medical">
            <h1>No# 02</h1>
  </li>
  <li class="box education" data-id="id-3" data-type="education">
            <h1>No# 03</h1>
  </li>
</ul>

Wordpressループ内からphpコードをエコーし​​て「data-id =」+（上記の例のように自動インクリメントされた番号）にしたいもの。

ループをどのように構築しますか?

Answer 1

試す

<ul class="content">
 <?php for($i=1;$i<some_num;$i++) {?>
 <li class="box it" data-id="id-<?php echo $i; ?>" data-type="it">
    <h1>No# <?php echo $i; ?></h1>
  </li>
  <?php  } ?>
</ul>