PHP sayfalama nasıl yapılır?

Merhabalar bir sitede ürünleri listeletiyorum ama sadece 10 ürün liselenmeli. Alt tarafta bulunacak 1 2 3 4 gibi sayfalara tıklayarak sonraki 10 sonraki 10 diye devam edilmesini istiyorum.  yardımcı olursanız sevinirim. config dosyam:

<?php
  $db_sunucu ="localhost";
  $db_user = "admin_proje";
  $db_name ="admin_proje";
  $db_pass="w1E9i*u3";
  try {
    $db_conn=new PDO("mysql:host={$db_sunucu};dbname={$db_name}",$db_user, $db_pass);
    $db_conn->exec("set names utf8");
    $db_conn-> setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  } catch (PDOException $a) {
    echo $a->getMessage();
  }
?>

Veri listelediğim sayfam

<div class="col-lg-9 col-12">
    <div class="row">


        <?php 

        $sorguurun = $db_conn->query("SELECT * FROM urun ORDER BY sira DESC");
        while($rowsurun = $sorguurun->fetch()){
            echo '
            <div class="col-xl-6 col-lg-12 col-md-6 col-12">
            <div class="blog-box-layout7">
            <div class="item-img">
            <a href="'.$rows["site_url"].'sablon/'.$rowsurun["seourl"].'" target= "_blank"><img src="'.$rows["site_url"].'/uploads/urun/images/'.$rowsurun["image"].'" alt="'.$rowsurun["alt"].'"></a>
            </div>
            <div class="item-content">
            <div class="item-category gradient-accent">'.$rowsurun["category"].'</div>
            <ul class="entry-meta">
            <li style="text-decoration: line-through;"><i class="far fa-user-circle"></i>'.$rowsurun["oldprice"].'</li>
            <li><i class="far fa-clock"></i>'.$rowsurun["price"].'</li>
            </ul>

            <div class="action-area">
            <a  href="'.$rows["site_url"].'sablon/'.$rowsurun["seourl"].'" target= "_blank" class="item-btn">ŞABLONU GÖSTER<i class="fas fa-arrow-circle-right"></i></a>
            <a href="'.$rows["site_url"].'demo-talebi" class="item-btn">DEMO TALEP ET<i class="fas fa-arrow-circle-right"></i></a>
            </div>
            </div>
            </div>
            </div>';  }  ?>


        </div>
        <div class="pagination-layout1">
            <ul>
                <li><a href="#" class="active">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
            </ul>
        </div>
    </div>

Bi el atında bitireyim şunu çok zamanımı aldı. Şimdiden çok teşekkürler

bahrikement (5)
4 yıl önce sordu

---