Websitelerimiz şık ve interaktif görünmek zorundadır, en azından kullanıcılara hitap edebilmek için. Bu sebeple css sihirleri yapmak güzel bir düşünce olabilir, çünkü kullanıcılara hitap; yalnızca görünümle ve kullanım kolaylığı ile oluşacak bir durumdur. Bu makalemizde, css sihirlerinden biri olan tarihe göre otomatik css işlemini anlatacağız.
İçindekiler
Bu işlem websiteme ne gibi bir etki yaratır?
Bunu şöyle bir örnek vererek açıklayabiliriz. Örneğin yakın zamanda 8 Mart Dünya Kadınlar Günü’nü atlattık. Bu işlem sayesinde websitenizi ziyaret eden kadın kullanıcılara bugüne özel bir jest yapabilme imkanına sahip olacaksınız. Tarih 8 Mart ile eşleşince arka plan rengini pembe hale getirmek bunun en basit ve yaratıcı bir örneğidir. Bu işlem tamamen otomatik olacağı için sizin herhangi bir müdahaleniz söz konusu olmayacaktır.
Yararı nedir?
Website sahiplerine göre bir numaralı motive kaynağı kullanıcılardan gelen geri bildirimlerdir. Kullanıcılar sitenin interaktif ve kullanıcı deneyimi konusunda iyileştirilmiş bir site olduğunu anlayınca mutlu olacak ve sitenizi yer imlerine ekleyeceklerdir. Bu daha sonra ekleyeceğiniz içerikler için başlı başına bir numaralı trafik kaynağıdır.
Tarihe göre css nasıl çalıştırılır?
Tarihe göre css çalıştırma aslında kolay ve basit bir işlemdir. Sizler için kod parçacığını Github’a ekledik ve paket olarak yayınladık. İlgili github paketine ilerlemek isterseniz bu bağlantıya tıklayabilirsiniz.
Kod
<?php
$tarihler = ['10-29', '04-23', '05-19', '08-30', '01-26']; // m-d formatında (ay-gün)
if (in_array(date('m-d'), $tarihler)) { ?>
<style>
body {
background-color: rebeccapurple;
}
</style>
<?php }
Code language: HTML, XML (xml)Yukarıda bulunan kodu açıklayacak olursak, gün-ay şeklinde belirtmiş olduğunuz tarihe gerçek hayatta geldiğimizde ekli olan css kodu otomatik o gün boyunca çalıştırılacak ve gün bitiminde otomatik olarak pasifleştirilecektir.
Aklınıza takılan tüm soruları yorumlar alanına bırakabilir, bizi sosyal medya hesaplarımızdan takip edebilir ve paylaşabilirsiniz.
