WordPress için Widget eklentisi nasıl yapılır
WordPress, widget gibi birçok harika özelliğe sahip olağanüstü bir içerik yönetim sistemidir. Bu öğreticide, küçük bir eklentide kendi widget’ımı nasıl yapacağımı açıklayacağım. Bu yazı, widget’ın kendisini oluşturmadan önce anlamanız gereken bazı ek noktaları tartışacaktır. İşte burada! Adım 1: Widget eklentinizi son zamanlarda “Freelancer Widgets Paketi” adlı bir eklenti yaptım ve bazı insanlar bana nasıl bir eklenti yapacağımı sordu, bu yüzden bu yazıyı yazmaya karar verdim. İlk adım eklentiler yapmaktır. Ve göreceğiniz gibi, bu en zor kısım değil. Eklenti, etkinleştirdikten sonra WordPress’e ek bir koddur. WordPress, mevcut tüm eklentileri almak için bir klasörden bir döngü yaptı ve arka ofiste belirtti. Bir eklenti oluşturmak için Coda (Mac) veya DreamWeaver (PC & MAC) gibi bir editöre ihtiyacınız var. Eklentinizi yerel WordPress kurulumunda yapmanızı tavsiye ederim, sunucuda doğrudan bir hata yaparsanız bazı sorunlara neden olabilir. Bu yüzden lütfen, eklentimizi barındırmadan önce test etmek için bekleyin.
Şimdi WP-Concent/Eklentileri klasörünü açın. Burası eklentinizi ekleyeceğiniz yerdir. Yeni bir dizin oluşturun ve “widget-plugin” adını oluşturun (aslında bu isim istediğiniz her şey olabilir). Eklentimizin yalnızca bir dosyası olmasına rağmen, her eklenti için bir klasör kullanmak her zaman daha iyidir. Dizininizde, “widget-plugin.php” adlı yeni bir dosya oluşturun (bu ad da değiştirilebilir) ve açın. Şimdi ilk kod satırımızı ekleyeceğiz. WordPress altındaki eklentilerin tanımı, burada Codex’te okuyabileceğiniz bazı kuralları izler. WordPress’in bir eklenti tanımlamasıdır: <? PHP/* Eklenti Adı: Eklenti eklentisinin adı uri: http: // uri_of_page_describing_plugin_and_updates Açıklama: eklentinin kısa bir açıklaması. Sürüm: eklentinin sürüm numarası, Örn: 1.0 Yazar: Eklentinin Adı Yazar uri: // uri_of_the_plugin_author Lisans: Bir "sümüklü" lisans adı örneğin GPL2 */SO, bu kodu ihtiyaçlarımıza uygun olarak değiştirmeliyiz: Tüm sayfaları yenilemek yerine widget’ları düzenlerken özelleştirin, değişiklik yaparken yalnızca widget’lar yenilenir.
2 – Fonksiyon Formu () Bu işlev, WordPress yönetici alanındaki widget form ayarını yapan şeydir (görünüm altında> widget’lar veya görünüm> özelleştir> widget’lar). Bu, web sitesinde görüntülemek için verilerinizi gireceksiniz. Bu nedenle, Widget Form ayarlarınıza metin alanları, metin alanları, kutular ve onay kutuları nasıl ekleyebileceğinizi açıklayacağım. // widget formu (arka uç için) genel işlev formu ($ örneği) {// widget’ı ayarlayın varsayılanlar $ defaults = array (‘başlık’ => ”, ‘text’ => ”, ‘textarea’ => ‘ ‘,’ Onay kutusu ‘=>’ ‘,’ seç ‘=>’ ‘,); // Geçerli ayarları varsayılanlar özü (wp_parse_args ((diz) $ örneği, $ varsayılan)) ile ayrıştırır; ?>
<label for = " get_field_id (‘başlık’));, ‘text_domain’); ?> <giriş sınıfı = "widefat" id = " get_field_id (‘başlık’)); get_field_name (‘başlık’));?>” type = “metin” value = “” />
‘metin’);?> “> <giriş sınıfı = "widefat" id = " get_field_id (‘text’));
get_field_name (‘metin’)); ?> “type =” text “değer =” ” />
<label for =" get_field_id (‘textarea’))); ?> “> )); ?> “Name =” get_field_name (‘textarea’)); ?> “> “name =” get_field_name (‘onay kutusu’)); ?> “type =” checkbox “değer =” 1 ” “> get_field_id (‘seç’); ?> “> “id =” get_field_id (‘Select’); ?> “class =” widefat “> __ (‘Seç’, ‘Text_Domain’), ‘
option_1 ‘=> __ (‘ seçenek 1 ‘,’ text_domain ‘),’ option_2 ‘=> __ (‘ seçenek 2 ‘,’ text_domain ‘),’ option_3 ‘=> __ (‘ seçenek 3 ‘,’ text_domain ‘), ); // Seçenekler aracılığıyla döngü yapın ve her birini seçme formaach ($ tuş => $ name olarak $ options) {echo ”. $ isim. ”; }?>
<? PHP} Bu kod yalnızca widget'a 5 alan ekler (başlık, metin, metin alanı, seç ve onay kutusu). Bu nedenle, önce widget'ınız için varsayılanı belirlersiniz, daha sonra bir sonraki işlev, widget'ınız için belirlenen/depolanan geçerli ayarları varsayılan olarak paketlemektir (bu nedenle, mevcut olmayan herhangi bir ayar, ilk eklediğinizde varsayılana geri döner. yan çubuğunuza bir widget). Ve sonuncusu her alan için HTML'dir. Alan alanını eklerken ESC_ATTR () kullanımına dikkat edin, bu güvenlik nedeniyle yapılır. Sitenizdeki kullanıcı tarafından belirlenen değişkenleri her tekrarladığınızda, önce sterilize olduğundan emin olmalısınız.
3 – Yenileme işlevi () güncelleme işlevi () çok basit. Çekirdek geliştirici WordPress çok güçlü bir widget ateşi eklediğinden, yalnızca her alanı güncellemek için bu kodu eklememiz gerekir: // widget ayarları genel işlev güncellemesi ($ new_instance, $ eski_instance) {$ örnek = $ Old_instance; $ örneği ['başlık'] = isset ($ new_instance ['başlık'])? wp_strip_all_tags ($ new_instance ['başlık']): ''; $ örneği ['text'] = isset ($ new_instance ['text'])? wp_strip_all_tags ($ new_instance ['text']): ''; $ örneği ['textarea'] = isset ($ new_instance ['textarea'])? wp_kses_post ($ new_instance ['textarea']): ''; $ örnek ['checkbox'] = isset ($ new_instance ['onay kutusu'])? 1: Yanlış; $ örneği ['Select'] = isset ($ new_instance ['Select'])? WP_STRIP_ALL_TAGS ($ new_instance ['seç']): ''; Dönüş $ örneği; } Gördüğünüz gibi, tek yapmamız gereken her ayarı kontrol etmek ve boş değilse veritabanına kaydedin. WP_strip_all_tags () ve wp_kses_post () işlevinin kullanımına dikkat edin, bu, veritabanına eklenmeden önce verileri temizlemek için kullanılır. Veritabanına gönderilen herhangi bir içerik kullanıcısı girdiğinizde, tehlikeli bir kodu olmadığından emin olmanız gerekir. WP_STRIP_ALL_TAGS'in ilk işlevi, temel metin dışında her şeyi siler, böylece son değerin ikinci wp_kses_post () 'nın ikinci dizesi ve işlevi olduğu herhangi bir alan için kullanabilirsiniz, içerik göndermek ve tüm etiketleri silmek için kullanılan işlevdir. Temel HTML, SPAN, DIV, resimler, vb.
4 – widget function () widget function (), web sitesinde içerik görüntüleyecek bir işlevdir. Ziyaretçilerinizin göreceği şey bu. Bu işlev, CSS sınıfını ve tema ekranınızı mükemmel bir şekilde eşleştirecek özel etiketler içerecek şekilde ayarlanabilir. İşte kod (lütfen bu kodun ihtiyaçlarınıza göre kolayca değiştirilebileceğini lütfen değil): // widget genel işlev widget'ı ($ args, $ örnek) {Extract ($ args); // widget seçeneklerini kontrol $ title = isset ($ örnek ['başlık'])? Applate_filters ('widget_title', $ örnek ['başlık']): ''; $ text = isset ($ örnek ['text'])? $ örneği ['metin']: ''; $ textAea = isset ($ örnek ['textarea'])? $ örneği ['textarea']: ''; $ select = isset ($ örnek ['Select'])? $ örneği ['seç']: ''; $ checkbox =! Boş ($ örnek ['onay kutusu'])? $ örnek ['onay kutusu']: false; // wordpress çekirdeği önce_widget kancası (her zaman) echo $ öncesi_widget; // widget echo '
'; // ($ Title) {echo $ öncesi_title tanımlanırsa widget başlığını görüntüleyin. $ başlık. $ sonra_title; } // ($ text) {echo '
' ise metin alanını görüntüleyin. $ metin. '
'; } // ($ textarea) {echo '
' ise textarea alanını görüntüleyin. $ TextAea. '
'; } // ($ Select) {echo '
' If If If Alanı Seç. $ Select. '
'; } // ($ checkbox) {echo '
harika bir şey
' ise onay kutusu doğruysa bir şey görüntüleyin; } echo '
';
// wordpress çekirdeği After_widget kancası (her zaman) echo $ After_widget;} Bu kod karmaşık değil, hatırlamanız gereken şey, bir değişkenin ayarlanıp ayarlanmadığını kontrol etmektir, eğer değilse ve yazdırmak istiyorsanız, bir hata mesajı alacaksınız. Doğru eklentinizi izlediyseniz, widget eklenti kodunu tamamlayın Şimdi tam olarak çalışmalı ve ihtiyaçlarınıza göre ayarlayabilirsiniz.Kılavuzu izlemediyseniz veya kodu yeniden kontrol etmek istemediyseniz, tam kodu görmek için GitHub sayfasını ziyaret edebilirsiniz.Github’daki tam kodu görün, eklentide widget yapmanın çok ilginç olduğunu gördüğümüz sonuç, şimdi farklı alan türlerine sahip widget’lar içeren basit bir eklenti yapmayı ve gelişmiş teknikleri kullanarak nasıl daha fazla gideceğinizi öğrenmelisiniz. Widget’ı ayarlamak için.Tebrikler, olağanüstü bir iş yapıyorsun!
