Yeni Monitör teknolojileri ile birlikte artık masaüstlerimizdeki monitörlerin derinlemesine kapladıkları alan azaldı ve enlemesine doğru genişledi. Yeni bilgisayar alan çoğu insan artık geniş LCD ekranları tercih ediyor. Bu durumda sitelerin de dar alanda kısa paslaşmalar yapmasına gerek kalmıyor. İnsan istiyor ki siteler otomatik olarak ekranın genişliğine uysun. Bunu WordPress için hazırlanmış olan K2 temasındaki stil dosyalarını editleyerek yapmak çok kolay. Epi topu yapılacak şey aşağıdaki birkaç satırı kopyalayıp doğru yere yapıştırmak o kadar. Bunu yapmak için öncelikle K2 ile beraber kullandığınız stil dosyasını (css) açıp içine şu satırları ekliyoruz :
body.flex #page { width: 98% }
body.flex #primary { width: 65% }
body.flex .secondary { width: 25% }
Bu arada benim bir ara kullandığım blackcell css’inde şöyle bir satır olduğu için tema fluid olmuyordu o yüzden kullandığınız css’te şöyle bir satır olup olmadığını kontrol edin :
#page {
background: black;
text-align: left;
margin: 0 auto;
padding: 20px 0 10px;
position: relative;
/* The entire template’s width is set in this class. */
width: 800px;
_width: 740px;
border: 0px solid #ddd;
border-top: none;
}
Bu segmentte bulunan width: ve _width: satırları işi bozduğu için bu satırları /* */ şeklinde yorum satırı haline getiriniz ki stilimiz elastikiyet kazansın
/* width: 800px;
_width: 740px; */
CSS dosyasıyla işimiz bittikten sonra K2 temasının header.php dosyasını açıp
<body class=”<?php k2_body_class(); ?>” <?php k2_body_id(); ?>>
satırına, class=” yanına flex kelimesini ekliyoruz. yani şöyle olacak :
<body class=”flex <?php k2_body_class(); ?>” <?php k2_body_id(); ?>>
Bundan sonra sitemize gidip çalışıp çalışmadığına bakmak kalıyor.
