Önceki ve Sonraki Haber Sayfası (navigation.tpl)

Bu bölümün gösterimi navigation.tpl dosyasında yapılandırılır. Haber navigasyonu bu bölümde yapılandırılabilir.

Etiket Açıklama
[prev-link] metin [/prev-link]Önceki sayfaya bir bağlantı oluşturur (eğer varsa).
[next-link] metin [/next-link]Sonraki sayfaya bir bağlantı oluşturur (eğer varsa).
{pages}Sayfalara bağlantılar oluşturur. Örneğin: 1 2 3 4.

Kapsamlı navigation.tpl Örneği

Aşağıdaki kod, AdminLTE'nin kendi sayfalama (pagination) bileşenini kullanarak modern bir navigasyon bloğunun nasıl oluşturulabileceğini gösterir.


<!-- Sayfalama bloğunun en dış kapsayıcısı -->
<div class="navigation-wrapper d-flex justify-content-center">
    <nav aria-label="Page navigation">
        <ul class="pagination">

            <!-- "Önceki Sayfa" linki, sadece varsa gösterilir -->
            [prev-link]
                <li class="page-item">
                    <a class="page-link" href="{prev-link}" aria-label="Previous">
                        <span aria-hidden="true">«</span>
                        <span class="sr-only">Önceki</span>
                    </a>
                </li>
            [/prev-link]

            <!-- Sayfa numaraları burada gösterilir -->
            {pages}

            <!-- "Sonraki Sayfa" linki, sadece varsa gösterilir -->
            [next-link]
                <li class="page-item">
                    <a class="page-link" href="{next-link}" aria-label="Next">
                        <span aria-hidden="true">»</span>
                        <span class="sr-only">Sonraki</span>
                    </a>
                </li>
            [/next-link]

        </ul>
    </nav>
</div>
            

Not: DLE, {pages} etiketinin çıktısını kendi içinde <span> ve <a> etiketleriyle oluşturur. Yukarıdaki örnekteki gibi bir <ul> yapısı kullanacaksanız, AdminLTE/Bootstrap stillerinin doğru uygulanması için DLE'nin çıktı formatını CSS ile düzenlemeniz gerekebilir.