WordPress tema ayarı ile etkileşim kurun

WordPress Tema Ayarlama Serisinin 1. Bölümünde, tema ayarı ile etkileşime geçmek için WP_Customize_Manager sınıfının bir türevi olan $ WP_Customize nesnesini yüklemeniz gerektiğini belirttim. Bunu yapmak için Customize_Register: Add_ation (‘Customize_register’, ‘my_theme_customize_register’) kullanmalısınız; İşlev my_theme_customize_register ($ wp_customize) {// $ wp_customize nesnesi ile etkileşim} Bu kodu işlevinize yerleştirebilirsiniz. Tema ayar öğelerini ekleyin veya silin (bölüm, ayarlar ve kontrol) $ wp_customize nesnesini yükledikten sonra, ayarları, kontrolü ve parçaları eklemek veya silmek için yöntemlerden birini kullanabilirsiniz (add_setting, get_setting, remove_setting , add_control … bunun ne anlama geldiğini anlıyorsunuz).
Yani, parça, kontrol veya ayar almak veya silmek istiyorsanız, ihtiyacınız olan tek şey kimliktir. Bu satır renk kısmını siler (ilk kod görüntülerinden my_theme_customize_register işlevine yerleştirilir): $ wp_customize-> remove_section (‘renkler’); Birkaç parametre daha gerektirdiği için parça, kontrol veya hafif ayar ekleme. Burada her şeyi iki nedenden dolayı tartışmayacağım:
Aslında bu serinin amacı bu değil, temanıza girebileceğiniz bir Bolarplate ayarlama teması yapacağız.
Alex Mansfield, her WordPress tema geliştiricisi tarafından okunması ve ardından tweet atması gereken öğretici ayar temalarından 6000 kelimelik canavarlarla tartıştı (cidden, şimdi yapmadıysanız, şimdi okuyun).
Ama yine de, yeni temanın ayarlama bölümüne ve bazı argümanlara kendi ayarlarınızı nasıl ekleyebileceğinizi görelim.Somut örneklerle çalışmak çok daha kolay olduğundan, bulacağımız şey budur: “Düzen” olarak etiketlenmiş yeni bir bölüm budur.
Tema Düzeninizi depolayan yeni ayarlar
İki seçeneğe sahip yeni radyo kontrolü – solda kenar çubuğu ve sağdaki kenar çubuğu
Temanın ayarlanmasına eklenen ilk şey “Düzen” bölümüdür: $ wp_customize-> add_section (// id ‘layout_section’, // argüman dizisi dizisi (‘başlık’ => __ (‘layout’, ‘my_theme’ ), ‘yetenek’ => ‘edit_theme_options’, ‘açıklama’ => __ (‘temanızın düzenini düzenlemenize izin verir.’, ‘my_theme’));Önce ayarlamada görmeye çalışmayın, bir ayar ve kontrol eklenmedikçe parça görüntülenmeyecektir.Öyleyse ikisini de ekleyelim:
$ wp_customize-> add_setting (// id ‘my_theme_settings [layout_setting]’, // argüman dizisi dizisi (‘varsayılan’ => ‘sağ kontrbang,’ type ‘=>’ option ‘)); $ wp_customize-> add_control (// id ‘layout_control’, // argümanlar dizisi dizisi (‘type’ => ‘radyo’, ‘etiket’ => __ (‘tema düzeni’, ‘my_theme’, ‘bölüm’ => ‘ Layout_section ‘,’ Seçenekler ‘=> dizi (‘ sol yan çubuk ‘=> __ (‘ sol kenar çubuğu ‘,’ my_theme ‘),’ sağ taraf çubuğu ‘=> __ (‘ sağ kenar çubuğu ‘,’ my_theme ‘), / / Bu sonuncusu yukarıdaki ‘ayarlardan’ => ‘my_theme_settings [layout_setting]’)); Alex öğreticisini ve/veya kodeks sayfasını okuduğunuzu varsayalım, add_setting argüman dizisinde – ‘tür’ – odaklanmak istediğim yalnızca bir parametre var. Burada iki olasılık var, ‘opsiyon’ ve ‘tema_mod’ ve bunu get_option ve get_theme_mod kullanarak kullanarak alabilirsiniz. Her zaman ‘seçeneği’ kullanıyorum, çünkü sadece my_theme_settings [setting_1], my_theme_settings [setting_2] vb. Bu şekilde tüm değerler WP_OPSISSISS tabloınızda bir veritabanı girişi olarak saklanacaktır. Son olarak, kodu iki kodu çalıştırmak için iki kod ekledikten sonra, Customize_Register’ın kancasına (bu yazıdaki ilk kod snippel) bağlanırsınız, Tema ayarlandı:
Yeni kısım temanın ayarlanmasına eklendi

Temanın değer ayarlarını kullanarak, kullanıcınıza bu ayarı kaydetme yeteneğini verdikten sonra, değeri alabilir, Body_class filtresinin gövdesine bağlanabilir ve mevcut gövde sınıfı dizisine ekleyebilirsiniz: add_filter (‘body_class ‘,’ my_theme_body_classes ‘); İşlev my_theme_body_classes ($ sınıflar) { / * * Add_setting argüman dizisinde ‘seçeneği’ kullandığımızdan beri * Get_option işlevini kullanarak değeri alırız * / $ my_theme_settings = get_option (‘my_theme_theme_settings’); $ sınıflar [] = $ my_theme_settings [‘layout_setting’]; Dönüş $ sınıfları; } Bu, temanızdaki Body Class dizisine .left-Consebar veya sağ tarafından sağlanan. Bu iki sınıfı tema stilinizde kullanarak. CSS teması, iki farklı düzen oluşturabilirsiniz. Örneğin:/ * sağdaki kenar çubuğu varsayılan düzendir */ #content {float: sol; Genişlik:%60; } #ideBar {float: doğru; Genişlik:%30; } / * Varsayılan düzeni geçersiz kılmak için .left-Class sınıfını kullanmak * / .Left-carebar #concent {float: right; } .Left-Heart #ideBar {şamandıra: sol; } En iyisi, WordPress temasının ayarlanması sayesinde kullanıcılar, herhangi bir şey kaydetmeden önce iki düzenin önizlemesini görebilir. Al, tema ayar sayfası! TL sürümünün özeti ve daha fazla okunması; bu gönderiden şuna benzer: $ wp_customize nesnesini alabilir ve ardından bir şey (bölüm, ayar veya kontrol) ekleyebilir veya silebilirsiniz. Diğer her şey düzenleme parametrelerine boşalır.