Wordpress Her Kategori Ayrı Renk Nasıl Yapabilirim ?

27-04-2013, 02:00:03

Merhaba Arkadaşlar.

Başlıkta Belirttiğim gibi her kategori ismini farklı renk yapmak istiyorum yardımcı olurmusunuz ?

Kategoriler:

KATEGORİ-1
KATEGORİ-2
KATEGORİ-3
KATEGORİ-4
KATEGORİ-5

27-04-2013, 02:07:40

#2

~~ElmasCreative~~

Üyeliği durduruldu

yapman gereken kategoriye özel css kodu göstertmek.

Örnek

<?php if( in_category(1) ) { ?>
<style type="text/css">background: #000;</style>
<?php } ?>
Eğer kategori id'si 2 olan kategorinin beyaz siyah yapmak istiyorsan da yine </head> tagından hemen önce şu kodu yerleştir:

Kod:
<?php if( in_category(2) ) { ?>
<style type="text/css">background: #FFF;</style>
<?php } ?>

27-04-2013, 02:09:59

#3

KRaLBaY

Bunu hangi dosyada yapmam gerekiyor ?

27-04-2013, 02:15:15

#4

~~ElmasCreative~~

Üyeliği durduruldu

CSS ile bir kutu hazırlıyoruz. Ve transition sayesinde kutunun üzerine gelince renk değiştirmesini sağlıyoruz.

1
#aw_table3 a{
2
transition:background .3s ease,background .3s linear;
3
-moz-transition:background .3s ease,background .3s linear;
4
-o-transition:background .3s ease,background .3s linear;
5
-webkit-transition:background .3s ease,background .3s linear;
6
-ms-transition:background .3s ease .3s
7
}
8
 
9
#aw_table3 a{font:bold 12px Arial, Helvetica, sans-serif; background-color:#666; color:white; padding:15px 50px 15px 50px;margin:0px; text-decoration:none;}
10
<span style="font-family: Consolas, Monaco, monospace;">
11
</span>#aw_table3 a.birinci:hover{background-color:#d93d4a;}
12
#aw_table3 a.ikinci:hover{background-color:#3d69d9;}
13
#aw_table3 a.ucuncu:hover{background-color:#3dd96d;}
14
#aw_table3 a.dorduncu:hover{background-color:#d9ba3d;}

Yukarıdaki kodları CSS dosyamızda veya <style type=text/css>BURAYA</style> tagları arasına yazıyoruz.

1
<div id="aw_table3">
2
<a href="#" class="birinci">Link 1</a><a href="#" class="ikinci">Link 2</a><a href="#" class="ucuncu">Link 3</a><a href="#" class="dorduncu">Link 4</a>
3
</div>

27-04-2013, 10:17:37

#5

ForsBey

ElmasCreative adlı üyeden alıntı: mesajı görüntüle

yapman gereken kategoriye özel css kodu göstertmek.

Örnek

<?php if( in_category(1) ) { ?>
<style type="text/css">background: #000;</style>
<?php } ?>
Eğer kategori id'si 2 olan kategorinin beyaz siyah yapmak istiyorsan da yine </head> tagından hemen önce şu kodu yerleştir:

Kod:
<?php if( in_category(2) ) { ?>
<style type="text/css">background: #FFF;</style>
<?php } ?>

kardeş is_category() ?

27-04-2013, 11:41:47

#6

cudjex

kategorileri büyük ihtimal wp_list_categories ile listeliyorsunuzdur.
style.css e en alta ekleyin şu şekilde :

li.cat-item-KATEGORİ_İDSİ a { color:İSTEDİĞİNİZ_RENK }
/* örnek :
li.cat-item-35 a {color:#555666}
li.cat-item-49 a {color:#453211}
*/

27-04-2013, 14:02:24

#7

P90X

bunun farklı bir yolu daha vardı.
kategori düzenlerken açıklama veya başlık kısmıydı tam hatırlamıyorum oraya renk veriyorduk bu şekilde oluyordu

01-05-2024, 12:23:30

#8

tornado64

Eklentisi yok mu kategori yazılarını değiştiren