Bazı Kategorilerde ki Yazıları Anasayfada Gizlemek

Çoğu arkadaşımız bazı kategorilere ekledikleri yazıları anasayfalarında göstermek istemeyebiliyorlar. Örneğin şuan da kullandığın temada sidebar kısmında son dinlediklerim ve son izlediklerim kategorilerine ait yazıları gösterirken, aynı yazıları anasayfa da göstermem saçmalık olurdu ya da bazı arkadaşlarımız sitelerine ekledikleri tanıtım yazılarını veya hit amaçlı makaleleri anasayfaların da göstermek istemeyebiliyorlar. İşte tüm bu durumlara çözüm getirecek bir yöntem paylaşacağım sizlerle.

Daha önceki yazılarda da belirttiğim gibi, bu tip konularda eklenti kullanmaktan kaçınıyorum. Hemen hemen tüm işlemlerimi kodlar ile halletmeye çalışıyorum çünkü eklentiler gereksiz yere sistemi yoruyorlar. İşte bazı kategorilerde göstermek istemediğimiz yazıları da functions.php dosyamıza ekleyeceğimiz birkaç satır kod ile, anasayfadan gizleyeceğiz.

Öncelikle arkadaşlar functions.php dosyamızı açıyoruz ve <?php ?> etiketleri arasına aşağıda ki kodları ekliyoruz. Kodlarda ki “-1123”, “-1181” gibi değerlerin yerlerine ansayfada yazılarını gizlemek istediğiniz kategorilerin ID numaralarını yazmanız gerekiyor. Kodda ki örneğe göre istediğiniz kadar değer girebilirsiniz.

function burakisciKAT($query) {if ($query->is_home) {if (!$query->get('cat'))  {$query->set('cat','-1123,-1181');}}return $query;}add_filter('pre_get_posts','burakisciKAT');

CSS ile Sekmeli(Tab) Menü Yapımı

Sekmeli menümüzü Doug Bowman’ın Sliding Doors tekniği ile yapacağız. Bu teknik bize esnek yapılı, yuvarlak kenarlı sekmeli menü yapma olanağı sağlar. Adım adım gidersek;

1.Adım Başlangıç olarak her zamanki gibi XHTML kodumuzu yazalım:

<ul>
	<li><a href="#">Ana Sayfa</a></li>
	<li><a href="#">Haberler</a></li>
	<li><a href="#">Ürünler</a></li>
</ul>

Tekniğin özeti şu menü oluşturmak için hazırlanan XHTML kodunda sırasız listeler(li) bir zemin resmi(sekme_sag_resim.gif) ve link elementine(a) bir zemin resmi(sekme_sol_resim.gif) atayarak esneklik sağlamak.

2. Adım Daha önceki menü örneklerinden de alışkın olduğumuz margin,padding ve liste imgelerini kaldırma işlemini yapalım:

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 600px;
    float: left;
    border-bottom: 1px solid gray;
}

3. Adım Yukarıda bahsettiğimiz metodu uygulamak için iki adet resim hazırlamalıyız.

Bu resimlerin yüksekliklerinin uzun olmasının nedeni font boyutunun arttırılması(yakınlaştırma) durumunda iki satır olabilecek menülerde menü görünümünün bozulmaması içindir.

4. Adım Menüyü yatayda sıralamak için float:left tanımlaması yapıyoruz ve sağ zemin resmini(sekme_sag_resim.gif) uyguluyoruz:

ul li {
    float: left;
    background: url(images/sekme_sag_resim.gif) no-repeat top right;
}

5. Adım Daha önceki örneklerde gördüğümüz gibi tüm sekmeye link vermek için display:block tanımlaması yapıyoruz, sekmenin sol kısmını tamamlamak için zemin resmi olarak(sekme_sol_resim.gif) ekliyoruz, tüm sekmelerde aynı yüksekliği yakalamak için line-heighttanımlamasını yapıyoruz, text-decoration: none ile link alt çizgilerini kaldırıyoruz ve IE Mac ortamında sorun çıkarmaması için float:left ekliyoruz:

li a {
    background:url(images/sekme_sol_resim.gif) no-repeat left top;
    display: block;
    padding: 0 2em;
    line-height: 2.5em;
    text-decoration: none;
    float: left;
    color:#000;
}

6. Adım Güzel bir görünüm katmak için basit bir rollover efekti verelim:

ul a:hover {
	color: #9D9C9C;
}

Sonuç: Kodumuzu çalıştırdığımızda aşağıdaki sonucu elde edeceğiz. Tab menüye bir çok örnek var resimli, resimsiz, resimli rollover gibi; internette aratarak bir çok örnek bulabilirsiniz.