H2 etiketlerine CSS dışında Müdahale Etmek? - Sayfa 2

03-07-2017, 02:20:36

#10

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

temanın style.css dosyasında belirlenmiş h2 tagı için biçimlendirmeler, single.php içerisine yazacağınız satır içi css kodlarından sonra gelir.

Yani öncelik sıralaması önce satır içi yazılan css kodları, ardından style.css dosyasındaki tanımlamalardır.

single.php dosyasının içerisine aşağıdaki gibi "<style></style>" tagları arasına css tanımlamaları ile biçimlendirme yaparak, istediğiniz şeyi yapabilirsiniz.

 h2 {
    background: #d6d6d6;
    text-align: center;
    font-size: 26px
}

Ancak, single.php şablonunda başka alanlarda da h2 kullanılıyorsa, (örneğin sidebar v.b) oralardaki h2 tagları da bundan etkilenir.

Eğer böyle bir durum varsa, yazı içlerindeki h2 için farklı bir class tanımlanmalıdır.

Örneğin;

 .single h2 {
    background: #d6d6d6;
    text-align: center;
    font-size: 26px
}

Böylece biçimlenen h2 başlığı, sadece yazı içlerindeki alt başlıkları etkileyecek, diğer kısımlardaki h2 tagları bundan etkilenmeyecektir.

Zaten modern bir çok temada farklı sayfalardaki h2 için farklı classlar verilir çoğunlukla, temada temaya göre de değişkenlik gösterir o yüzden genel bir açıklama yapmak zorunda kaldım.

Peki hocam siz daha iyi bilirsiniz ama bir önerim olacak arkadaşın da yararına olabileceğini düşünüyorum, bu tarz her yeri etkileyecek şekilde değil de sadece single dosyasında, yani yazıların içinde h2 lerin boyutunu vb. ayarlamak istiyorsa arkadaş single.php dosyasına <style type="text/css">css kodları</style> şeklinde tanımlama yaparak kullansa daha sağlıklı olmaz mı? Böylece her yerde kullanmamış olur bu h2 tanımlamalarını.

03-07-2017, 02:48:18

#11

Mert50356

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

Arkadaşlar merhaba;

Sitemdeki H2'leri biçimlendirmek istiyorum fakat bunu CSS ile değil direk kaynak koda yansıyacak şekilde olmasını istiyorum. WP tabanlı bir site de bunu nasıl yapabilirim.

Örneğin kaynak kodda H2 etiketlerimin;

<strong><span style="color: #ff0000;">H2 Başlığı</span></strong>

Şeklinde görünmesini istiyorum.

Teşekkürler

<h2 style="font-weight:bold; color:#ff0000;">H2 Başlığı</h2>

Bundan mı bahsediyorsunuz?

03-07-2017, 09:14:51

#12

sabrican

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

<h2 style="font-weight:bold; color:#ff0000;">H2 Başlığı</h2>

Bundan mı bahsediyorsunuz?

Evet ama elle değil otomatik olarak kaynak koda direk böyle gelmesini istiyorum

03-07-2017, 10:42:22

#13

Mert50356

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

Evet ama elle değil otomatik olarak kaynak koda direk böyle gelmesini istiyorum

$("h2").css({"font-weight":"bold", "color":"#ff0000"});