Ne mutlu bugünleri de gördüm diyerek başlamak istiyorum sözlerime çünkü gerçekten yoğun bir süreç nedeniyle sitemi bir türlü yenileyememiştim. Bu da insan üzerinde stres yaratıyor doğal olarak. Neyse ki artık Yakuter.com için yeni bir dönem başlıyor, yCenk dönemi.
Temayı kısaca yeniledim demek yerine kullandığım tekniklerden, eklentilerden ve yeniliklerden bahsetmek istiyorum. Böylece çalışmalarımda hem tasarım hem de kodlamada nelere dikkat ettiğimi görebilirsiniz.
Tasarım
Uzun bir süre severek kullandığım eski temanın (yfd – yakuter fallen design) tasarımcısı Fallendesign iken bu temada Cenk Akyıldız ile çalıştım. Doğal olarak temanın ismini de yCenk koymuş oldum. Temada göreceğiniz logo ise Hasan Yalçın tarafından çizildi.
Önceki temada olduğu gibi bu temada da tasarım elime Photoshop dosyası (.psd) olarak geldi ve hem CSS/XHTML kodlamasını, hem de WordPress bütünleştirmesini (entegrasyon) ben yaptım. Hazır konusu açılmışken şu yazımı hatırlatmakta fayda var: CSS / XHTML’in Olmazsa Olmazları
Yeni Tema
Eski Tema
Kodlama
Kodlarken dikkat ettiğim hususlar şunlardı;
- Her adımda SEO’yu düşündüm ve ona göre seçtim kullandığım etiketleri (h1, h2 vb.)
- Temanın Web Standartlarına uymasına dikkat ettim. Sonuç olarak da her türlü W3C doğrulamasından geçmesi için uğraştım. CSS kısmının standartlar konusunda birkaç eksiği var ama XHTML’de hiç hata kalmadı. (bkz. XHTML doğrulama)
- Mevcut popüler internet tarayıcılarında hep aynı görünümü elde etmek için uğraştım. Yaptığım kontroller sonucunda IE6, IE7, IE8, Firefox, Chrome, Opera ve Safari tarayıcılarında büyük oranda aynı görüntüyü elde ettiğimi gördüm.
- Hem CSS, htm de PHP dosyalarının kaynak kodlarını temiz ve bol yorumlu şekilde yazmaya çalıştım. Böylece neyi nasıl yaptığımı merak eden arkadaşlar kaynak kodlardan rahatlıkla faydalanabilirler.
- Temayı aynı Photoshop resminde olduğu gibi elde edebilmek için bazı eklentilerin kodlarıyla oynadım, sitenin en altındaki yorumlar bölümü gibi yerler için de kendime yeni eklenti yazdım.
- Sitede yazı tipi konusunda radikal bir karar alarak sitenin tamamında Calibri yazı tipini kullandım. Tarayıcı farklılıklarını da ortadan kaldırmak için @font-face teknolojisinden faydalandım. İlerde bu konuyu ayrı bir makale olarak ele alacağım.
Uzmanlar Sayfası
Günümüzde artık herkes uzman olduğunu iddia ediyor. Doğal olarak gerçek üstadların arkaplanda kalabiliyor. Potansiyel müşteriler de uzmanlar yerine kendini uzman zanneden kişilerin işçiliği karşısında zor duruma düşüyorlar. İşte bu nedenle kalitesini bildiğim, güvendiğim ve kendisine referans olabileceğim kişileri tanıtmak için Uzmanlar sayfasını oluşturdum.
Araçlar Sayfası
Araçlar sayfası da önceki temadan sonra şekil vermek istediğim bir sayfaydı. Bu sayfada okuyucularım için yazacağım/üreteceğim uygulamaları tanıtacağım. Büyük ihtimalle hemen hepsi ücretsiz olur ama yine de ilerde ne paylaşacağım belli olmaz. Bu nedenle peşin konuşmamakta fayda var.
Konuk Yazar Uygulaması
Bundan sonra sitemde konuk yazarlara da yer vereceğim. Konuk yazarlar ile daha faydalı ve özgün içeriğe sahip bir günlük ile içerik üretmeye devam edeceğiz. Özellikle de Tasarım kategorisindeki yazılarda artış görüleceğini umuyorum. Eğer siz de Yakuter.com’da yazı yazmak isterseniz iletişim sayfasından benimle irtibata geçebilirsiniz. Her yazının sonunda yazarın tanıtılacağını da bilmenizi isterim, aynen şu şekilde:
Yorumlardaki Değişiklik
Yakuter.com’un yorumları bundan sonra IntenseDebate‘e emanet. Bu güzel ve güçlü eklentiyi uzun zamandır duyuyordum ama kullanmaya vakit bulamamıştım. Şuana kadar bir sıkıntı yaşamadım ama yine de kullanmayı düşünürseniz internetten bir araştırma yapmanızı tavsiye ederim. Çünkü bu eklenti için olumsuz yorum yapanlar da bulunuyor.
Son Sözler
yCenk teması ile sizlere çok daha kaliteli ve faydalı bir günlük sunmaya çalışacağım. Her değişikliğin insanın şevkini artırdığı gibi temanın güzelliği de -ben şahsen çok beğeniyorum- insanı yazmaya yönlendiriyor. Konuk yazarların da katkısıyla Yakuter.com’un kısa zamanda daha çok daha güzel makaleler yayınlayacağını umuyorum. Tabi bu gelişmelerin ancak sizin yorum ve eleştirilerinizle olgunlaşacağını da unutmamak lazım.
Sözlerimi burada sonlandırırken temayı çizen ve çizdikten sonra da desteğini eksik etmeyen Cenk Akyıldız’a, ayrıca gerek fikirleriyle gerek çizdiği harika logoyla katkıda bulunan Hasan Yalçın‘a ve son olarak değerli eleştirileriyle beni doğru temaya yönlendiren okuyucularıma gönülden teşekkür ederim.
Yeni yazılarda ve hararetli tartışmalarda görüşmek dileğiyle…
Hayırlı olsun Cenk'in yaptığı işler her zaman kalitelidir. 3 kere tasarım yaptı 3'ü de 10 numara. :)
Bu arada link çıkışlarına baktım da hepsi dofollow sanırım.
Evet Turgay hepsi dofallowdur, o konuda ben hiç kasmam. Arama motorları diledikleri gibi takip etsinler benden çıkışları. Zaten insanları yönlendirmek için o bağlantıları koyuyorum yazılarıma ;)
O halde ona göre dikkatli olmam lazım verdiğim bağlantılarda. Teşekkür ederim hatırlatma için ;)
Peki eski tasarımı paylaşmayı düşünüyor musunuz? :)
Golden, malesef o tema yakuter.com için tasarlanmıştı, öyle bırakmaya da niyetliyim. Ama yine de Fallendesign ile bir görüşeyim. Bakarsın dağıtırım ;)
Hayırlı olsun :) bu arada intensedebate nedir? Ben üye değilima ama turklerklani olarak giris yaptiniz diyorda :P neyse şu anki tema gerçekten çok hoş.
Türklerklani, IntenseDebate yine WordPress kurucularının sahibi olduğu bir sistemi. Sadece WordPress değil birçok sistem ile kullanılabiliyor. Mantık kısaca yazılan yorumların yönetmek. WordPress için siteye bir yorum yazdın diyelim bu yorum kendi veritabanına kaydediliyor ama ayrıca IntenseDebate veritabanına da kaydediliyor. Ve daha sonra yorumlar IntenseDebate veritabanından çağırılarak görüntüleniyor. Kısacası WordPress'in yorum sistemi ikinci planda kalıyor.
IntenseDebate WordPress.com kullanıcı girişlerini de otomatik olarak kabul ediyor. Belki o yüzden seni direk giriş yapmış olarak göstermiştir.
Çok teşekkür ederim hoş birşey keşke wordpress.com'a gelse :). Oraya üyeyim evet güncellemiyorum diye bana böle bişe vermiolar.
hayırlı uğurlu olsun. herşey süper olmuş
Teşekkürler Burak, her şey aslında sunucuda bitiyor :)
hiç bişey sunucuda bitmiyor kardeşim senin güzelliğin yeter
Çok güzel olmuş, ben çok beğendim, hele yazar uygulamalarını…
Teşekkür ederim Erdal. Konuk yazar olarak da beklerim. Damacana'nın gönlümüzdeki yeri ayrıdır ;)
Erhan gerçekten çalışması keyifli bir tasarımdı.
Sabah msn'i açtığımda bir arkadaşım bundan bir önceki yeni temanı göstermişti. Fokur fokur kaynadım resmen. Anında kaldırmana sevindim ve bu vesileyle şimdiki halini aldı.
Güle güle kullan bro :)
Cenk çok teşekkür ederim bu güzel tasarım ve tasarım bittikten sonraki desteğin için. Şimdi artık tasarım konularında yazılarını bekliyoruz, haberin olsun :)
Yeni tasarımınız hayırlı olsun. Sade görünümlü çok başarılı bir tasarım olmuş. Cenk bey bu işi biliyor :)
Küçük bir ayrıntı gözüme takıldı belirteyim de eksik kalmasın: Footerdaki "Son Yorumlar" başlığı için arkaplanının alt kısmı genel arkaplan ile uyumsuz olmuş. Sanıyorum ekran widescreen olduğu için bende kaymış şekilde gözüküyor.
Ali Bey, teşekkür ederim uyarınız için. Şimdi düzelmiştir umarım?
Hayırlı olsun, çok güzel oldu gerçekten :)
Bence de gayet güzel oldu :)
Yeni teman hayırlı olsun. Gerçekten güzel bir çalışma olmuş. Özellikle yeni bölümlerin çok güzel oldu. Başarılar… :)
Teşekkür ederim Şenol, beğenmene sevindim ;) Bu arada senin de yeni işin hayırlı olsun :)
Sağolasın. :)
Gerçekten siteye girince insanın içini açacak bir tema olmuş. 2-3 gündür yorum yapmak için bekliyordum bu konuyu açmanızı :) Gerçekten şaşırdım, temaya geçiş yapmıştınız fakat tema ile ilgili konu açmamışdınız henüz ve başka konu açmıştınız. Herhalde tema ile ilgili yazı yazmayacak diye düşünürken bugün gördüm daha ;) Neyse gerçekten çok başarılı olmuş fakat ben yorum formu olarak intensedebate'yi beğenmiyorum. WordPress'in orijinal yorum formları çok daha kullanışlı ve göze daha çok hoş geldiğini düşünüyorum tabii ki bu benim fikrim. Tekrar hayırlı olsun, 2-3 yıl bu temayı kullanmanız dileğiyle :)
@Enes, çok teşekkür ederim değerli yorumun ve amansız takibin için .) Bu yazıyı yazmak için eksiklerin tamamlanmasını bekledim. Malum test yayınındaydım ve dün gece (10 Haziran 2010) itibariyle normal yayına geçmiş bulunuyorum.
Yorum bölümünde haklı olabilirsin ama IntenseDebate gerçekten işleri çok kolaylaştırıyor :)
2-3 yıl değil de 1 yıl kullanırım sanırım :)
Tebrikler :) Gerçekten beğendim.
yCenk gerçekten güzel olmuş. Emeği geçen herkesin eline sağlık. Uzun bir süre bu güzel arayüzle, güzel yazılarını okumak istiyoruz. Hayırlı olsun..
Hayırlı olsun. Yeni teman çok daha güzel olmuş. İntenseDebate yorum formuna geçmen de yerinde bir karar bence… Ben uzun süredir Blogger blogumda intensedebate yorum formunu kullanıyorum. Gayette memnunum.
Harika bir tema, hayırlı olsun
hayırlı olsun yeni tema… çok hoş olmuş..
Hayırlı olsun Erhan abi.Çok güzel bir tema.
Sevgili Erhan;
Sana bu temanı faaliyete geçirmeden önce temayı Cenk arkadaşımızın sitesinde gördüğümü ve çok beğendiğimi belirtmiştim. Ama site üzerinde temayı görmek çok daha güzel ve insanı okumaya yönelten bir cazibesi var. Yeni Temanla bir ömür boyu bloglman dileğiyle…
Sidebarda ki boşluğu güzel ve ilgi çekici yazılımlar, eklentiler gibi özellikler ile donatırsan çok güzel olur.
Görüşmek dileğiyle….
Teşekkürler bu güzel düşünceler için. Bende bu temayı çok sevdim. Umarım çok güzel makalelere imza atacağız bu tema ile.
Saü taraftaki boşluk hakkında tavsiyeni de göz önünde bulunduracağım ;)
Yeni temanızı çok sevdim. Okumaya devam. :)
Oldukça güzel olmuş elinize sağlık. jquery.lightbox-0.5.css ve jquery.lightbox-0.5.min.js dosyalarının bulunamaması dışında bir sorun gözükmüyor. :)
İbrahim Bey, çok teşekkür ederim. Bahsettiğiniz kodları silmeyi unutmuşum, iyi olduğu tespit ettiğiniz :)
Bu arada Codeigniter Eğitim Setinizi tebrik eder, hayırlı satışlar dilerim.
Teşekkürler. :)
Tasarım diye ben buna derim! ;)
Teşekkürler ;)
IntenseDebate eklentisinde Yönetici yorumlarını nasıl renklendirdin hocam :)
Ben hiçbir şey yapmadım, ne yaptıysa eklenti kendi yaptı. Ben sadece eklentiyi yönetim panelinden aktifleştirdim, o kadar :)
Abi yeni sistem hayırlı olsun uzmanlar bölümünü çok iyi düşünmüşsün
birde elektrik , elektronik bölümü mezunu olduğunu yeni öğrendim elektronik ile ilgili yazılarını bekliyoruz :D
iyi çalışmalar abi sevgiler saygılar
bu arada diğer tarayıcıları bilmiyorum ama firefox üzerinde font çok silik okuması yoruyor :(
Güle güle kullanın. :) Gerçekten hoş tasarım.
Yeni teman hayırlı olsun Erhan. Bir sorum olacaktı. Photoshop dosyasından CSS/XHTML kodlamasını, hem de WordPress bütünleştirmesini (entegrasyon) bir yazında biraz da olsa nasıl yaptığını anlatabilir misin?. Özellikle PSD'den WordPress'e nasıl entegre edileceğini anlatan bir yazı yazarsan çok sevinirim…
WordPress teması oluşturma olayını ikiye bölmek lazım. Aynen dediğin gibi 1. aşama PSD'den CSS/XHTML'e, 2. aşama ise CSS/XHTML'den WordPress temasına.
1. Kısım için Fatih Hayrioğlu'nun çok güzel bir yazı dizisi var, onu tavsiye edebilirim.
http://www.fatihhayrioglu.com/fanatikmarslar-com-…
http://www.fatihhayrioglu.com/psdden-htmle-%E2%80…
2. Kısım için de benim yazılmış Türkçe makaleler var.
Kişisel fikrimi soracak olursan malesef makaleler bu konuyu anlatmaya yetmiyor. Bunun için güzel bir video hazırlamak lazım. Özellikle de WordPress bütünleştirmesi için. İnşallah ilerde bu konuyu enine boyuna anlatmaya fırsat bulurum.
hayırlı olsun güle güle eskitin :)
eğer böyle profesyonel bir tasarıma ihtiyacım olursa( ::ki yakın zamanda düşünüyorum) kimlerin kapısını çalacağımda belli oldu …
Teşekkürler Uğur, her zaman beklerim :)
Değişim iyi olmuş. Önceki temadan çok daha iyi olduğunu rahatlıkla söyleyebilirim. Konuk yazarlık ve yorum sistemi ilgi çekici..
Nihayet bir değişiklik olması çok güzel. Bir süredir bloguna uğramıyordum ama yeni yüzüyle görmek iyi oldu.Hafif diyet tasarım olarak nitelendiryorum şu anki tasarımı. Logoyu beğendiğimi söyleyemeyeceğim. Hayırlı olsun diyorum.
Temagüzel olmuş hayırlı olsun. Ancak Operada yazı boyutları ve bazı bölümlerde padding problemi var. Özellikle Cevapla butonu bir alt yorumla birleşik gibi duruyor. Yazı bilgileri bölümünde "xx Yorum" ibaresi biraz kaymış. Sanırım kullandığın fontu opera tanımıyor. Tüm sorunlar bundan gibi. Çünkü times new roman gibi görünüyor operada. Oysa Mozillada gayet normal.
@Özgür, söylediğin hatayı başkasından da duydum. Bu nedenle metin kısmındaki yazı stilini Tahoma yapmayı düşünüyorum ama bakalım, hayırlısı. Teşekkür ederim güzel yorumların için ;)
Göze hoş gelen kullanışlı bir tema olmuş. Ben çok beğendim. İkinizin de eline sağlık.
Çok güzel bir tema olmuş. özellikle font-face makalesini bekliyorum.
Tema gerçekten hoş olmuş
Cenk Bey işini iyi yapan cinsten :)
Gerçekten gördüğüm en güzel temalardan biri olmuş, hayırlı olsun.
Tema gerçekten çok güzel yapılmış.
Yeni görmedim fakat, yorum yapmak bu zamana nasipmiş.. Yine başarılı çalışma olmuş.. Yaptığınız herşeyde olduğu gibi.. Cenk bey'i de kutluyorum..
Güle güle kullanalım inşallah. ;) Hörmetler.
süper bir theme olmuş bende iterim
Tasarım gerçekten çok hoş olmuş. Başarılarının devamını dilerim.
bize yokmu :D çok beğendim
sitenizin tasarımı çok güzel olmuş başarılar dilerim.
valla çok hoş tema hayırlı olsun
tasarım hoş olmuş.hayırlı olsun
Logo bana blogcu.com sitesinin logosunu anımsattı.
Temayı gerçekten çok beğendim. Türklerin elinden böyle kusursuz temaların çıkması çok sevindirici. Yakuter'in yeni dönemi hayırlı olsun :)
eline koluna sağlık hocam