Reverso
Yeni Üye
- Kayıtlı
- 12 Gün
- Katılım
- 10 Eylül 2026
- Konular
- 12
- Mesajlar
- 13
- Tepkime puanı
- 1
- Puan
- 3
WordPress'te wp_enqueue_style() ile CSS Dosyası Nasıl Eklenir?
WordPress'te özel CSS dosyalarını sayfaya eklemek için wp_enqueue_style() fonksiyonu kullanılır. CSS dosyasını doğrudan tema dosyasına yazmak yerine WordPress'in kendi yükleme sistemini kullanmak, kodların daha düzenli ve kontrollü çalışmasını sağlar.
Özellikle tema ve eklenti geliştiren kişiler için CSS dosyalarının doğru şekilde yüklenmesi önemlidir. Birden fazla stil dosyası bulunan projelerde bu yöntem daha kullanışlı hale gelir.
- CSS Dosyası Oluşturma
Örneğin:
Kod:
wp-content/themes/tema-adi-child/css/custom.cssBu dosyanın içerisine kullanılacak özel CSS kodları eklenir.
- CSS Dosyasını WordPress'e Tanımlama
PHP:
<?php
add_action('wp_enqueue_scripts', function() {
wp_enqueue_style(
'custom-style',
get_stylesheet_directory_uri() . '/css/custom.css',
array(),
null
);
});Bu işlemden sonra WordPress, belirtilen CSS dosyasını sayfaya dahil eder.
3. CSS Kodlarını Yazma
Artık `custom.css` dosyasına özel tasarım kodları eklenebilir.
Örneğin bir butonun görünümünü değiştirmek için:
CSS:
.custom-button {
padding: 10px 20px;
border-radius: 5px;
font-size: 16px;
}Sayfadaki ilgili HTML elementine `custom-button` sınıfı verildiğinde bu CSS kuralları uygulanır.
4. Neden wp_enqueue_style() Kullanılmalı?
CSS dosyasını doğrudan HTML içerisine eklemek yerine WordPress'in enqueue sistemini kullanmak daha düzenli bir yapı sağlar. Ayrıca bağımlılık tanımlama, sürüm kontrolü ve dosyanın yüklenme sırası gibi işlemler daha kolay yönetilebilir.
Özellikle büyük WordPress projelerinde CSS dosyalarının düzenli şekilde yüklenmesi, tema performansının ve kod yönetiminin daha sağlıklı olmasına yardımcı olur.
Bu nedenle özel bir CSS dosyası eklerken `wp_enqueue_style()` kullanmak, WordPress'in standart geliştirme yöntemlerinden biridir.
