Bir WordPress tema geliştiricisi için ilk şey yapısını anlamaktır; ve bundan sonra, komut dosyaları ve stil sayfaları eklemeyi öğrenmeye geliyor.


Web tasarımcılarının çoğu, basit bir HTML şablonu gibi bir WordPress teması oluşturarak hata yapar.

WordPress’in PHP tabanlı bir platform olduğunu ve temalarının dinamik olduğunu anlamalısınız. Statik bir web sitesi oluştururken bir CSS dosyası eklemek sizin yaptığınız gibi değil.

WordPress, takip etmeniz gereken kodlama standardına sahiptir. Bir CSS dosyasını düzgün bir şekilde düzenlemek, birçok web geliştiricisi / tasarımcısı için biraz zor olabilir.

Bu öğreticide, bir WordPress temasına bir CSS dosyası eklemenin WordPress kodeksini açıklayan adım adım bir süreçte size yol göstereceğim.

WordPress kurulumu ile iyi bir WordPress barındırma yaptığınızı varsayarak, başlayalım!

Wp_enqueue_style () İşlevini anlama

Statik bir HTML web sitesi geliştirirken, CSS dosyasını kafaya bağlayabilirsiniz, ancak bu bir WordPress temasında aynı değildir.

PHP ve WordPress Codex hakkında net bir anlayışla Tema işlevlerini kullanmayı öğrenmelisiniz.

İle başlayalım wp_enqueue_style () CSS dosyasını WordPress Temanıza bağlamak için kullanılan işlev. Varsayılan parametreler aşağıdaki gibidir.

wp_enqueue_style ($ handle, $ src, $ deps, $ ver, $ media);

Tüm bu parametreleri açıklayayım.

  • Kolu, $:- Bu, stil sayfasının adını içeren zorunlu bir alandır
  • $ Src:- Ayrıca doldurulması gerekir. Bu, stil sayfasının kök dizine göre yoludur
  • $ Deps:- Stil sayfasını kontrol etmek için bir dizi oluşturmak isteğe bağlıdır
  • ver, $:- Stil sayfasının sürümünü kontrol etmek isterseniz,.
  • $ Medya:- Herhangi bir ortam türü için stil sayfasını kullanmak isterseniz, bunu yapabilirsiniz. Aksi takdirde, gerek yok.

Şimdi bir fikir edinmiş olabilirsiniz. Doldurmak için sadece ilk iki seçenek gereklidir, geri kalanı varsayılan değerleri almak için boş bırakabilirsiniz.

Not: Şimdi stil sayfası adı "stil" ve ana tema adı klasöründe, kod aşağıdaki gibi olacaktır.

wp_enqueue_style (‘stil’, get_stylesheet_uri ());

Ama gördüğünüz gibi, onu çalıştırıyorsunuz; dosyayı başa doğru bir şekilde bağlayabilen bir WordPress işlevi oluşturmanız gerekir.

Size kodu göstereyim.

functionnew_theme_css_file {
wp_enqueue_style (‘stil’, get_stylesheet_uri ());
}
add_action (‘wp_enqueue_scripts’, ‘new_theme_css_file’);

Fonksiyonu eklemek için en iyi yer hangisi olduğunu merak ediyor olabilirsiniz. WordPress tema geliştirme hakkında biraz bilginiz varsa, functions.php dosya tüm fonksiyonları kontrol eder.

Bu nedenle, dosyayı açmanız ve bu işlevi eklemeniz gerekir.

Eğer fark ettiyseniz, bir kanca var "ADD_ACTION" bir parametre ile "wp_enqueue_scripts," stilleri ve komut dosyalarını sıralamak için kullanılan.

Anlamanız gereken tek şey ana wp_enqueue_style () fonksiyon.

Yeni WordPress geliştiricileri için, bu tür teknik şeyleri almak zor olabilir, ancak WordPress Codex’ı öğrendikten sonra her şey pürüzsüz.

Umarım bir WordPress Temasına CSS Dosyası Eklemek Çok Zor Değildir

Birkaç yıl önce WordPress temalarını geliştirmeye başladığımda bir felaket olduğunu hatırlıyorum. Statik web sitelerini uygulamaya devam ettiğinizde ve aniden web 2.0’ın dinamik doğasını öğrendiğinizde, biraz endişelenebilirsiniz..

WordPress kodlarıyla etkileşime girdikten sonra, onu ilginç hissetmeye başlayabilirsiniz. Bir CSS dosyası eklemek, bir WordPress temasını sıfırdan geliştirmenin temellerinden biridir.

Sonuç

Web geliştirme zor olabilir ve acemi WordPress kullanıcılarını korkutabilir. Kılavuz, özel WordPress temasını geliştirmeye başlamak isteyen insanlar içindir.

Bu öğreticiyi izlediğiniz için teşekkür ederiz.

Bu en iyi 3 WordPress barındırma hizmetine göz atın:

FastComet

Başlangıç ​​fiyatı:
$ 2.95


Güvenilirlik
9.7


Fiyatlandırma
9.5


Kullanıcı dostu
9.7


Destek
9.7


Özellikleri
9.6

Yorumları oku

FastComet’i ziyaret edin

Hostinger

Başlangıç ​​fiyatı:
$ 0.99


Güvenilirlik
9.3


Fiyatlandırma
9.3


Kullanıcı dostu
9.4


Destek
9.4


Özellikleri
9.2

Yorumları oku

Hostinger’ı ziyaret edin

A2 Hosting

Başlangıç ​​fiyatı:
$ 3,92


Güvenilirlik
9.3


Fiyatlandırma
9.0


Kullanıcı dostu
9.3


Destek
9.3


Özellikleri
9.3

Yorumları oku

A2 Hosting’i ziyaret edin

İlgili Nasıl Yapılır Makaleleri

  • CPanel Kullanarak WordPress Temasına Doğru Bir JavaScript Dosyası Ekleme
    uzman
  • WordPress’teki Tüm Kullanıcıları Aynı Anda Nasıl Kapatabilirim
    orta düzey
  • WordPress Websitenizin .htaccess dosyasını cPanel kullanarak düzenleme
    acemi
  • CPanel’den Softaculous Kullanarak WordPress’e Giriş Yapma
    orta düzey
  • WordPress Medya Kitaplığında Görünen Bir HTTP Hatası Nasıl Onarılır
    acemi
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me