Tasarım ve Menüler

Tema seçimi, Sayfa Düzenleyici, header/footer, menüler ve slider.

Bu rehber SakuraCMS yönetim akışını açıklar. Ekran adları ve kullanılabilir seçenekler, kurulu modül sürümlerine, lisans kapsamına ve hesabınızın yetkilerine göre değişebilir.

1. Tasarımı hangi alandan yönetmeliyiz?

SakuraCMS’de sitenin görünümü tek bir içerik kutusundan oluşmaz. Tema genel görünümü ve desteklediği yerleşimleri sağlar. Ayarlar site kimliğini, Menü Yönetimi bağlantıları, Slider Yöneticisi slaytları yönetir. Sayfa Düzenleyici ise bağımsız içerik bölümleri ve desteklenen header/footer tasarımları için kullanılır.

Önce değiştirmek istediğiniz öğenin kaynağını belirleyin. Bir menü başlığını değiştirmek için tema dosyasına yazmak yerine menü kaydını düzenleyin. Logo ve slogan gibi ortak bilgileri de ilgili ayarlarda tutun. Aynı bilgiyi farklı yerlere kopyalamak sonraki güncellemeleri zorlaştırır.

2. Tema seçimi ve geçiş öncesi kontrol

Yeni bir tema seçmeden önce mevcut menü konumlarını, ana sayfa bağlantılarını ve yayınlanmış header/footer tasarımlarını not edin. Tema değişikliği içeriği yeniden yazmayı gerektirmez; ancak yeni temanın hangi modül alanlarını ve yerleşimleri kullandığı kontrol edilmelidir.

Aktif temayı değiştirdikten sonra ana sayfayı, bir içerik sayfasını, blog detayını ve iletişim formunu inceleyin. Menülerin doğru konumlara bağlı olduğunu doğrulayın. Önceki temaya ait tasarımın yeni temaya kendiliğinden uygulanacağını varsaymayın. Büyük değişiklikleri mümkünse canlı yayın öncesinde ayrı bir test kurulumunda değerlendirin.

3. Sayfa Düzenleyici ile bölüm oluşturma

Standart bir rehber veya metin sayfasını Sayfalar’da yayınlayabilirsiniz. Kartlar veya özel yerleşimler gerektiğinde Sayfa Düzenleyici’de HTML/CSS ya da hazır kart bölümü oluşturun. Bölüme daha sonra listede kolayca bulacağınız bir yönetim adı verin.

HTML yapıyı, CSS görünümü belirler. JavaScript ekleme ve yayınlama yalnız Süper Admin yetkisindedir. Dışarıdan alınmış kodu güvenilir kabul ederek yapıştırmayın. Sıradan bir metin sayfası için JavaScript gerekmez.

Taslağı Kaydet işlemi canlı tasarımı doğrudan güncellemez. Kaydedilen içeriği önizleyin, ardından yayınlayın. Bölümü ilgili sayfaya bağlayıp bağlantıyı açık tutun; sayfa kaydının kendisinin de yayında olduğunu kontrol edin.

4. Ana sayfa ve içerik sayfası bağlantıları

Ana sayfada bir bölüm göstermek için bölümün aktif, yayında ve ana sayfaya bağlı olması gerekir. Ayrıca ilgili tema ve dil için üstteki Ana sayfa bağlantısı açık olmalıdır. Yalnız bölümün Ana sayfada göster kutusunu işaretlemek her durumda yeterli değildir.

İçerik sayfasına bağlarken doğru sayfayı, içerikten önce veya sonra konumunu ve sırayı seçin. Bölüm kendi başlığını içeriyorsa çift başlığı önlemek için sayfa başlığını gizleme seçeneğini değerlendirin. Bu seçenek mevcut metni veya formu silmez.

5. Header ve footer düzenleme

Görsel düzenleyicide doğru tema, dil ve taslağı açın. Logo, slogan, menü, iletişim ve sosyal medya öğelerinin kaynaklarını kontrol edin. Sistemin ayarlarından gelen bilgileri kullanmak, aynı veriyi her tasarımda elle değiştirme ihtiyacını azaltır.

Öğeleri ana alan, üst şerit veya alt şeritte uygun yere yerleştirin. Footer sütunlarını, başlıkları, hizaları ve boşlukları düzenleyin. Logo boyutu ile metin font boyutu farklı ayarlardır; görsele gömülü yazı font ayarıyla değişmez.

Masaüstü, tablet ve mobil görünümleri ayrı ayrı kontrol edin. Taslağı kaydedip yeniden açarak değerlerin korunduğunu doğrulayın; sonra yayınlayın. Yayında özel bir header/footer tasarımı bulunmadığında mevcut tema görünümü kullanılır.

6. Menüleri oluşturma ve yerleştirme

Menü Yönetimi’nde bir menü oluşturun veya mevcut menüyü açın. Yayındaki sayfaları, kategorileri veya diğer desteklenen kaynakları seçerek öğe ekleyin. Özel bağlantı gerektiğinde gerçek hedef adresini girin.

Alt menü öğelerini doğru üst başlığın altında düzenleyin ve Sıralamayı Kaydet işlemini tamamlayın. Tıklanabilir sayfası olmayan grup başlığında sistemin desteklediği yapı öğesini kullanın; çalışmayan bir adresi geçici hedef olarak yayınlamayın.

Tema konumlarını kullanıyorsanız menüyü Menü Konumları ekranından bağlayın. Görsel header/footer öğesinde doğrudan menü seçiliyorsa doğru menünün seçildiğini ayrıca doğrulayın. Mobil açılır menüyü ve aktif sayfa belirtisini test edin.

7. Slider yönetimi

Slider Yöneticisi üzerinden slayt görselini ve ekranın sunduğu başlık, açıklama, buton, bağlantı, sıra ve görünürlük seçeneklerini düzenleyin. Görsele gömülü yazılar gerçek metin alanları değildir; sonradan panelden değiştirilemez.

Butonlar, sağ-sol okları ve slayt göstergeleri modül tarafından yönetilecekse bunları görsel dosyasının içine tekrar koymayın. Aynı denetimin hem resimde hem modülde bulunması çift görünüm oluşturur.

Sliderın aktif olması yanında temanın ilgili slider alanını göstermesi de gerekir. Görsellerin mobil kırpılmasını, buton hedeflerini ve metin okunabilirliğini kontrol edin. Slaytların içine hassas bilgileri veya henüz sunulmayan özellikleri çalışan hizmet gibi eklemeyin.

8. Yayın öncesi son kontrol

Logo, menü, slaytlar ve orta bölümleri birlikte inceleyin. Aynı başlık ya da butonun iki kez görünmediğini doğrulayın. Farklı ekranlarda yatay taşma, üst üste binen öğeler veya okunamayan renkler kalmamalıdır.

Bir değişiklik görünmüyorsa önce doğru kaynağı, tema/dili, kaydı ve yayını kontrol edin. Önbelleği temizlemek yanlış menü seçimini veya kapalı bölüm bağlantısını düzeltmez.