WordPress Özel Widget nasıl yapılır – Tam Kılavuz

Bu makalede, ‘son yayınlar’ widget – ‘WordPress Kustom’ widget’ın ek bir versiyonunu oluşturacağız. Bu talimatı takip etmek için, yerel bir makinede veya barındırma sunucusunda işlev gören bir WordPress kurulumuna ve Notepad ++ gibi metin düzenleyicisine ihtiyacınız var. ‘Son yayınlar’ widget aslında WordPress kurulumunun bir parçasıdır ve çok temel bir formda gelir – sadece başlığı köprüyle gönderin. Şimdi, her şeyin öne çıkması için düzenlenmiş yayınların, yazı başlıklarının ve çok küçük alıntıların yayınını gösteren farklı bir sürüm yapacağım. Uyum – Benden herhangi bir tasarım tavsiyesini kabul etmeyin.
*** Dikkat *** Widget’ınızı yerel WordPress kurulumunda (veya en azından test sitesinde) oluşturmanızı ve test etmenizi tavsiye ederim. Ayrıca sitenizi ayırmanız gerekir. Bunun nedeni, hataların ölümcül hatalara neden olabilmesi ve sitenizi çökertebilmesidir, böylece kullanıcınız için zahmetlidir. WordPress Widget Dizini Özel WordPress eklentisi, bir eklenti veya widget olsun, ‘Eklentiler’ ve en az bir PHP dosyasında kendi dizine sahip olmalıdır. Öyleyse, bir dizin yaparak başlayalım. İlk olarak ‘WP-Content/Eklentiler’ dizinine (FTP aracılığıyla) işaret eden ve bir klasör oluşturun. İstediğiniz herhangi bir ismi vermekten çekinmeyin. Bizim durumumuzda, bu ‘Fixrunner-Custom-Widget’ olacak.
WP dosyanıza nasıl erişeceğinizi öğrenmek için FTP’nin nasıl kullanılacağına dair kılavuzumuzu okuyun.

Bundan sonra, Notepad ++ (veya herhangi bir kod düzenleyicisi) kullanarak bir PHP dosyası oluşturun. Ne istersen adlandırın, ‘.php’ uzantısı ile bittiğinden emin olun. Eklenti dosyamı ‘Fixrunner-Widget-plugin.php’ adını verdim. Bunu eklenti dosyanızda kopyalayıp yapıştırın ve daha sonra düzenleyeceğiz: <? PHP/* Eklenti Adı: Özel Fixrunner Widget URI eklentisi: https://www.fixrunner.com/creating–custom-widget Açıklama: Özel Widget . İşte burada. Sürüm: 1.0 Yazar: Fixrunner URI Yazar: https: //www.fixrunner.com Lisans: GPL2 */Class My_widget WP_WIDGET {// Yapıcı Kamu İşlevleri Sınıfı __Construct () {} // ön uç widget'ında ekran içeriği genel işlevler ($ args, $ örnek) {} // Yönetici widget ekran formunda opsiyon formu alanını görüntüleyin ($ örnek) {} // genel işlev güncelleme seçeneğini kaydedin ($ new_instance, $ eski_instance) { }} // Bir fonksiyon widget işlevi kaydetme my_register_custom_widget () {register_widget ('fixrunner_custom_widget'); } Add_action ('widget_init', 'my_register_custom_widget'); Buna ek olarak, 'Ek CSS' veya tema stili sayfasını düzenlemek yerine daha önce özel WordPress widget'ınızı düzenlemek istiyorsanız, bir CSS dosyasına da ihtiyacınız vardır.
Bu nedenle, bir CSS dosyası oluşturun. Tahmin edebilirsiniz – '.css' uzantısı ile bittiği sürece herhangi bir isim iyidir. Ayrıca, stil sayfasını aşağıdaki kodu kullanarak sıralamanız gerekir (dosya adınıza uyacak şekilde kod bölümünü ayarlayın): wp_enqueue_style ('fr style', eklentiler_url ('fr-style.css', __file__), "; Şimdi bir widget yaparak devam edelim. Widget'ın 5 önemli kısmı vardır:
Başlıklar ve kancalar
__Construct () -class Widget () Ön uçta görüntülenen yapıcı-widget içeriği
Form () – 'Widget' bölümünde görüntülenen widget'ın arka uç formu
Update () – Widget ve seçeneklerin nasıl güncellendiğini belirleyen kısım
Her birinden tek tek geçeceğiz.
Bu başlıklar ve kancalar, diğerleri var olduğu için özel bir WordPress widget sargısı olarak düşünülebilir. Başlık Widget, isimleri, yazarları, açıklamaları, sürümleri ve lisansları tanımladığımız yerdir. Bu bilgiler, WordPress kontrol panelindeki 'Eklenti' bölümünde görülebilir. Aşağıdaki resimde, başlık eklentisinin/widget'ının bir örneğini göreceksiniz.
Her şey başlıkla ilgili. Şimdi kancaya. Kanca dosyanın en alt kısmında bulunur (eklediğiniz): // işlev widget'ını kaydeder my_register_custom_widget () {register_widget ('fixrunner_custom_widget'); } Add_action ('widget_init', 'my_register_custom_widget');
Bu, widget'ı kaydetti ve 'eklenti' bölümünde görüntülenmesine ve etkinleştirilmesine izin verdi.

Yukarıdaki talimatları doğru bir şekilde izlerseniz, widget’ınızın ‘Eklenti’ bölümünün altında göründüğünü görürsünüz. Herhangi bir işlevi olmayacak, ancak bunu aşağıdaki bölümde tartışacağız. Sınıf Yapıcı – __Construct (), benzersiz bir widget kimliği, başlık ve seçeneği (değişebilir) tanımlayan kodun bir parçasıdır. Ayrıca, burada kimlik, adlar ve ‘className’, ‘açıklama’, ‘Customize_Sertive_Refresh’ seçeneklerini tanımlarız. İkincisi (Customize_Sertive_Refresh), sayfayı yenilemeden ‘özelleştirici’ (görünüm >> özelleştir) kullanılırken değişikliklerin görülmesine izin verir.
Sınıf Fixrunner_custom_widget Genişleyen wp_widget {// genel işlevlerin ana yapıcısı __construct () {$ widget_ops = array (‘sınıf adı’ => ‘Fixrunner_custom_widget’, ‘açıklama’ => ‘fiixrunner okurları için eklenti.); Ana :: __ Construct (‘Fixrunner_custom_widget’, ‘FixRunner Custom Widget’, $ widget_ops); } ‘Açıklama’ bölümü başlık açıklamasından farklıdır. Bu açıklama görünüm altında görülür >> widget’lar: WordPress widget içeriği özellikle ‘widget ()’ işlevini kullanan bu nedenle, bu WordPress özel widget’ın gerçek ön görünümüdür. Burada yazdıklarınız sitenizde görüntülenecektir.

Bu nedenle, bizim durumumuzda, birkaç önemli kod vardır (PHP’ye alışık olmayanlar için), ancak çizginin ne için olduğunu açıklamak için yorum yaptım. Google için ihtiyaç duyabileceğiniz her kod satırını belirtmeyeceğiz: // genel işlevin ($ args, $ örnek) fretend widget bölümünü tanımlayın {if (! İsset ($ args [‘widget_id’]))) {$ args [‘widget_id’] = $ this-> id; } // Başlığı arka uç $ title = (! boş ($ örnek [‘başlık’])) alın. $ örneği [‘başlık’]: __ (‘son yazı’);
$ Title = Applate_filters (‘widget_title’, $ title, $ örnek, $ this-> id_base);// Arka uçtan yayın sayısını alın (değer kümesi yoksa varsayılan 5’dir) $ number = (! Boş ($ örnek [‘sayı’])?Abstt ($ örneği [‘sayı’]): 5;İf (! $ Number) {$ number = 5;} // Alıntı uzunluğunu 10 Custom_Excerpt_Length ($ uzunluk) işleviyle sınırlandırın {10;} add_filter (‘Excerpt_Length’, ‘Custom_excerpt_Length’, 999);// $ args = Array (‘Post_type’ => ‘Post’, ‘Post_status’ => ‘yayın’ argümanını hazırlayın,

‘Posts_per_page’ => $ numara); $ query1 = yeni wp_query ($ args); ?>
<? php / * yazdır widget başlıkları, eğer ayarlanırsa * / if ($ title) {echo '