style.css dosyası, her WordPress temasında bulunması zorunlu olan iki dosyadan biridir. Bu dosya, temanın CSS kodlarını barındırır.

Yerleşimi

style.css dosyasının, temanızın ana dizininde olması ve functions.php dosyasında tanıtılması/eklenmesi gerekmektedir. Temanıza, stil dosyalarını eklemeyi öğrenmek için, CSS ve JavaScript Dosyalarını Ekleme dersimizi okuyabilirisiniz.

Temel Yapısı

WordPress, style.css dosyanızın üst kısmında, çok satırlı bir PHP yorumu şeklinde oluşturduğunuz bilgilere bakarak, temanız hakkında bilgi sahibi olur. Bu bilgiler, PHP dilinin kullandığı, çok satırlı yorum formatı içinde olmalıdır. Burada verdiğiniz bilgiler, temanızın tanıtımı için de kullanılır. Bunu anlamak için, buraya girdiğiniz bilgiler ile, Yönetim Paneli:Görünüm->Temalar sayfasında, temanız için verilen bilgileri karşılaştırabilirsiniz.

Örnek:

Aşağıda, bir temanın style.css dosyasının üst kısmında bulunması gereken yorum kısmının yapısı gösterilmiştir:

/*
Theme Name: Benim Temam
Theme URI: https://benimsitem.org/themes/benimtemam/
Author: Adım SOYADIM
Author URI: https://kendimitanitiyorum.org/
Description: Temanızın tanıtımını burada yapıyorsunuz... 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tercume_anahtarim
Tags: Temanıza uygun etiketleri burada, aralarına vigüller koyarak yazıyorsunuz.
Eklemek istediğiniz bişeyler varsa, "temanın tadını çıkarın" falan gibi, buraya yazıyorsunuz
*/

Yukarıda, çok satırlı bir PHP yorumu şeklinde verilen bilgilerin ne anlama geldiğini şöyle açıklayabiliriz:

• Theme Name: (*). Temanın adı buraya yazılır.
• Theme URI: Kullanıcılarınızın, temanız hakkında, detaylı bilgiler bulabileceği adrestir.
• Author: (*). Temayı geliştiren kişinin veya grubun adıdır. Temayı geliştiren kişinin, wordpress.org sitesindeki kayıtlı ismini kullanması tavsiye edilir.
• Author URI: Temayı geliştiren kişi ya da grubun URL adresidir.
• Description: (*). Temanızın mümkün olduğunca kısa açıklamasıdır.
• Version: (*). Temanızın, X.X veya X.X.X formatında yazılmış versiyon bilgisidir. Temanız başkaları tarafından da kullanılıyorsa ve temanızda yaptığınız bir güncellemeyi bu kullanıcılara da iletmek istiyorsanız, bunun için, burada verdiğiniz versiyon numarasını yükseltmeniz yeterli olacaktır. Bunu yaptığınızda, WordPress bir güncelleme geldiğini anlar ve temanızı kullanan herkese bu güncellemeyi bildirir.
• License: (*). Temanın lisans türüdür.
• License URI: (*). Temanın lisans bilgisine giden URL adresidir.
• Text Domain: (*). Temanızın başka dillere tercüme edilebilmesi için gerekli anahtar kelimedir.
• Tags: Temanızı tanıtan kelime ya da kısa ifadelerden oluşan etiketlerdir. Bu etiketler sayesinde, tema arayan kullanıcılar sizin temanızı bulabilecektir. WordPress, kullanabileceğimiz tema etiketlerini ve hangi anlamlara geldiğini de belirlemiştir.
• Domain Path: Tema devre dışı iken, WordPress’e, dil dosyalarının hangi klasörde olduğunu söyler. Varsayılan olarak, temanızın ana dizininde yer alan /languages klasörü ayarlanmıştır.

(*) İşareti bulunan alanlar temanızı, WordPress’in tema arşivinde yayınlamak istiyorsanız gereklidir. Bunun dışında, bu yorum alanındaki hiç bir bilgi zorunlu değildir. Hatta yorum alanını tamamen de kaldırabilirsiniz. Bu durumda, WordPress, temanızın adı olarak, tema klasörünüzün adını kullanır.

Bir Yavru Tema İçin style.css

Eğer bir yavru tema (Child Theme) oluşturuyorsanız, style.css dosyanızın yorum kısmında bulunması gereken iki zorunlu alan şunlardır:

/*
Theme Name: Benim Temamın Yavrusu
Template: benim-temam
*/

Yavru temalar hakkında detaylı bilgi ilerleyen yazılarımızda verilecektir.