Tarih Girdilerini Biçimlendirme

Dinamik resimleri bloğumun tarih girdilerinin yerine kullanan kendi yaptığım basit bir hack yöntemini açıklayacağım. Sizde aynısını uygulamak için sadece basamakları takip edin. 5 adımda bunu yapacağız.

1- Photoshop\’ta kendi tarih resimleri şablonunuzu hazırlayın. Ayın günü ve yılı birbirlerinden ayrı ve birbirleri üstlerine gelmeyecek şekilde düzenlediğinize emin olun. Örneği inceleyin:

2- Photoshop’ta Ruler Guide\’ı kullanarak, şablonunuzu 3 parçaya ayırın.

3- Şimdi kullanacağın tarih formatını belirlemen gerekiyor. Benimkinde haftanın günü (pazartesi salı çarşamba…), ayın kaçı olduğu ve ay yer alıyor. Şimdi parçalanmış temayı (sliced template) kullanarak kendi resimlerimizi yapalım ve resimde belirtilene göre adlandıralım. Örnek olarak haftanın günleri için mon.gif, tue.gif, … sun.gif; ayın günleri için 1.gif , 2.gif… aylar için jan.gif, feb.gif,… dec.gif.

(Not: Tarih isimlerini kısaltmadan tam olarak kullanacaksanız, tüm GIF dosyalarını aynı formatta isimlendirmeniz gerekiyor.)

4- Artık WordPress\’in tarih fonksiyonunu hackleyerek yazıları resimlerle değiştirmeye hazırız. WordPress tema dosyanızı açın ve düzenlemek üzere index.php dosyasını bulun. (Not: Kullandığınız temaya göre bu dosyanın adı farklılık gösterebilir.)

5- Aşağıda gösterilen tarih fonksiyonunu bulun:

[php]< ?php the_time(\’D, M j\’) ?>[/php]

Bu kodu aşağıda belirtildiği gibi 3 parçaya ayırmanız gerekiyor:

[php]< ?php the_time(\’D\’) ?>
< ?php the_time(\’M\’) ?>
< ?php the_time(\’j\’) ?>[/php]

Şimdi kodları resim karşılığı verecek şekilde düzenliyoruz:

[php]

< ?php $d = strtolower(get_the_time(\’D\’)); echo ("< img src= \’wp-images/{$d}.gif\’ > “); ?>
< ?php $m = strtolower(get_the_time(\’M\’)); echo ("< img src= \’wp-images/{$m}.gif\’ > “); ?>
< ?php $j = strtolower(get_the_time(\’j\’)); echo ("< img src = \’wp-images/{$j}.gif\’ > “); ?>

[/php]

Eğer farklı bir tarih formatı kullanıyorsanız tarih formatı parametresi stringini kontrol etmeniz gerekecektir.