Skip to content

WordPress Akademi

  • Başlangıç
    • Kod Standartları
    • CSS & HTML
    • WP geliştirme araçları
  • Tema
    • Tema Düzenleme ve geliştirme
  • Son Eklenenler
  • Slack Grubu
  • Testler
  • İletişim

CSS, JS ekleme

  • 0
  • Posted by alidemirci

Eklenen tüm CSS’ler wp_enqueue_style() ile eklenmesi lazım.

Google fontu da enque ile eklenmesi lazım

add_action( 'wp_enqueue_scripts', 'amc_load_google_fonts' );
function amc_load_google_fonts() {
	wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Lato:300,700|Merriweather:300,700');
}

JS kodları da wp_enqueue_script() ile eklenmesi lazım.

jQuery wordpress’de zaten yuklu oldugu icin kesinlikle yuklemiyoruz.

Dependency: Aşağıdaki koddaki array’ın içine yazdıklarımızdan sonra yüklüyor “js-script” dosyasini.

wp_register_script('js-script', 'https://jsurl.com/script.js', array('jquery','dependency'), null, false); 

JS ve CSS’ler enquee edilirken lazım olduğu sayfalara enquee edilmesi lazım. Örneğin contact form ile alakalı bir JS yazdıysak orda if is_page() kullanıp sadece bu sayfaya enquee ediyoruz.

JS ve CSS’leri minify etmiyoruz. Açık seçik yazıyoruz. Bu kullanıcının işi. Belki bir plugin ile edebiliriz eğer proje detaylarında isteniyorsa.


← Previous Lesson

Post navigation

Dosya Yolu
WordPress Query
Proudly powered by WordPress.