WordPress 2014 Temasında Değişiklik Yapma
Sitemizde kullandığımız 2014 (twenty fourteen) temasında bir çok yerde gereksiz yere başlıklar büyük harfe (uppercase) dönüştürülmüş.
Bunu düzeltmek için gereken değişiklikler sadece style.css üzerinden yapılabiliyor.
Aşağıda, yavru tema (child theme) style.css dosyasına eklenecek satırları vereceğim. Ama siz de bu tarz değişiklikler yapmak istediğinizde önce gidip ana temanın style.css dosyasında ayrıntılı bir inceleme yapın. Bazı elemanların isimleri yeterli açıklamayı sağlıyor olsa da, bazı durumlarda daha hassas bir araştırma, hatta çok sayıda deneme-yanılma gerektirebilir.
Bu yazıda ele aldığımız sorunu yaratan tek bir kod var:
text-transform: uppercase;
Bu kod, dahil olduğu sınıfa ait yazıyı tamamen büyük harfe çeviriyor. Onu etkisiz hale getirmenin yolu ise
text-transform: none;
şeklinde. Bu durumda ilgili yazı/başlık nasıl girilmişse, aynen gösterilecek demektir.
Ana temanın style.css dosyasındaki “text-transform: uppercase;” satırlarını tek tek bulup, değiştirilmesi gerekip gerekmediğine karar vermeniz gerekiyor. Ben, aşağıdaki örnekte yanal banttaki harf büyütmelere dokunmadım. Onun dışındaki tüm dönüşümleri iptal ettim.
Aşağıdaki satırlar, yavru temanın style.css dosyasına eklediğim satırlar.
.site-navigation a {
text-transform: none;
}
.entry-title {
text-transform: none;
}
.entry-meta {
text-transform: none;
}
.cat-links {
text-transform: none;
}
.entry-meta .tag-links a {
text-transform: none;
}
.entry-content th,
.comment-content th {
text-transform: none;
}
.entry-content .edit-link {
text-transform: none;
}
.page-links {
text-transform: none;
}
.post-navigation .meta-nav {
text-transform: none;
}
.paging-navigation .page-numbers {
text-transform: none;
}
.comment-reply-title,
.comments-title {
text-transform: none;
}
.comment-list .reply,
.comment-metadata {
text-transform: none;
}
.no-comments {
text-transform: none;
}
.comment-navigation {
text-transform: none;
}
.widget .widget-title {
text-transform: uppercase;
}
.widget_calendar caption {
text-transform: uppercase;
}
.widget_twentyfourteen_ephemera .post-format-archive-link {
text-transform: uppercase;
}
.content-sidebar .widget .widget-title {
text-transform: uppercase;
}
.featured-content .entry-title {
text-transform: none;
}
@media screen and (min-width: 783px) {
.primary-navigation {
text-transform: none
}
}
Yavru tema uygulaması sayesinde ana temada hiç bir değişiklik yapmıyoruz. Eğer ana temada WordPress taarfından herhangi bir değişiklik yapılırsa, gerekli değişikliği ana temaya uygulamak bizim yaptığımız değişkliklere bir zarar vermeyecektir.
Eğer ana tema dosyalarında değişiklik yapma alışkanlığınız varsa, bir an önce bundan vazgeçip, yavru tema uygulamasına geçmenizi öneriyorum. Güvende olacaksınız!
ahmet aksoy