Bu yılın sonuna doğru blog için bir sunucu değişikliği yaşadık. Yıllardır kullandığım HEAP teması ne yazık ki yeni PHP sürümleriyle uyumsuzdu. Bu yüzden ben de WordPress‘le birlikte ücretsiz gelen temel temalardan biri olan Twenty Fifteen‘e bir şans verdim. Temayı ihtiyacıma uygun şekilde modifiye ettim ve şu an bunu kullanıyorum.
Twenty Fifteen teması
WordPress’le birlikte birkaç tane ücretsiz basit tema geliyor. Bunlardan biri de Twenty Fifteen teması. Bu temalar genelde basit, estetik olarak da çok cazip değiller aslında. Ancak ben yalın bir tema olan Twenty Fifteen’i modifiye edebileceğimi düşündüm modifiye etmeye başladım.
Temayı nasıl modifiye ettim?
Bu tarz bir modifikasyon yaparken tabi ki belli bir seviyede CSS ve web tasarımı bilgisine sahip olmanız gerekiyor. Ancak bu bilgilerle tema modifiye etmek yine kolay bir iş değil ve ben de ilk kez deniyordum. Bunun için yapay zekâdan aldım. Araç olarak da ağırlıklı olarak DeepSeek’i kullandım. İlk adımda Twenty Fifteen teması güncelleme aldığında modifiye edilmiş temanın bozulmaması için Twenty Fifteen Child adında bir klasör oluşturdum. Yapay zeka bana temel birkaç dosyayı verdi ve bunları FTP üzerinden themes (temalar) klasörüne atttım.
Sonraki adımda yapmak istediklerimi tek tek detaylı olarak belirterek ihtiyacım olan kodları aldım. Örneğin Twenty Fifteen temasının sağ taraftaki tek kolonlu içerik yapısını 3 kolon, 3 sütun, yani tek sayfada 9 içerik önizlemesi görünecek şekilde ayarladım. Sitenin görünümündeki bu radikal değişimin ardından başlıkların, kutuların, alanların boyutlarını, boşluk miktarlarını ve renklerini adım adım değiştirmeye başladım. 1-2 günlük temel bir çabanın ardından sitenin temel görünümü ortaya çıkmıştı. Sonraki bir haftalık süreçte alt sayfaların görünümleri ve diğer ince detaylarla birlikte mobil sayfa görünümü için optimizasyonlarla devam ettim.
Değişikliklerin küçük bir kısmını FTP’deki Child klasörü içinde yer alan CSS dosyasına ekledim. Ancak her CSS kodu burada çalışmadığı için CSS kodlarının çoğunu temanın Ek CSS bölümüne ekledim. Buraya eklenen kodlar aynı zamanda canlı önizleme de sağladığı için kodların etkisini görmek açısından daha avantajlı.
Temanın %80-90’lık bölümünü istediğim şekle dönüştürdüm. Epeydir sorunsuz kullanıyorum. Sadece bazı detay kısımlar kaldı. Onları da halledip Ek CSS bölümünde yer alan kodların bir kısmını normal CSS dosyasına geçirdiğimde proje sona ermiş olur.
Bu yöntem, özellikle hobi amaçlı kullanılan bu tarz bloglar için esnek ve ekonomik bir çözüm.