İçeriğe geç

Kendi temamı yaptım!

İnternette ve özellikle blog işinde her zaman orijinallikten yanayımdır. Birinde olan bir yazıyı bir daha yazmayı (tabii bahsi geçen yazı çok uyduruksa o ayrı 😀 ) her zaman boş iş olarak görürüm. Zaten onun için bu kadar az sıklıkta yazı çıkartabiliyorum. Aynı şey tema içinde geçerli herkeste olan bir temayı kullanmak sanki biraz beleşçilikmiş gibi geliyordu (ki aslında hiç alakası yok :D). Hazır okul bitmiş, huzura ermişken ne zamandır aklımda olan fakat kendime bir türlü güvenip de girişemediğim tema yapımı işine girdim…

Her ne kadar kağıt üzerinde programcı da olsam bu kodlama işinden hep uzak durmuşumdur. Hele hele web tasarımından zerre anlamam. Ama dediğim gibi şu ‘orijinal olma’ hevesim beni bu sürece itti. Aslında bu sene okul sayesinde epeyce bir CSS ve PHP bilgisi edinmiştim. Yinede kendimi bu konuda yetersiz gördüğüm için öncelikle ‘nasıl yapılır/edilir’i araştırdım. Birbirinin aynısı olan bir çok anlatımla karşılaştım. Daha ilk 5 dakikadan sırf hit çekmek için hazırlandığı belli olan birçok videolu anlatım izledim. Ama sonunda güzel bir anlatım buldum. Baştan sona izledim ve öğrendiğim şeyleri eş zamanlı olarak uygulamaya başladım.

Yukarıdaki linke tıklarsanız 8 videodan oluşan bir anlatım göreceksiniz. İngilizcesi anlaşılır olduğu için zorlanacağınızı sanmam (ben bile anladıysam sorun yok demektir). Photoshop üzerindeki tasarım aşamasından başlayıp, PHP ile kodlama aşamasıyla biten bir anlatım. Benim açımdan çok yararlı oldu bu videolar. Hem yeni fikirler edindim hem de bilmediğim bir çok yeni kod öğrendim 😀

Tema hazırlarken ilk adım aklınızdaki tasarımın tüm ayrıntılarıyla Photoshop üzerinde dizayn etmek. Az çok Photoshop bilenler için bu kısım en basit adımmış gibi gelse de eğer benim gibi ‘ya kusursuz olsun ya da hiç olmasın’cılardansanız epey uğraştırıcı bir süreç. Tabii ki grafiker olmadığım için bütün görselleri tek tek sıfırdan oluşturmadım ama kullanacağım görselleri araştırıp bulmak ve sitede kullanabileceğim şekle getirmek epey bir zamanımı aldı. (Aşağıda tema içinde kullandığım tüm imajları görebilirsiniz.)

 

Photoshop üzerinde tasarım yapmak sonsuz bir süreç. Mutlaka kendinizi kontrol edip “tamam, bu kadar yeter artık” demeniz lazım. Yoksa sürekli “acaba şurayı biraz daha mı küçültsem?”,  “şuranın arkaplanı sanki olmadı gibi”, “şu butonun gölgesini biraz daha koyulaştırsam mı?” derken bir türlü tasarımı biteremiyorsunuz 😀 Benim tasarımım da, “tamam işte budur!” dediğim yere kadar epey bir değişiklik geçirdi.

CSS kısmında fazla zorlandığımı söyleyemem. Biraz düzensizce yazsam da kendi çapımda ayrıntılı ve güzel bir stil dosyası ortaya çıkartabildim. Tabii bu süreçte CSS’in bilmediğim ne çok özelliği varmış onu da görmüş oldum 😀

Son olarak PHP kodlama işine giriştim. Her acemi gibi ben de sıfırdan yazmak yerine var olan bir temanın PHP dosyalarını düzenleyerek halletim bu aşamayı. Yukarıda verdiğim video serisinde olmayan pek çok WordPress bileşeninin kodunu ve kullanım şeklini Cem Demir isimli bir bilir kişiden edindim (kendisine çok teşekkür ediyorum bu vesileyle).  Şimdi diyeceksiniz ki “codex.wordpress.com varken niye bu kadar kastın?” açıkcası codexte benim gibi cahil cühela için güzel bir anlatıma henüz rastlayamadım 😀

Temamın altında ‘son dinlediğim şarkılar’ ve ‘son tweetlerim’ kısmını da internetten hazır scrriptler kullanarak hallettim. Tam olarak istediğim formu verene kadar epey cebelleştim ama az buçuk halletim. Gerçi ‘son tweetlerim’ bölümü pek içime sinmedi ona bir ara zaman ayıracağım 😀

Sonuçta beni epey bir süre götürebilecek bir temam oldu. Biraz uğraştırıcı oldu ama yaparken çok zevk aldım gerçekten…

Tarih:İnternet

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir