Tema Yönetimi Nasıl Kullanılır?

Webayt CMS’te Tema Yönetimi, web sitenizin görünümünü belirleyen tema dosyalarını, aktif temayı ve tema ayarlarını yönetmek için kullanılır. Bu alan üzerinden mevcut temaları görüntüleyebilir, bir temayı aktif hale getirebilir, tema dosyalarını inceleyebilir ve tema içerisinde kullanılan temel tasarım ayarlarını düzenleyebilirsiniz.

Tema Yönetimi, sitenizin görsel yapısını etkileyen önemli bir bölümdür. Bu nedenle özellikle tema değiştirme, dosya düzenleme veya tema ayarlarını güncelleme işlemleri yapılırken dikkatli olunması önerilir.

Tema Yönetimi Ne İşe Yarar?

Tema Yönetimi, Webayt CMS’te sitenizin tasarım altyapısını yönetmek için kullanılan alandır. Web sitenizin hangi tema ile görüntüleneceği, tema dosyalarının nasıl düzenleneceği ve tema içerisinde kullanılan bazı renk/font ayarları bu bölümden kontrol edilir.

Bu bölümde genel olarak şu işlemler yapılabilir:

• Panelde yüklü temaları görüntüleme
• Bir temayı aktif hale getirme
• Aktif temayı görüntüleme
• Geçici olarak tema modu kullanma
• Tema dosyalarını yönetme
• Tema ayarlarını düzenleme
• Tema içerisinde kullanılan renk ve yazı tipi değişkenlerini güncelleme

Tema Yönetimi Sayfasına Nereden Ulaşılır?

Tema yönetimi sayfasına ulaşmak için Webayt yönetim panelinde sol menüden Tema Yönetimi bağlantısına tıklayabilirsiniz.

Tema Yönetimi

Bu sayfada Temalar ve Tema Ayarları olmak üzere iki temel sekme bulunur.

• Temalar: Panelde yüklü olan temaların listelendiği alandır.
• Tema Ayarları: Aktif tema içerisinde kullanılabilen genel font ve renk ayarlarının düzenlendiği alandır.

Temalar Sekmesi Nasıl Kullanılır?

Temalar sekmesinde, sistemde yüklü olan tema klasörleri kart yapısında görüntülenir. Her tema kartında ilgili temanın adı ve tema durumu yer alır.

Aktif olan tema genellikle farklı bir renk veya işaret ile vurgulanır. Böylece web sitenizde şu anda hangi temanın kullanıldığını kolayca anlayabilirsiniz.

Tema kartları üzerinden ilgili tema için işlem menüsü açılabilir. Bu menüde tema durumuna göre Aktif Yap ve Dosyaları Yönet gibi seçenekler bulunabilir.

Tema Nasıl Aktif Edilir?

Web sitenizde kullanmak istediğiniz temayı aktif hale getirmek için ilgili tema kartının işlem menüsünden Aktif Yap seçeneğini kullanabilirsiniz.

Bir tema aktif edildiğinde, web sitenizin ön yüzü seçilen tema yapısına göre görüntülenir. Bu nedenle tema değişikliği yapmadan önce ilgili temanın doğru çalıştığından ve site yapınızla uyumlu olduğundan emin olmanız önerilir.

Aktif tema, tema listesinde genellikle yeşil renkte veya özel bir ikonla belirtilir. Bu gösterim, hangi temanın yayında olduğunu hızlıca anlamanıza yardımcı olur.

Tema Modu Nedir?

Bazı durumlarda bir tema, oturumunuza özel olarak görüntülenebilir. Bu yapı, aktif temayı tüm site için değiştirmeden önce belirli bir temayı test etmek veya incelemek için kullanılabilir.

Tema modu açık olduğunda, panelde ilgili temanın oturumunuza özel olarak görüntülendiğini belirten bir bilgilendirme alanı yer alabilir. Bu durumda tema tüm ziyaretçiler için değil, yalnızca sizin oturumunuzda geçici olarak görüntülenebilir.

Tema modunu sonlandırmak için ekranda yer alan Tema Modunu Kapat butonunu kullanabilirsiniz.

Dosyaları Yönet Seçeneği Ne İşe Yarar?

Dosyaları Yönet seçeneği, ilgili temanın dosya yapısını görüntülemek ve düzenlemek için kullanılır. Bu alan, tema içerisindeki dosyaları klasör yapısıyla birlikte incelemenizi sağlar.

Dosyaları Yönet penceresinde genellikle tema klasörleri sol tarafta, seçilen dosyanın içeriği ise sağ tarafta görüntülenir. Böylece tema dosyaları panel üzerinden incelenebilir ve gerekli durumlarda düzenlenebilir.

Bu alanda şu tür dosyalar görüntülenebilir:

• theme.json: Temanın genel yapılandırma dosyasıdır.
• assets: Tema içerisinde kullanılan CSS, JS, görsel veya benzeri varlık dosyalarının bulunduğu klasördür.
• defined: Tema içerisinde kullanılan tanımlı metin veya sistemsel değerlerin yer aldığı dosyaları içerebilir.
• module: Tema modüllerine ait görünüm dosyalarının bulunduğu klasördür.
• CSS dosyaları: Tema renkleri, arka planları, tipografi ve görünüm ayarları için kullanılır.
• JS dosyaları: Tema içerisindeki etkileşimli davranışlar için kullanılır.

Tema Dosyaları Düzenlenirken Nelere Dikkat Edilmeli?

Tema dosyaları, web sitenizin ön yüz görünümünü doğrudan etkileyebilir. Bu nedenle özellikle HTML, CSS, JS veya tema yapılandırma dosyalarında değişiklik yaparken dikkatli olunmalıdır.

• Dosya düzenlemeden önce neyi değiştirdiğinizden emin olun.
• Kod yapısını bozabilecek gereksiz düzenlemelerden kaçının.
• Kaydetmeden önce dosyanın doğru dosya olduğundan emin olun.
• CSS veya JS değişikliklerinden sonra sitenin ön yüzünü kontrol edin.
• Gerekirse değişiklik öncesi dosya içeriğini yedekleyin.
• Önbellekleme kullanılıyorsa değişiklikten sonra ilgili önbelleği yenilemeyi unutmayın.

Özellikle aktif temanın dosyalarında yapılan değişiklikler, web sitesinin görünümünü anında etkileyebilir. Bu nedenle canlı yayındaki sitelerde dosya düzenleme işlemleri dikkatli şekilde yapılmalıdır.

Tema Ayarları Sekmesi Ne İşe Yarar?

Tema Ayarları sekmesi, aktif tema içerisinde kullanılan bazı genel tasarım değişkenlerini düzenlemek için kullanılır.

Bu sekmede yer alan değerler, temalarda değişken olarak kullanılabilir. Böylece tema dosyalarında tanımlanan yapı, panelden girilen font ve renk ayarlarına göre şekillenebilir.

Tema Ayarları alanında genel olarak şu ayarlar bulunabilir:

• Tema Seçimi: Güncel olarak seçili olan temayı gösterir.
• Yazı Tipi: Sitede kullanılacak font ailesini belirlemek için kullanılır.
• Ana Renk: Site genelinde kullanılabilecek ana marka rengidir.
• Header Arkaplan Rengi: Tema içerisindeki header arka plan rengi için kullanılabilir.
• Modül Arkaplan Rengi: Modüllerin arka plan rengi için kullanılabilir.
• Modül Arkaplan Rengi 2: Bazı tema alanlarında ikinci arka plan rengi olarak kullanılabilir.

Yazı Tipi Ayarı Nasıl Kullanılır?

Yazı Tipi alanı, tema içerisinde kullanılabilecek font bilgisini belirlemek için kullanılır. Bu alana örneğin Arial,sans-serif gibi bir font tanımı girilebilir.

Tema dosyaları bu değeri değişken olarak kullanacak şekilde hazırlanmışsa, panelden girilen yazı tipi değeri sitenin ilgili alanlarına yansıtılabilir.

Font değeri girerken geçerli CSS font ailesi yapısına uygun bir tanım kullanılması önerilir.

Renk Ayarları Nasıl Kullanılır?

Tema Ayarları bölümünde yer alan renk alanları, tema içerisinde kullanılan görsel değişkenleri yönetmek için kullanılır.

Örneğin Ana Renk alanına girilen renk değeri; butonlar, bağlantılar, ikonlar veya tema içerisindeki vurgu alanlarında kullanılabilir. Benzer şekilde header ve modül arka plan renkleri de temanın ilgili bölümlerine etki edebilir.

Renk değerleri genellikle HEX formatında girilir. Örneğin:

#0F5B99
#ffffff
#f3f6fa

Renk seçimi yaparken sitenin marka kimliği, okunabilirlik ve kullanıcı deneyimi dikkate alınmalıdır.

Tema Ayarları Temada Nasıl Kullanılır?

Tema Ayarları sekmesindeki font ve renk alanları, tema dosyalarında değişken olarak kullanılmaktadır. Bu sayede tema geliştiricisi, panelden girilen değerleri tema içerisinde dinamik şekilde kullanabilir.

Örneğin tema dosyalarında ana renk, header arka plan rengi veya modül arka plan rengi gibi değerler değişken olarak tanımlanmışsa, panelde yapılan değişiklikler temanın ilgili alanlarına yansıyabilir.

Bu yapı, her değişiklik için doğrudan tema dosyalarını düzenlemek yerine bazı temel tasarım ayarlarının panel üzerinden yönetilebilmesini sağlar.

Tema Ayarları Güncellendikten Sonra Ne Yapılmalı?

Tema Ayarları alanında değişiklik yaptıktan sonra Kaydet butonuna tıklayarak ayarları kaydetmeniz gerekir.

Değişiklikten sonra web sitesinin ön yüzünü kontrol etmeniz önerilir. Böylece renklerin, yazı tipinin ve diğer tema değişkenlerinin beklenen şekilde yansıyıp yansımadığını görebilirsiniz.

Eğer değişiklikler ön yüzde hemen görünmüyorsa, önbellekleme kullanılıyorsa ilgili sayfanın veya site önbelleğinin yenilenmesi gerekebilir.

Tema Yönetimi Kullanırken Nelere Dikkat Edilmeli?

Tema Yönetimi, sitenin görsel yapısını etkileyen önemli bir alandır. Bu nedenle burada yapılan işlemler planlı şekilde uygulanmalıdır.

• Aktif temayı değiştirmeden önce ilgili temayı kontrol edin.
• Tema modu kullanıyorsanız, bunun yalnızca oturumunuza özel olabileceğini unutmayın.
• Dosyaları Yönet alanında yaptığınız değişikliklerin site görünümünü etkileyebileceğini dikkate alın.
• Tema dosyalarını düzenlerken HTML, CSS, JS ve JSON yapılarını bozmamaya dikkat edin.
• Tema ayarlarında renk seçerken okunabilirliği ve marka bütünlüğünü göz önünde bulundurun.
• Font değerini geçerli CSS font ailesi yapısına uygun yazın.
• Değişikliklerden sonra web sitesinin ön yüzünü kontrol edin.
• Önbellekleme kullanılıyorsa gerekli durumlarda önbelleği yenileyin.

Özet

Tema Yönetimi, Webayt CMS’te web sitenizin görünümünü ve tema altyapısını yönetmek için kullanılan bölümdür. Bu alanda yüklü temaları görüntüleyebilir, bir temayı aktif hale getirebilir, tema dosyalarını yönetebilir ve tema ayarlarını düzenleyebilirsiniz.

Tema Ayarları sekmesinde yer alan yazı tipi ve renk değerleri, tema dosyalarında değişken olarak kullanılabilir. Bu sayede tema içerisindeki bazı tasarım ayarları panel üzerinden daha kolay yönetilebilir.