Blogun görünümünü değiştirmek sanırım alışkanlık haline geldi bende. Hiç bir neden yokken bazen böyle sıkılıyor ve yeni arayışlara giriyorum. Bu sefer bir arkadaşın tavsiyesi ile şu an kullandığım mystique temasını yükledim bloguma. İyi mi yaptım kötü mü bilmiyorum orası size kalmış ama benim içime sindiğini rahatlıkla söyleyebirim.

Tema oldukça kullanışlı ve kontrol paneli sayesinde hemen hemen tüm ayarlarını değiştirebilme şansınız var. Temanın orjinal sitenine şu adresten ulaşabilirsiniz ve download edebilirsiniz.

Temayı bloguma yüklerken Türkçeleştirmesini de yeni baştan yaptım.. Eğer temayı sitenizde kullanmak isterseniz ve tam bir çeviri dosyasına ihtiyacınız varsa linkte vereceğim dil dosyalarını mystique teması ana klasöründe bulunan lang klasörüne açın. Çeviri temanın 1.4.6 sürümüne göre yapılmıştır. Yanlış çevrildiğini düşündüğünüz yer varsa bana bildirebilirsiniz.

Türkçe dosyalar için download linki: (Sağ tuşa basıp hedefi farklı kaydet seçeneğini işaretleyin). Dowload

Uzun zamandır (benim için oldukça uzun bir zaman sayılır) siteye pek elleyemedim açıkçası. İçimden gelmiyor, yaratıcı duygularımı kaybettim gibi geliyor çünkü sigara denen nalet düşman ile savaşım var şu sıralar. O benimle mücadelede ben de onunla. Eh bu halde de kafayı toparlayıp bir şeyler yazmak son derece güç.

Ama hissediyorum ki savaşın galibi ben olacağım. O yüzden kısa bir süre sonra tekrar kazanacağım yazma şevkimle birlikte daha bir sıkı sarılacağım siteme, seviyorum çünkü.

Sitede kullandığım temayı değiştirmek zorunda kaldım şimdilik. Nedenlerine gelince; temanın orjinal halinde benim kullanmak istemediğim (açılış hızını yavaşlattığından dolayı) bir sürü özellik vardı. Ben bunları kırptım biraz. Kırpmasına kırptım ama bunu yaparken sanırım eksik kalan bir şeyler oldu ki site haritasını ve feed’leri oluştururken google yönetici araçları hatalar vermeye başladı. Mükemmeliyetçi bir yapım olduğundan o hataları görmek bile beni rahatsız ediyordu.

Yazının devamını okuyun »

Son zamanlarda oldukça fazla sayıda kişi tarafından yayınlanmaya başlayan blog sayfaları çok değişik form ve tasarımlar ile karşımıza çıkabiliyor. Tüm dünyadan binlerce kişinin bloglar için tema dosyaları hazırladığı ve ücretli/ücretsiz olarak paylaşıma açtığı artık bilinen gerçeklerden. Her kişinin beğenisine göre farklı temalar seçip bu temaları düzenleyerek kendi web bloglarına sahip olduğunu görüyoruz.

Blog teması hazırlamak başlı başına bir maharet istiyor açıkçası. Bloglar ile ilgilenmeye başladığımdan beri temalarla oldukça yoğun bir şekilde ilgilensem de henüz sıfırdan bir tema oluşturabilecek bilgi seviyesinde görmüyorum kendimi. Zira tema tasarımı grafik becerileri yanında kuvvetli bir web programcılığı alt yapısına da ihtiyaç duyuyor.

Yine de hazır şablonlara bazı basit özellikler eklemek pek o kadar da zor olmuyor. CSS dosyaları ile biraz haşır neşir olmak blogunuza bambaşka özellikler eklemenize imkan tanıyor ki birazdan tarif edeceğim olay da bunlardan bir tanesi.

Blog yazılarını yazarken bazı bölümlerin dikkat çekmesini istediğimiz oluyor zaman zaman. Mesela bir download linki verirken veya bir uyarı notu düşerken bunun ana yazı alanından ayrılması ve dikkat çekmesi gerekiyor. Bazı temalarda bu özellik standart olarak gelse de çoğu temada bulunmuyor maalesef. Burada iş başa düşüyor ve bu özelliğin bulunmadığı temaya bizim müdahale etmemiz zaruri hale geliyor.

Yapılacak iş aslında o kadar da zor değil. Sadece temanız içinde bulunan muhtemelen style.css dosyasına bazı satırlar eklemeniz problemin çözümü için basit bir çözüm oluşturuyor.

Ben Wordpress sistemini kullandığım için genel tarifi bu sistem üzerinden vereceğim ama genelde diğer blog sistemlerinde de yaklaşım aynı şekilde..

1 – Wordpress admin paneline giriş yapın. Burada görünüm menüsünün altında editör bölümüne gireceksiniz. Editörü açtıktan sonra sağ taraftaki listeden style.css’i bulun..

2 – Style.css dosyasının içine;
.alert {
color: #c00;
border-top: 3px solid #fe7b7a;
border-bottom: 3px solid #fe7b7a;
background: #FFD6D6 url(resimdosyasınınadresi/status-alert.png) 10px 50% no-repeat;
padding-left:40px
}

.info {
color: #0055BB;
border-top: 3px solid #629de3;
border-bottom: 3px solid #629de3;
background: #D8E5F8 url(resimdosyasınınadresi/status-info.png) 10px 50% no-repeat;
padding-left:40px
}

.note {
color: #B79000;
border-top: 3px solid #fde179;
border-bottom: 3px solid #fde179;
background: #FEF6D8 url(resimdosyasınınadresi/status-note.png) 10px 50% no-repeat;
padding-left:40px
}

.download {
color: #57861A;
border-top: 3px solid #c2df88;
border-bottom: 3px solid #c2df88;
background: #EEF7DD url(resimdosyasınınadresi/status-download.png) 10px 50% no-repeat;
padding-left:40px
}

satırlarını ekleyin ve dosyayı güncelleyin.

3 – Bundan sonra tek yapmamız gereken yazılarımızı yazarken farklı olmasını istediğimiz yerleri basit tag’ler içine almak..  Bunu da <p class=xxx> Ekleyeceğiniz metin </p> şeklinde yapabiliyoruz.