Neler yeni

Hoşgeldin Ziyaretçi

Kayıt olarak forumumuzdan dosya indirebilir,bilgi sahibi olabilir,daha iyi bir şekilde yararlanabilirsin.

Şimdi kayıt ol

WordPress Teması Nasıl Özelleştirilir? CSS ve Kodlarla Tema Geliştirme

wpforum

Member
Yönetici
153
22 Ocak 2025
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:

  • 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.
 
Üst