3
EXE RANK
XenForo 2.3 Kategorilere Font Awesome (FA) İkon Ekleme
1. Gerekli Eklentileri ve Ayarları Kontrol Edin
XenForo 2.3 sürümü, varsayılan olarak Font Awesome 5 desteği ile gelir. Öncelikle, FA ikonlarının forum temanızda düzgün çalıştığından emin olun:- Admin Paneli → Görünüm & Diller → Temalar sekmesine gidin.
- Kullandığınız temayı düzenleyin ve Font Awesome'ın yüklü olduğundan emin olun.
2. Kategori Şablonuna FA İkonu Ekleme
FA ikonlarını manuel olarak eklemek için node_list şablonunu düzenlemeniz gerekir:- Admin Paneli → Görünüm & Diller → Şablonlar bölümüne gidin.
- node_list şablonunu aratın ve açın.
- Aşağıdaki kodu uygun bir yere ekleyin (genellikle <div class="node-title"> kısmına):
Kod:
<i class="fa fa-comments" aria-hidden="true"></i>Bu kod, kategori başlığı önüne konuşma balonu (
) ikonunu ekler.3. Özel İkonlar Atamak
Belirli kategorilere farklı ikonlar eklemek için aşağıdaki gibi bir if şartı kullanabilirsiniz:
Kod:
<i class="fa
<xf:if is="$node.node_id == 1">fa-home</xf:if>
<xf:if is="$node.node_id == 2">fa-book</xf:if>
<xf:if is="$node.node_id == 3">fa-gamepad</xf:if>
"></i>- node_id == 1 için fa-home (
Ev) ikonu - node_id == 2 için fa-book (
Kitap) ikonu - node_id == 3 için fa-gamepad (
Oyun) ikonu atanır.
4. CSS ile Stil ve Renk Düzenleme
İkonların boyutunu ve rengini değiştirmek için extra.less dosyanıza aşağıdaki kodları ekleyin:
Kod:
.node .fa {
font-size: 20px; /* İkon boyutu */
color: #ff6600; /* İkon rengi */
margin-right: 5px; /* Başlık ile ikon arasındaki boşluk */
}5. Değişiklikleri Kaydedip Kontrol Edin
Şablon düzenlemelerini kaydedin ve forum ana sayfanızı yenileyerek ikonların düzgün göründüğünü kontrol edin.Sonuç
Artık XenForo 2.3 forumunuzda kategorilere özel Font Awesome ikonları ekleyebilirsiniz! Eğer daha gelişmiş bir yöntem (örneğin, Eklenti kullanarak ikon ekleme veya admin panelden ikon belirleme) isterseniz, bana bildirin.