1. Alt Tema (Child Theme) Oluşturun
Ana temayı doğrudan düzenlemek yerine bir child theme kullanmak, özelleştirmelerinizi tema güncellemelerinden korur. Bunun için:
/* Theme Name: My Custom Child Theme Template: astra */
2. CSS ile Görsel Özelleştirme
CSS kullanarak renkler, yazı tipleri, boşluklar ve düzen gibi görsel öğeleri değiştirebilirsiniz:
h1 { color: #1a1a1a; font-family: 'Roboto', sans-serif; }
3. PHP ile İşlevsellik Ekleme
functions.php dosyası üzerinden özel işlevler tanımlayabilirsiniz:
function register_my_menu() { register_nav_menu('header-menu', __('Header Menu')); } add_action('init', 'register_my_menu');
4. Özel Şablonlar (Custom Templates) Oluşturun
Belirli sayfalar için özel şablonlar tanımlayarak farklı düzenler kullanabilirsiniz:
5. JavaScript ile Etkileşimli Özellikler Ekleyin
Tema klasörünüze özel bir JS dosyası ekleyip functions.php üzerinden çağırabilirsiniz:
function custom_scripts() { wp_enqueue_script('custom-js', get_stylesheet_directory_uri() . '/js/custom.js', array('jquery'), null, true); } add_action('wp_enqueue_scripts', 'custom_scripts');
6. Güvenlik ve Performansa Dikkat Edin
Ana temayı doğrudan düzenlemek yerine bir child theme kullanmak, özelleştirmelerinizi tema güncellemelerinden korur. Bunun için:
- wp-content/themes klasöründe yeni bir klasör oluşturun.
- İçine style.css ve functions.php dosyaları ekleyin.
- style.css içinde ana temaya referans verin:
/* Theme Name: My Custom Child Theme Template: astra */
2. CSS ile Görsel Özelleştirme
CSS kullanarak renkler, yazı tipleri, boşluklar ve düzen gibi görsel öğeleri değiştirebilirsiniz:
- WordPress panelinden Görünüm > Özelleştir > Ek CSS yolunu izleyin.
- Örnek:
h1 { color: #1a1a1a; font-family: 'Roboto', sans-serif; }
3. PHP ile İşlevsellik Ekleme
functions.php dosyası üzerinden özel işlevler tanımlayabilirsiniz:
- Örneğin özel bir menü alanı eklemek:
function register_my_menu() { register_nav_menu('header-menu', __('Header Menu')); } add_action('init', 'register_my_menu');
4. Özel Şablonlar (Custom Templates) Oluşturun
Belirli sayfalar için özel şablonlar tanımlayarak farklı düzenler kullanabilirsiniz:
- Yeni bir PHP dosyası oluşturun (örneğin page-hakkimizda.php)
- Dosyanın en üstüne şu satırı ekleyin:
5. JavaScript ile Etkileşimli Özellikler Ekleyin
Tema klasörünüze özel bir JS dosyası ekleyip functions.php üzerinden çağırabilirsiniz:
function custom_scripts() { wp_enqueue_script('custom-js', get_stylesheet_directory_uri() . '/js/custom.js', array('jquery'), null, true); } add_action('wp_enqueue_scripts', 'custom_scripts');
6. Güvenlik ve Performansa Dikkat Edin
- Kodlarınızı yorumlayarak düzenli tutun.
- Gereksiz sorgulardan kaçının.
- Tarayıcı uyumluluğunu test edin.