Menüler, Ek CSS ve sitedeki yazılar

Menüler ve Ek CSS bütün temalarda ortaktır: tema değiştirdiğinde aynı kalırlar. Bu makalede menüleri düzenlemeyi, siteye kendi CSS'ini eklemeyi ve sitedeki hazır yazıları değiştirmeyi anlatıyoruz.

Görünüm altındaki sayfalar için rolünde Temaları yönetme ve düzenleme, Ayarlar altındakiler için Site ayarlarını yönetme izni olmalı.

Üst menü#

Yönetim paneli → Görünüm → Üst menü sayfasında sitenin başlığındaki bağlantıları düzenlersin. Hiç değiştirmediysen varsayılan menü kullanılır: Ana sayfa, Mağaza, Kredi yükle, Oyun gecesi, Blog, Forum, Yardım, Destek.

Her satırda şu alanlar vardır:

• Başlık: menüde görünen yazı (en çok 40 karakter).
• Hedef: bağlantının gideceği yer. Üç tür seçenek var:
  • Sayfalar: sitenin hazır sayfaları (Mağaza, Blog, Forum, Oy ver, Cezalar…).
  • Özel sayfalar: İçerik → Sayfalar'da oluşturduğun sayfalar. Taslaktaki sayfanın yanında "(taslak, sitede gizli)" yazar.
  • Özel bağlantı…: açılan kutuya /kurallar gibi site içi bir yol ya da https:// ile başlayan bir adres yazarsın.
• İkon: bağlantının simgesi. Temanın simgeyi nasıl gösterdiği temaya bağlıdır.
• Yeni sekme: bağlantı yeni sekmede açılır.

Hazır bir sayfa seçtiğinde başlık ve ikon kendiliğinden dolar; istersen değiştirirsin. Satırın sağındaki oklarla sırayı değiştirir, Sil ile kaldırırsın. Yeni satır için Öğe ekle'ye bas (en çok 16 öğe), bitince Kaydet.

Açılır menü

Bir öğenin altındaki Alt bağlantı ekle'ye basınca öğe açılır menüye dönüşür. Açılır menüde en çok 12 alt bağlantı olabilir. Son alt bağlantıyı silersen öğe yeniden düz bağlantı olur.

Varsayılana dönmek

Kendi menünü kaydettikten sonra sayfanın altında Varsayılana dön düğmesi çıkar. Bastığında kayıtlı menün silinir ve varsayılan menü geri gelir.

Menüler sitede nasıl görünür?#

• Kapalı bir bölüme giden bağlantı sitede kendiliğinden gizlenir; örneğin blog kapalıyken Blog. Gösterecek içeriği olmayan sayfalar da gizlenir; örneğin etkin bir indirme yoksa İndirmeler.
• Taslaktaki ya da silinmiş bir özel sayfaya giden bağlantı herkesten gizlenir, yetkililer dahil.
• Bir açılır menünün bütün alt bağlantıları gizlenirse öğenin kendisi de görünmez.
• İçerik → Sayfalar'da "Menüde göster" işaretli ve yayındaki sayfalar, menüde zaten yoksa üst menünün sonuna ve alt menünün ilk sütununa eklenir.
• Varsayılan menünün yazıları ziyaretçinin diline göre Türkçe ya da İngilizce görünür. Kendi menünü kaydettiğinde başlıklar senin yazdığın gibi kalır.

Alt menü#

Görünüm → Alt menü sayfasında alt bilgideki bağlantı sütunlarını düzenlersin. Varsayılan olarak iki sütun vardır: Sayfalar ve Topluluk.

• Her sütunun bir başlığı ve isteğe bağlı bir ikonu vardır.
• Bağlantı ekle ile sütuna bağlantı eklersin (sütun başına en çok 12). Bağlantıların alanları üst menüdekiyle aynıdır.
• Sütun ekle ile yeni sütun açarsın (en çok 4 sütun).
• Bütün bağlantıları gizlenen bir sütun sitede görünmez.

Temanın Hesap sütunu (giriş, profil, sandık…) bu listeden bağımsızdır ve ayrıca gösterilir.

Sosyal medya ve alt bilgi yazıları#

Alt bilgideki sosyal medya hesapları, tanıtım yazısı ve yasal not Yönetim paneli → Ayarlar → Sosyal medya ve alt bilgi sayfasındadır. Bu değerler bütün temalarda kullanılır ve tema değişince kaybolmaz.

• Discord, YouTube, Instagram, TikTok, X, Facebook, Twitch, Kick, Telegram ve WhatsApp adreslerini yazabilirsin. Boş bıraktığın ağ sitede görünmez.
• Discord davetin başlıkta, kenar çubuğunda ve alt bilgideki "katıl" şeridinde de kullanılır.
• Tanıtım yazısı (en çok 600 karakter) logonun altında, Yasal not (en çok 300 karakter) telif satırının yanında görünür.
• Sözleşmeler sütununu göster açıksa Ayarlar → Sözleşmeler'de seçtiğin sayfalar alt bilgide ayrı bir sütunda listelenir (Sözleşmeler).

Ek CSS#

Görünüm → Ek CSS sayfasına yazdığın CSS, hangi tema seçili olursa olsun bütün sayfalara temanın kendi stilinden sonra eklenir. Tema dosyalarına dokunmadan renk, boşluk ya da yazı tipi ayarlamak için kullanırsın. Tema güncellemelerinde kaybolmaz.

/* Bor: menü çubuğuna bulanık cam etkisi */
.navbar { backdrop-filter: blur(12px); }

• En çok 100.000 karakter yazabilirsin; sayaç editörün altındadır.
• Yazdıktan sonra Kaydet'e bas. Değişiklik hemen sitede görünür.
• Buraya yalnız CSS yazılır; JavaScript ya da HTML eklenmez.

Bir öğenin sınıf adını bulmak için tarayıcında sayfaya sağ tıklayıp İncele'yi kullanabilirsin.

Sitedeki yazıları değiştirmek#

Düğmeler, uyarılar, başlıklar gibi temanın getirdiği her yazıyı Yönetim paneli → Ayarlar → Diller sayfasından kendi ifadenle değiştirebilirsin.

1. Değiştirmek istediğin dilin satırında Düzenle'ye bas.
2. Aradığın yazıyı arama kutusuyla bul ya da bölüme göre süz ve Filtrele'ye bas. "Yalnız değiştirilenler" seçeneği yalnız senin değiştirdiklerini gösterir.
3. Her satırın solunda temanın yazısı, sağında senin kutun var. Yeni metni kutuya yaz. Boş bıraktığın ya da temanınkiyle aynı yazdığın satırda temanın metni kullanılır.
4. {name} gibi süslü parantezli yer tutucuları silme; oraya oyuncu adı ya da sayı gibi bir değer gelir.
5. Bu sayfayı kaydet'e bas. Liste sayfalara bölünmüştür; her sayfayı ayrı kaydet.

Tümünü sıfırla o dildeki bütün değişikliklerini siler ve temanın yazılarını geri getirir.

Menü başlıkları, özel sayfalar ve blog yazıları bu listede yoktur; onlar senin yazdığın gibi görünür. Yeni dil eklemek ve ziyaretçinin dil seçmesi için Diller ve para birimi makalesine bak.