If Yapılarına Devam : Belirli Bir Süreden Eski Yazılarda Uyarı / Bildirim Göstermek

Arkadaşlar merhabalar. 27.01.2013 tarihinden beri bu alanadı üzerinde, WordPress ile oluşturduğum kişisel bloğumda yazılar yazıyorum. Bugün eski bir yazıma denk geldim ve acaba bu kadar eski yazıları yayından kaldırmak mı gerekiyor diye düşünürken, yukarıda bir bildirim yaparsam daha mantıklı olur diye karar verdim. Çünkü gün geçtikçe teknoloji değişiyor, hayat şartları değişiyor, en önemlisi insanlar değişiyor. Farklı şeyler yaşayıp farklı tecrübeler edindikten sonra aynı şekilde düşünemeyebiliyorsunuz. Örneğin paylaştığım teknoloji/internet ile alakalı yazılarda da geçerli tabiki bu. Eski bir yazıda bir şeyin nasıl yapıldığını anlatmış olabilirim ama şuanda o sistem o kadar değişmiştir ki yazıda anlatılanlar geçerliliğini yitirmiştir..

Eski Yazılarda Uyaralım. Peki Nasıl?

Konuyu fazla uzatmadan olaya geçelim isterseniz. Alt yapımız WordPress ise belli bir süre öncesinde yazılan yazılarda basit bir şekilde bir bildirim gösterebiliriz. 1 yıldan eski yazılar, 2 yıldan eski yazılar gibi filtreleme yapabiliriz. Aşağıdaki kod ile 2 yıldan eski yazılarda uyarı gözükecektir. Temanızın single.php dosyasında, gözükmesini istediğiniz alana aşağıdaki kodları yapıştırabilirsiniz.

<?php if ( floor(( time()-get_the_time('U'))/86400) > 730) { ?>
<div class="eskiyazi">
<i class="fa fa-warning"></i> Bu yazı <?php the_time('d.m.Y'); ?> tarihinde yazıldı. O günden bu güne bir çok şey değişmiş ve yazı geçerliliğini yitirmiş olabilir.
</div>
<?php } ?>

Yukarıdaki kodlarda 730 rakamı 2×365’i temsil ediyor, yani 2 yılı. Bu alanı istediğimiz şekilde değiştirebilir, istediğimiz filtreyi uygulayabiliriz. Ek olarak, fa-warning ikonunu seçtiğimiz alan FontAwesome ile çalışıyor. Eğer icon gelmezse buradaki yazıdan FontAwesome’ı sitenize nasıl ekleyeceğinizi görebilir ya da o bölümü silerek ikon olmadan kullanabilirsiniz.

Görünümünü De Düzenleyelim

Yukarıdaki kodlar sadece bir ikon ve bir yazı ekleyecektir ancak bu uyarıyı ön plana çıkarmak veya şekilden şekile sokmak tabiki bizim elimizde. CSS kodları yardımı ile bu işlemleri gerçekleştirebilirsiniz. Aşağıda kişisel bloğumda kullandığım haliyle stil kodlarını paylaşıyorum. Üzerinde dilediğiniz değişiklikleri yapıp style.css dosyanızda bir yere yapıştırabilirsiniz.

.eskiyazi { box-shadow:inset 0 0 0 1px red; height:40px; margin-bottom:20px; width:100%; font-weight:bold; background:e8e8e8; color:#333; text-align:Center; line-height:40px; float:left; font-size:13px; }

Başka bir yazıda tekrar görüşmek üzere arkadaşlar.
Kendinize iyi bakın!