Hız Çubuğu (Speedbar) — speedbar.tpl
"Hız çubuğu", sayfanın üstünde görünen yol gösterici (breadcrumb) şerididir: Ana Sayfa » Kategori » Alt Kategori » Haber adı gibi. Ziyaretçinin sitedeki konumunu gösterir.
| Konu | Ayrıntı |
|---|---|
| İşleyen dosya | engine/engine.php — speedbar oluşturma bölümü |
| Ayar | speedbar açık olmalı |
| Ayırıcı | speedbar_separator — bağlantılar arasındaki karakter (», >, / …) |
| Çıktı yeri | result['speedbar'] — yani main.tpl içindeki {speedbar} |
| Yazdırma görünümünde | Oluşturulmaz ($view_template sırasında atlanır) |
Etiketler
Bu şablon tek bir etiket kullanır — belki de DLE'nin en basit şablonudur:
| Etiket | İçeriği |
|---|---|
{speedbar} |
Yolun tamamı — bağlantılar, ayırıcı ve düz metinler hazır HTML olarak gelir |
i
Yolu siz kurmazsınız
Bağlantıların listesi, hangi sayfada olduğunuza göre PHP tarafında oluşturulur
(kategori, statik sayfa, etiket bulutu, arama, sayfalama adımları vb.). Şablon
yalnızca bu metni nereye ve nasıl yerleştireceğinizi belirler.
Bu yüzden
{speedbar}'ı bir <nav> veya
<div> ile sarmalamaktan öteye gitmenize gerek yoktur.
Örnek
<nav class="speedbar" aria-label="Sayfa yolu">
<span class="speedbar__inner">{speedbar}</span>
</nav>
Ayırıcıyı tasarımla uyumlu hâle getirmek için iki yol vardır:
| Yöntem | Ayrıntı |
|---|---|
| Ayardan değiştirmek | speedbar_separator değerini yönetim panelinden ›, — gibi bir karaktere çevirin. |
| CSS ile biçimlendirmek | Ayırıcı metnin içinde geldiği için doğrudan seçilemez; sarmalayıcıya font-style, letter-spacing gibi genel stiller verilebilir. |
SEO notu
Yol gösterici şerit, hem kullanıcı deneyimi hem arama motorları için yararlıdır. Sayfanın hiyerarşisini gösterir. Şablon basit olsa da bu bölümü kaldırmamanız önerilir: arama motorları bağlantı yapısını anlamak için bu şeridi kullanır.
Sık yapılan hatalar
| Hata | Sonuç |
|---|---|
{speedbar} yerine başka etiket aramak | Başka etiket yoktur |
| Yolu elle (sabit bağlantılarla) yazmak | Her sayfada yanlış yol görünür |
main.tpl'den {speedbar}'ı kaldırmak | Şerit hiç görünmez |
Şeride {THEME} ile görsel eklemek | Çalışır ama gereksiz; şerit yalnızca metin ve bağlantı içerir |
Kontrol listesi
- Şablonda yalnızca
{speedbar}var. main.tpliçinde{speedbar}etiketi mevcut ve doğru yerde.- Ayırıcı karakterini ayarlardan temaya uygun seçtim.
- Bir kategori, bir haber ve bir statik sayfada yolu test ettim.