Anasayfa Yapılandırma 6

[related-news] etiketi, tam makale görüntülenirken ilişkili haberlerin bulunduğu bir blok göstermek için kullanılır. Bu etiket, mevcut makale ile ilişkili olan diğer haberleri otomatik olarak listeleyen bir blok oluşturur.

[related-news]
    <div class="related-news-title">İlgili Haberler:</div>
    <ul class="related-news-list">
        {related-news}
    </ul>
[/related-news]

Bu örnekte, "İlgili Haberler" başlığı altında ilişkili haberlerin listelendiği bir blok gösterilecektir. {related-news} etiketinin işlevi, sistemin ilişkili haberleri dinamik olarak eklemesidir.



{catmenu}


{catmenu} etiketi, site kategorilerinin bulunduğu bir menüyü görüntüler. Bu menü, categorymenu.tpl şablon dosyasındaki tasarıma göre şekillenir. {catmenu} etiketi, kategorilerin dinamik olarak listelenmesini sağlar.

Bu etiketi kullanarak, siteye ait tüm kategorileri ziyaretçilere gösterebilirsiniz. İşte basit bir örnek

<div class="category-menu">
    {catmenu}
</div>

1. Kategoriler Menüsü (Dynamic Display)

  • {catmenu} etiketi, siteye ait tüm kategorileri dinamik olarak gösterir. Bu menü, siteyi ziyaret eden kullanıcıların farklı kategorilere hızlıca erişmesini sağlar.
  • Kategoriler, genellikle ana sayfa veya yan menü gibi bölümlerde görüntülenir.

2. Tasarım (categorymenu.tpl)

  • Kategoriler menüsünün tasarımı categorymenu.tpl dosyasına bağlıdır. Bu dosya, menüdeki her bir kategorinin nasıl görüneceğini, stilini ve düzenini belirler.
  • Bu şablon dosyasında, HTML yapısı ve CSS stilleriyle kategori menüsünün görünümü özelleştirilebilir.

3. Kullanım Örneği

İşte {catmenu} etiketinin nasıl görüneceğine dair bir örnek:

<div class="category-menu">
    <h2>Kategoriler</h2>
    <ul class="cat-list">
        {catmenu}
    </ul>
</div>
  • Bu örnekte, {catmenu} etiketi kullanılarak bir kategori menüsü listesi (ul) içinde görüntülenir. categorymenu.tpl dosyasındaki tasarıma göre, her kategori bir liste elemanı (li) olarak görünecektir.
4. Kategorilerin Özelleştirilmesi
  • categorymenu.tpl dosyasını düzenleyerek, menüdeki kategorilerin nasıl sıralanacağı, hangi kategorilerin gösterileceği gibi özellikleri kontrol edebilirsiniz.
  • Ayrıca, kategorilerin altında alt kategoriler veya özel bağlantılar eklemek mümkündür.
5. Sıralama ve Filtreleme
  • {catmenu} etiketi, kategorileri genellikle alfabetik sıraya göre veya belirli bir düzen içinde listeler. Ancak, categorymenu.tpl dosyasında yapacağınız düzenlemelerle bu sıralamayı değiştirebilirsiniz.


{catnewscount id="X"}

DLE'deki {catnewscount id="X"} etiketi, belirli bir kategoriye ait makale sayısını görüntüler. Buradaki X, kategori ID'sini temsil eder. Bu etiket, site yöneticilerinin ve kullanıcıların, bir kategorinin içinde kaç adet makale olduğunu görmelerini sağlar.

Kullanım Detayları:

  • id="X": X, sayısını öğrenmek istediğiniz kategorinin ID'sidir. Kategorinin ID'sini, DLE yönetim panelinden veya veritabanından öğrenebilirsiniz.
  • Bu etiket, genellikle kategori sayfasında veya kategori menüsünde, her kategorinin yanında o kategorideki makale sayısını göstermek için kullanılır.

Örnek Kullanım:

<div class="category-news-count">
    <p>Kategorideki makale sayısı: {catnewscount id="5"}</p>
</div>

Bu örnekte, id="5" kategorisinin içindeki makale sayısı görüntülenir. Eğer kategori ID'si 5 olan bir kategori varsa, bu etiket, o kategoride bulunan toplam makale sayısını ekranda gösterecektir.

Kullanım Alanları:

  • Kategori Listelerinde: Her kategoriye ait makale sayısının gösterilmesi, ziyaretçilerin hangi kategorilerde daha fazla içerik olduğunu anlamalarına yardımcı olur.
  • Ana Sayfa veya Kategoriler Sayfası: Kategorilerin hemen yanında, o kategorideki içerik sayısını görüntüleyerek kullanıcıları daha fazla makale okumaya teşvik edebilirsiniz.

Örnek HTML ile:

<ul class="category-list">
    <li><a href="/category/technology/">Technology</a> ({catnewscount id="1"})</li>
    <li><a href="/category/science/">Science</a> ({catnewscount id="2"})</li>
    <li><a href="/category/health/">Health</a> ({catnewscount id="3"})</li>
</ul>

Bu örnekte, her kategori isminin yanında, o kategorideki makale sayısı gösterilir.



{category-id}

DLE'deki {category-id} etiketi, ziyaretçinin görüntülediği kategorinin ID'sini gösterir. Bu etiket, özellikle menü düzenlemelerinde ve CSS sınıfları ya da şablon dosya isimleri gibi öğeleri dinamik olarak değiştirmek için kullanışlıdır.

Kullanım Alanları:

  1. Menü Düzenlemeleri:

    • {category-id} etiketi, kullanıcıların ziyaret ettiği kategoriye göre menüdeki elemanları özelleştirmeyi sağlar. Örneğin, belirli bir kategoriye girildiğinde, o kategoriye özel bir stil veya özellik eklemek için bu etiket kullanılabilir.

  2. CSS Sınıfları:

    • Kategorinin ID'si, sayfa yüklenirken otomatik olarak alınabilir ve o kategoriye özel CSS sınıfları eklemek için kullanılabilir. Bu sayede, her kategori için farklı görünümler oluşturabilirsiniz.

  3. Şablon Dosyaları:

    • {category-id} etiketi, hangi kategorinin görüntülendiğini belirlemenizi sağlar. Böylece, her kategori için farklı şablon dosyalarını kullanmak veya aynı şablonda kategoriye özel içerikler göstermek mümkün olur.

Örnek Kullanım:

1. CSS ile Kategoriye Özel Stil Uygulamak:
<body class="category-{category-id}">
    <!-- Sayfa içeriği -->
</body>

Bu örnekte, <body> etiketine {category-id} etiketi eklenir. Bu sayede her kategoriye özel bir CSS sınıfı dinamik olarak eklenir. Örneğin, kategori ID'si 1 olan bir sayfada, sınıf category-1 olur.

2. Şablon Dosyasında Kategoriye Özel İçerik Gösterme:

{if {category-id} == "3"}
    <div class="special-category-message">Bu özel sağlık kategorisidir!</div>
{/if}

Bu örnekte, kategori ID'si 3 olan bir kategoriye özel bir mesaj gösterilmektedir.

Kategoriye Özel İçerik Gösterme:

Daha önce belirtilen {category-id} etiketiyle, sayfada kategoriye özel içerikler göstermek için koşullar kullanabilirsiniz.

3. Dinamik Şablon Değişiklikleri:

{if {category-id} == "5"}
    <!-- Bu kategoriye özel içerik veya şablon -->
    <h1>Özel Teknoloji Kategorisi</h1>
    <p>Bu alanda sadece teknolojiye ait içerikler yer alacak.</p>
{/if}

Sonuç:

{category-id} etiketi, site içeriğinin kategoriye göre özelleştirilmesine olanak tanır. Menü düzenlemeleri, CSS sınıfları ve şablon dosya değişiklikleri gibi durumlarda kullanarak, her kategoriye özel bir deneyim sunabilirsiniz.

Geri Dön
12-01-2025, 22:32