Sitil diyerek artık günümüzün vazgeçilmezi olan sitelerimize şekil veren CSS dosyalarını kastediyorum. Farzedin ki siteniz turuncu ağırlıklı fakat kullanıcıların sitenizin rengini istedikleri zaman değiştirebilmesini istiyorsunuz. Bunu yapmak düşündüğünüzden çok daha kolay. Tek yapmanız gereken sitil dosyasınızın(.css) dinamik olarak değiştirilebilmesini sağlamak. Gelelim bunu nasıl yapacağınıza.

Bunu yapmanın birçok farklı yolu var. Genel olarak makalelerimde yapmaya çalıştığım gibi bu yazımda da amacım size işin mantığını anlatmak. Üzerine kat döşemek size kalmış ;)

Ben kendi yöntemim olan php ile çerezleri kullanarak sitenin sitil dosyasını değiştirmeyi göstereceğim. Çalışma mantığı şöyle:

Kullanıcı sitenizde Mavi ve Turuncu isimli iki baÄŸlantı görecek. Mavi’ye tıklayınca degistir.php isimli dosyaya mavi deÄŸiÅŸkeni gidecek. Bu dosya sizin belirleyeceÄŸiniz bir ismiyle içinde mavi deÄŸerini almış deÄŸiÅŸkeni barındıran bir çerez yaratıp yeniden kullanıcıyı sitenize yönlendirecek. Siteniz, açılırken önceden oluÅŸturulmuÅŸ çerezi kullanıcının bilgisayarında arayacak ve eÄŸer yaratılmışsa siteniz, kullanıcının belirttiÄŸi renkte açılacak site.

Öncelikle sitemin “turuncu.css” ve “mavi.css” isimli iki adet sitil dosyası olduÄŸunu varsayıyorum. Turuncu’da tüm linklerin ve baÅŸlıkların turuncu, mavide de mavi olduÄŸunu düşünün.
Not: Wordpress için düşünürsek mutlaka temanızın bir de “style.css” dosyası olması gerekiyor.

Yazının devamında belirteceÄŸim “stil_degiskeni” yazan yerlere kendi isteÄŸiniz doÄŸrultusundadiÄŸer sitelerden ayırt edilebilecek bir isim yazınız. Sitenizin ana dizininde “degistir.php” isimli bir dosya yaratın ve içine ÅŸu kodu ekleyin:

< ?php
$theStyle    = $_GET['stil_degiskeni'];
setcookie("stil_degiskeni", $theStyle, time()+36000, "/", "");
header("Location: index.php");
exit;
?>

Sitenizin/temanızın < head > … < / head > etiketlerinin arasına ÅŸu kodları yazın.

< ?php
if (isset($_COOKIE["stil_degiskeni"])) $cerez=$_COOKIE["stil_degiskeni"];
switch($cerez)
 {
  case "turuncu":
       break;
  case "mavi":
  case "":
       $cerez = "mavi";
       break;
 }
	$adres=get_bloginfo('template_directory'); //Eger wordpress degilse buraya sitenizin adresini yazin.
	$cerez='<link rel="stylesheet" href="'.$adres.'/'.$cerez.'.css" type="text/css" media="screen" />';
	echo $cerez;
?>

Bu kodun anlamı şudur. Eğer çerez oluşturulmuşsa kullanıcının bilgisayardaki çerezden sitenin renk değişkenini alıyor ve siteniz belirtilen sitil dosyası ile açılıyor aksi halde yani çerez yaratılmamışsa yine varsayılan olarak mavi.css dosyası ile açılacaktır. Eğer Wordpress için oluşturuyorsanız bu dediklerimi sitil dosyalarınız temanızın içinde olmalı.

Son olarak kullancılarımıza sitemizin rengini değiştirecekleri bağlantıları sunucaz.

<a href="degistir.php?stil_degiskeni=mavi&phpMyAdmin=kg4cOVPgi2dQIEGuJWfgcJ1d8o4">Mavi</a>
<a href="degistir.php?stil_degiskeni=turuncu&phpMyAdmin=kg4cOVPgi2dQIEGuJWfgcJ1d8o4">Turuncu</a>

Umarım beğenirsiniz. saygılar sevgiler ;)