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.