Function.php ile işlevsellik ekleme, WordPress kalp temalarının geliştirilmesi

Yukarı ve Çalışmak, “WordPress Gelişimimizi Öğrenmek” tam bir kurs. Şimdi 3. ve genişletilmiş baskıda, bu, WordPress’in gelişimini hızlı, akıllı ve kapsamlı bir şekilde öğrenmek isteyen yüzlerce alıcıya yardımcı oluyor. Bir okuyucunun dediği şey bu:
“Denediğim diğer kursların neredeyse her zaman WordPress’in neden belirli bir şekilde bir şey yaptığını veya her şeyin birlikte nasıl çalıştığını açık bir şekilde açıklamamış. Tüm bunları çalıştırıyor ve her şey net ve anlaşılması kolay bir dilde açıklanıyor. ” -Caroline, WordPress Özgür İşçi
Uyan ve şimdi koş

---

Ana paketler:
Functions.php, herhangi bir WordPress temasında bulunabilen özel bir PHP dosyasıdır. WordPress, normal PHP işlemi sırasında function.php’de kodu yürütmeyi bilir.
Functions.php, temalara ve sitelere özel işlevler ekliyor. Bu, PHP işlevinden oluşur – Site genelinde işlevselliği ekleyen veya değiştiren PHP kodunun küçük bir kısmı. Function.php temada olduğundan, işlevselliğin eklenmesi sunum olmalıdır. Örnekler şunları içerir: Enqueue Styles sayfası CSS ve JavaScript sunum dosyaları, üstün görüntüleri etkinleştirin, özel görüntü boyutlarını kaydedin ve navigasyon menülerini ve widget alanlarını kaydedin.
Functions.php, WordPress temasının “beyni” dir: Site için site temalarının altında yatan verileri değil, işlerin nasıl görüntülendiğini kontrol eden her türlü sunum işlevselliği-php işlevlerini dikte ediyoruz.
Bu işlev eğiticisi.php’de, function.php ile nasıl çalışılacağını ve temanız ve siteniz için yapılabilecek bazı şeyleri tartışacağız.
Function.php nedir? Functions.php faydalı sunum PHP işlevleri sağlamak için burada: Sitenin görünümünü değiştiren küçük çalışma.
WordPress, Functions.php, yararlı bir PHP sunum işlevi olan bir tema sağlamak için var: Sitenin belirli bir şekilde görüntülenme şeklini değiştiren küçük çalışma.
Bir sunum tutarak kendime sorun: “Temayı değiştirirsem, çok fazla veri kaybedecek miyim, yoksa her şey farklı görüntülenecek mi?” Bu işlev için sonuncusu olmalıdır. Php.
Sunumlardaki değişiklikler, sitenin temel verilerini değiştirmez: içerik yayınlama, kayıtlı kullanıcılar, özel yayın türleri, etiketler ve kategoriler gibi taksonomi veya “Site Başlığı” veya “Müşteri İndirim Kodu” gibi tüm sitelerdeki veriler gibi şeyler . Bir işlevin gereksinimleri karşılayıp karşılamadığını öğrenmek için kendinize sorun: “Temayı değiştirirsem, veri kaybedecek miyim yoksa her şey farklı görüntülenecek mi?” Verileri kaybederseniz (gönderi türü kaybedilecek, müşterinin indirim kodunu kaybedeceksiniz, vb.), O zaman tema sunumunun rolünden saptınız.fonction.php Autoloads, diğer temalardan önce. otomatik olarak yayınlanır, işlevi temanızın herhangi bir yerinde mevcuttur.
Functions.php, WordPress’in “fabrika” sürecinin bir parçası olarak incelenmeyi bildiği bir PHP dosyasıdır. Varsayılan olarak dosya adlarının çoğunu (FunctionZ.php gibi) yoksulum, ancak Function.Php aktif temaları açmayı bilir, içinde ne olduğunu görün ve çalıştırın. WordPress, diğer tema dosyalarınızın function.php’deki işlevine bağlı olabileceğini anlar. Bu, PHP makinesinin şablon hiyerarşisindeki sayfaları yüklemeden önce Fonksiyon.php’yi yüklemesi gerektiği anlamına gelir.
Function.php’den otomatik yükleme, işlevinin PHP tema dosyalarınızdan birinde sizin için kullanılabilir olduğu anlamına gelir. Sonuç olarak, her zaman çalışması veya mevcut olması gereken WordPress işlev çağrısını yerleştirmek için temanızdaki yer. Bu, WordPress temalarının gelişiminin çok değerli bir parçasıdır.
Function.php kullanımı Function.php wpsout’un görüntülerine bakalım ve bizim için ne yaptığını görelim:
<? PHP // Öne çıkan resimler için tema desteği ekleyin ve birkaç özel görüntü boyutu ekleyin add_theme_support ('Post-thumbnails'); add_image_size ('özellikli-image-land', 640, 294, true); add_image_size ('özellikli-imagaj-alışveriş merkezi', 200, 129, true); add_image_size ('özellikli-imagaj-tiny', 124, 80, true); // enqueue tema javascripts ve css styles işlevi wspout_scripts () {// enqueue js varsayılan bir değer verir wp_enqueue_script ('arama-box-value', get_stylesheet_directory_uri (). ', array (' jQuery '); // Dinamik bir sayfa minimum yükseklik ayarlayan js enqueue wp_enqueue_script ('sayfa-min-height', get_stylesheet_directory_uri (). // ana tema stil sayfası wp_enqueue_style ('wphout-style', get_stylesheet_uri ()); } Add_action ('wp_enqueue_scripts', 'wphout_scripts'); // Ana Gezinme Menüsü İşlevini Kayıt WPSHOUT_REGISTER_MENU () {Register_nav_menu ('Main-Nav', 'Ana Nav'); } Add_action ('init', 'wpshout_register_menu'); Bu bölümün geri kalanı yukarıdaki kodun her bir bölümünü görecektir. İşlevleri küresel olarak kullanılabilir hale getirmek, WordPress'in tüm sayfa yüklemesinde çalışma şeklini değiştiren işlevler eklemek için bir yerdir.
Functions.php, WordPress'in her sayfa yüklemesinde çalışma şeklini değiştiren işlevler ekleyeceğiniz yerdir. Bazılarını yukarıdaki alıntıda yaptık:
Üstün görüntü desteği ve özel resimlerin boyutu ekleme // Özel görüntüler ve görüntü boyutları için destek ekle add_theme_support ('Post-thumbnails'); add_image_size ('özellikli-image-land', 640, 294, true); add_image_size ('özellikli-imagaj-alışveriş merkezi', 200, 129, true); Add_iMage_Size ('Özel Image-Tiny', 124, 80, true); bu ilk blok, WordPress'e temanın üstün görüntüler kullanacağını söylemek için add_theme_support () adlı bir WordPress işlevi kullanır. (Üstün görüntüler için eski terim "küçük resim sonrası" dır, bu yüzden bu işlev bir argüman olarak "başparmak sonrası" kullanır.)
Ayrıca, blok, tanımladığımız üç özel görüntü boyutunu kaydetmek için Add_Image_Size () adlı başka bir WordPress işlevi kullanır: özellikler izleme-land özellikleri, özellikli-image-dalll özellikleri ve özellikli-imagaj-yağ. Siteye yeni bir resim yüklediğimizde, WordPress artık belirttiğimiz boyutlarla görüntüden boyut olarak değiştirilen bir sürüm üretecektir: 640px genişlik Times yüksekliği 294px, vb.
Yeni Gezinme Menüsü Alanını Kaydedin // Ana Gezinme Gezinme Menüsü İşlevini Kaydedin WPSHOUT_REGISTER_MENU () {Register_nav_menu ('Main-Nav', 'Ana Nav'); } Add_action ('init', 'wpshout_register_menu');
Bu blok, yeni bir navigasyon menüsünü kaydetmek için WordPress işlevini Rigber_nav_Menu () kullanır. Bu işlev, yazdığımız diğer işlevlere sarılır: wpphout_register_menu (). Kaydolmak için wpShout_register_menu () 'nı init adlı WordPress eylem kancasına bağlamak için WordPress add_action () işlevini kullanıyoruz.
Terminoloji hakkında çok fazla endişelenmeyin: Kancalar, Eylemler ve Filtre WordPress'te açıklayacağız: ne yaptıkları ve nasıl çalıştıkları. Yani, wpshout_register_menu () artık WordPress init işlemini her çalıştırdığında çalışır – bu WordPress tarafından her web sayfası yüklemesinin başında gerçekleştirilir. Böylece WPSHOUT_REGIER_MENU () Web sayfalarının her yüklemesinin başında çalıştırabiliriz. Ve wpshout_register_menu () ne yapar? Kaydolmak için Register_nav_Menu () kullanıyor – WordPress Biliyor – Yeni Navigasyon Menüsü "Ana Nav" başlıklıdır. Global olarak gereken kaynakları içerir.
WordPress'te, tüm sitelerde ihtiyacınız olan kaynakları da içerdiğiniz Functions.php. Bu, Enqueue ile yüklediğiniz en önemli, özel CSS stil sayfası ve JavaScript dosyası (sunum) anlamına gelir.

// komut dosyaları ve stilleri add_raction (‘wp_enqueue_scripts’, ‘wspout_scripts’); Function wspout_scripts () {// js Arama kutusuna varsayılan bir değer veren wp_enqueue_script (‘search-box-value’, get_stylesheet_directory_uri (). ‘; // js Dinamik bir sayfa minimum yükseklik ayarlayan js wp_enqueue_script (‘sayfa-min-hight’, get_stylesheet_directory_uri (). // ana stil sayfası wp_enqueue_style (‘wphout-style’, get_stylesheet_uri ()); }
Bir kez daha, WordPress kancalarını ve wp_enqueue_ () () () anlamıyorsanız bu blok karmaşık görünüyor, ancak bu aşağıdaki ifadeye yol açar: “Her sayfada arama-kutu-value.js dosyasını yüklemek istiyoruz, Page-min-height.js ve stil.css temanın kendisine ait “,” ayrıca dosyaların nasıl bulunacağına dair talimatlar. WordPress’teki özel komut dosyası ve stilde wp_enqueue_ () hakkında çok şey öğreneceksiniz. Ayrıca, bu konu hakkında daha ayrıntılı olarak tartışılan ücretsiz bir hızlı kılavuzumuz var: WordPress sitenize javascript eklemek için wp_enqueue_script nasıl kullanılır
CSS stil sayfalarını yüklemek için wp_enqueue_style kullanın
Bu kod yerinde olduğunda, siteye bir web sayfası yüklediğinizde, üç dosya onunla birlikte yüklenir ve işlevi web sayfasının görünümünü ve eylemini değiştirir.
Şimdi function.php’nin temellerini alıyorsunuz. Anlamadığınız birçok PHP işleviniz varsa, endişelenmeyin: Bu bizim hedefimiz! Kilit nokta Function.php, temanızdan her türden sunum işlevini ekler ve şimdi nasıl olduğunu anlıyorsunuz.
Beynin bir temanın limerick’inin özeti, bir dosya olup olmadığını görmelisiniz: function.php. Bu, sağ kavşakta önemli bir işlev ekler ve komut dosyasını ve stili nerede olması gerektiğini söyler.
Sınav zamanı!
function.php:
Temanın ana işlev dosyası için hakem (ancak genel) adıdır
Temaya sunum işlevselliği eklemekten sorumlu
Belirli bir web sayfası oluşturmak için hangi PHP şablonunun kullanılacağını dikte et