Yeni Başlayanlar İçin WordPress Geliştirme: Bir Eklenti Oluşturma

Başından beri WordPress için kendi eklentinizi yapmak ister misiniz? Kendi eklentinizi kodlamak hiç yapmadıysanız, özellikle PHP yeteneklerinize çok güvenmiyorsanız, hiçbir erkeğin topraklarını keşfetmediğinizi hissedebilir. Zorluk, yol boyunca nasıl başlayacağınızı ve hatalar yapmak için açılacağını bilmektir. Eklenti, sayfaya basit iletişim formları eklemekten güvenliğinizi artırmaya ve e -ticaret özellikleri eklemeye başlayarak WordPress’e her türlü işlev türünü eklemenizi sağlar. Hayal edebiliyorsanız, bunu yapabilecek bir eklenti veya kendinizi yapabileceğiniz eklentiler için fikirler olabilir.
Bu, yeni başlayanlar için beş bölümlük dizimizdeki son yazıdır, bu da size WordPress’i geliştirmenin temel kavramını öğretir, böylece zanaatkardan geliştiriciyle uğraşmaya atlayabilirsiniz. Serinin sonunda, kendi temel temalarınızı ve eklentilerinizi oluşturabilmeniz ve kendi özelliklerinizle mükemmelleştirebilmelisiniz. Bu öğreticide, WordPress site işlevinizi, üçüncü taraf eklentinizi ve hatta temaları değiştirebilmeniz için kendi eklenti kodunuzu nasıl oluşturacağınızı öğreneceksiniz. Not: Bu dizi için, HTML ve CSS hakkında kapsamlı bir anlayışa sahip olmanız önemlidir, çünkü bu iki dil WordPress ile çalışırken önemli yapı taşlarıdır.
Başlayalım! Yeni başlayanlar için WordPress Geliştirme Serisindeki öğreticiyi özlüyor musunuz? Beş yazıyı buradan takip edebilirsiniz:
Yeni başlayanlar için WordPress’in geliştirilmesi: Başlangıç
Yeni Başlayanlar İçin WordPress Geliştirme: PHP Öğrenme
Yeni başlayanlar için WordPress Geliştirme: Temalar Oluşturma
Yeni Başlayanlar İçin WordPress’in Geliştirilmesi: Yeni Başlayanlar için WordPress’in Widget ve Geliştirilmesi: Bina Eklentileri
Kancalar, Eylemler ve Filtreler Gerçek eklentiler yapmadan önce tuzağa düşmeden önce, kancalar, eylemler ve filtreler hakkında ayrıntılı olarak bakalım. Bu öğeler tüm eklenti sisteminin temelidir ve gerçek WordPress’in nasıl çalıştığının sahnelerini tam olarak anlamanıza yardımcı olacaktır.
Bir örneğe bakalım. Sitenize bazı analitik izleme kodları ekleyen bir eklenti oluşturmak istiyorsanız ne olur? İzleme kodu genellikle etiket kapağından hemen önce web sayfasının altına yerleştirilir. Tema değiştirilirse ve herhangi bir WordPress kurulumunda çalışmalısa yerinde kalmalıdır. Peki, tema üzerinde doğrudan kontrolünüz yoksa, bunu nasıl yapıyorsunuz? Yeni başlayanlar için WordPress’in geliştirilmesinde tekrar hatırlayın: wp_head () ve wp_footer () işlevinden bahseden temalarımı oluşturmak ve temanıza nasıl eklemelisiniz? Yukarıdaki örneğimiz bunun neden orada olması gerektiğidir. Wp_footer () işlevi, eklenti tarafından belirlenen diğer işlevleri yerine getirebilir.
İşte oynayabileceğiniz bir kod örneği:
Çekirdek 2BBE395F732C7EE90F0A içerir
Her şeyi yok edelim. İlk olarak, sadece izleme kodunu tekrarlayan bir işlev yazdım. Hiçbir yerde kullanılmadı, sadece eklentimde bir işlevdi. Sonra, add_action () işlevini kullanarak, işlevlerimi gerçekleştirmem gerektiğinde WordPress’e söylüyorum. WordPress, WP_Header () işlevine her girdiğinde, add_action () kullanılarak kendisine bağlı olan diğer tüm işlevleri bulur. Sonra bu işlevi tek tek gerçekleştirin, sonuç olarak izleme kodunu tekrarlayan. Bu, kancanın temelidir, ancak gücünü öğrenebilmeniz ve kullanabilmeniz için bu öğreticinin daha sonra daha derinlerini öğreneceğiz. Devam etmeden önce biraz düzeltmeden bahsetmek istiyorum. Tema altbilgisindeki wp_footer () işlevi aslında bir kanca değil, bu koddaki bir yerde kancalar içeren basit bir işlevdir. Bir kanca buna denir: do_action (‘wp_footer’), ancak bu ilk örnek için gerçekten önemli değil, bunun hakkında daha fazla şey anlayacaksınız! Terminoloji Şimdi ne geleceğinizi hissettikten sonra, devam etmeden önce bu öğreticide okuyacağınız terminolojiyi doğru bir şekilde açıklayayım.
Hooks, WordPress eklentisi API’sının bir parçasıdır. Eylemler ve filtreler iki farklı kanca türüdür. Eylem işlevsellik eklemenize olanak tanır, temel olarak kanca WordPress tarafından her işlendiğinde gerçekleştirilen işlevleri tanımlarsınız. Filtreler aynı şekilde çalışır, ancak işlevsellik eklemek yerine, filtre mevcut işlevselliği değiştirir. Örneğin, WordPress alıntının uzunluğunu belirleyen bir kancaya sahiptir: 55 kelime. Farklı sayıda kelimeye değiştirmek için bir filtre kullanabilirsiniz. Temel bilgileri bildikten sonra eylem hakkında her şey, daha iyi anlamak için add_action () işlevine daha ayrıntılı olarak bakalım. İşlev dört argüman gerektirir, yani: kancanın adı
Bağımlılık işlevimizin adı
Öncelik
Tartışma Alındı
İlk ikisini gördük, bu da gerekli olan tek kişi. Hangi işlevlerin gerçekleştirileceğini ve nerede çalışacağını belirlerler. Üçüncü parametre, gerçekleştirilen fonksiyon dizisini belirler. Bu, aynı kancaya bağlı birkaç işlev olduğunda kullanışlıdır. Web sitesine bazı izleme kodu eklemek istemek çok mümkündür. Öncelik argümanlarını kullanarak, işlevinizin ne zaman çalıştırıldığını kontrol edebilirsiniz. Alınan argüman sadece WordPress’e kaç argümanın ilgili işlevler aldığını söyledi. Burada bir şey eklemeniz gerekip gerekmediğini görmek için her kanca için Codex WordPress’e bakmanız gerekir. Bazı işlevler birden fazla argüman gerektirir, bu durumda burada belirlemelisiniz. Aşağıdaki örneğe bakın ve bunun neden kendi kancalarımızı yaparken neden olduğunu göreceksiniz.
WordPress eylemlerine örnekler sadece temada değil, aynı zamanda arka uç yöneticisinde ve belirli kullanıcı eylemleri bağlamında eylemler sunar. Publish_post Hooks Her yayın yayınlandığında çalışır ve o sırada bir şeyler yapmanıza izin verir. Argüman ihtiyacı burada açıktır. Bu kancaya işlevler eklersem, hangi yayınların yayınlandığını ve detaylar nelerdir? Kanca belgelerini görünce, işlevin sevkiyat kimliğini ve sevkiyat verilerini iki argüman olarak geçtiğini görebilirsiniz. Örneğin, yayın yayınlandığında yazının yazarına bir e -posta gönderelim: Çekirdek 2BBE395F732C7EE90F0A içerir
Filtre hakkında daha önce bahsettiğim gibi, filtre neredeyse aynı şekilde çalışır, ancak çoğunuzun ilgili işlevlere geri dönmesi için verileri değiştirir. Bir filtre eklemek için, add_action () ile aynı bağımsız değişkeni kullanan Add_Filter () işlevini kullanırız. Başlamak için iyi bir örnek filtrenin örnekleri, “[…]” alıntısının sonunda daha fazla dizeyi değiştirmektir. Bunu değiştirmek için şöyle bir şey yapabilirsiniz:
Çekirdek 2BBE395F732C7EE90F0A içerir
Alınan öncelikleri ve argümanları belirlemediğimi unutmayın. Bu bir öncelik 10 ve alınan argüman verilecektir. Devam eden argümanı kullanmıyorum (daha fazla varsayılan metin), yalnızca dizeyi döndürüyorum.
Aynı yöntemi, reklamları tek yazı içeriğinizin ilk paragrafına yerleştirmek için kullanabilirsiniz. Görmek:
Çekirdek 2BBE395F732C7EE90F0A içerir
Reklamı sağa doğru yüzmek için küçük bir CSS ile, içeriğinizde sadece birkaç saniye içinde standart bir reklam bloğuna sahip olabilirsiniz. Kancaları Tanımlama Kancaların nasıl tanımlandığını ve kendi kancalarımızı nasıl yapacağınızı öğrenin. Sistemi anlamada çok yardımcı olabilir. Bir e -ticaret eklentisi yaptığınızı ve ürün listesine işlevsellik eklediğinizi söyleyin, şöyle bir şey yapabilirsiniz: Çekirdek 2BBE395F732C7EE90F0A içerme
Temel olarak 10 ürün görüntülemek istediğiniz zor bir kod yaptınız. Birisi işiniz için bir uzantı yaparsa ve yalnızca üç ürünün görüntülendiği bir ekran istiyorsa ne olur? Kodu akıllıca yazarsanız, başkalarının değiştirmesine izin verebilirsiniz. Geliştiricilerin çalışmalarımızı kullanmasına izin vermek için kancaları kullanalım.
Çekirdek 2BBE395F732C7EE90F0A içerir
Uygulama uygulamasını kullanarak_filters () WordPress’e “Product_count” adlı bir kancamız olduğunu ve bununla ilgili tüm işlevleri yerine getirmek istiyoruz. Diğer eklentilerde, aşağıdaki yöntemlerle bu değere üç olarak değiştirilebilir:
Çekirdek 2BBE395F732C7EE90F0A içerir

Eklenti yapmanın temelleri, kancayı bildikten sonra, nereye koyacağımızı bilmemiz gerekiyor. Geri adım atalım ve genel olarak eklentiyi görelim. Eklenti, genellikle WP-Content/Eklentilerde bulunan WordPress sitenizin ana eklenti dizinindedir. Örneğin, yazının altına bir tweet bağlantısı ekleyen bir eklenti oluşturalım. İlk olarak, eklenti dizininizde bir klasör oluşturun ve Tweets-Plugin-Tutorial’ı adlandırın. Bu klasörde bir dosya oluşturun ve tweet-plugin-tutorial.php adını verin. Dosyayı açın ve aşağıdaki kodda yapıştırın: Çekirdek 2BBE395F732C7EE90F0A içerir
Bu bilgiler, eklenti bölümünde sitenizin arka uç yöneticisinde görüntülenir. Dosyayı kaydettikten sonra, yeni eklentinizi kayıtlı göreceksiniz; Mükemmel işlevsel bir eklenti yaptınız. Önce hiçbir şey yapmadı, ancak etkinleştirilebilir. Lütfen ve şimdi yapın. İşin% 90’ını gerçekten tamamladık. Şimdi yapmamız gereken, bağlantımızı yayınlama içeriğinin sonuna eklemenin bir yolunu bulmak. Bunu, ona birkaç metin ekleyerek yayınlama içeriği olarak değiştirme olarak değerlendirebilirsiniz. Bu, daha önce olduğu gibi kancayı kullanmamız gerektiği anlamına gelir:
Çekirdek 2BBE395F732C7EE90F0A içerir
Bu, içeriğimizden sonra kullanıcıların tweet atmasına izin verecek ve bağlantı tweet kutusunda doldurulacak bir bağlantı ekleyecektir.
Yirmi altı tweet bağlantısı aslında eklenti yapmak hakkında bilinmesi gereken tek şeydir. Tüm eklentiler, bu işlevlerin nerede gerçekleştirildiğini belirleyen fonksiyonların ve kancaların bir karışımıdır. Şu andan itibaren, odaklanmanız gereken API seçeneği, meta veri yangını vb. Gibi çeşitli alt sistemleri incelemek. Tema seçeneğini eklentiye ekleyerek temanıza seçenekler eklemenin birçok yolu vardır. Codex WordPress’te bulunan varsayılan yollara bakalım. Yöneticide formu barındıracak bir sayfa oluşturarak başlayacağız: Çekirdek 2BBE395F732C7EE90F0A içerir
TweetLink_settings_Menu () işlevi admin_menu’ya bağlanır. Codex’e göre, menü girişinin böyle yapılması gerekiyor. Çoğu iş, üst düzey bir sayfa oluşturmak için birçok argüman gerektiren add_menu_page () işlevi tarafından gerçekleştirilir. Sıralı bağımsız değişkenler:
Başlık Sayfası – Başlık etiketinde kullanılır
Menü Başlığı – Sol menüde kullanılır
Yetenek – Minimum görünürlük yeteneğini belirleyin
Slug Menü – URL’de kullanılan slug