WordPress eklentisini yapmanın kolay yolları

Hiç kendi WordPress eklentinizi yapmak istediniz mi? Bu makale nasıl yapılacağını açıklamaktadır. Bir süredir kendi temanızı oluşturduysanız, kodu functions.php dosyasına eklemezsiniz. Bazen bir eklenti yazmanız gerekip gerekmediğini merak ediyor olabilirsiniz, ancak nasıl olduğundan emin değilsiniz. Birçok durumda, eklentiler yazmak, function.php dosyasına kod eklemekten daha iyidir. Ve eklentiyi düşündüğünüzden çok daha basit hale getirmek. Bu yazıda, nasıl bir eklenti yapacağınızı göstereceğiz ve bir eklenti yazmanın ne zaman temanıza bir kod eklemekten daha iyi olduğunu belirleyeceğiz. Ayrıca, işlevler, eylemler ve filtreler, kısa kodlar ve widget’lar dahil olmak üzere eklentinizdeki kodu etkinleştirmenize yardımcı olacak çeşitli teknik ve kodları da tartışacağız.
Bu makale şunları içerir:
Ne zaman bir eklenti yazmanız gerekiyor?
Eklentiler yazma konusunda hangi teknikler dahildir? </A
Eklentiyi aç
Eklentinize işlevler yazın
İşlevinizi kancalardan etkinleştirin
Kısa kod için bir eklenti yazın
Widget'lar için bir eklenti yazın
Eklentiye dosyaları ekleyin
PHP dosyaları dahil
Styles sayfası arayın
Script çağrı
Güvenlik
Yapılacak çok şey var, o zaman başlayalım … ne zaman bir eklenti yazmanız gerekiyor? Peki ne zaman bir eklenti yazmanız gerekiyor? Eklentilerin en iyisi olduğu zamanlar vardır ve kodu temanızın dosya işlevine ekleyebileceğiniz zamanlar vardır:
Function.php kullanın, içeriğinizin görüntülenme şekliyle ilgili basit işlevsellik eklemeniz gerektiğinde (IE, temanız etkinleştirilmeden çalışmaz). Bu, örneğin ek yazı tipleri eklemeyi içerebilir. İşlev daha karmaşık olduğunda veya ek işlevsellik temaya bağlı olmadığında bir eklenti yazın. Bir örnek yazı türünü kaydetmektir – gelecekte temayı değiştirirseniz yazı tipinizi kaybetmek istemezsiniz. Sizin için en iyi olanı bildikten sonra, nasıl uygulanacağına geçebilirsiniz. Eklentiler yazma konusunda hangi teknikler dahildir? Bir eklenti yazmak için, bir eklenti dosyası oluşturmalı ve daha sonra şu ya da bu şekilde etkinleştirdiğiniz bir kod eklemeniz gerekir. Her eklentinin yorumlanan birkaç açma kodu vardır (bunu hemen göstereceğim), ardından eklenti kodu. Eklentiniz büyürse veya öğeleri ayırmak istiyorsanız, ana eklenti dosyanızda aradığınız bir Dosya Dosya-Ek PHP dosyası oluşturmanız gerekir. Bu yazıda nasıl yapılacağını size göstereceğim. Ayrıca eklentinize stil sayfası ve komut dosyaları girmek isteyebilirsiniz, bu durumda bunu bekliyorsunuz. Bir kez daha, buna daha sonra dokunacağız. Eklentinizdeki kodu etkinleştirmenin birkaç yolu vardır: eklentinizin işlevi aracılığıyla, daha sonra işlevdeki kodu aramak için temanıza bir yere eklediğiniz bir işlev yapın.
WordPress Action Hooks, eklentinize yazdığınız işlevde kodu aramak için kullanabileceğiniz yüzlerce kanca eylemi içerir. Temanızda (veya sitenizde etkinleştirdiğiniz diğer eklentiler) bir kanca varsa, daha sonra kancaya eklediğiniz işlevi yazabilirsiniz. Daha sonra, WordPress kancayı yüklediğinde eklentinizdeki kod çalışır. Kanca filtresinden bir kez daha WordPress, üretilenleri değiştirmenize izin veren birçok kanca filtresi sağlar. Filtre kancası, yeni bir kod eklemek yerine ortaya çıkan kodu değiştirmenize izin verdiği için eylem kancalarından farklıdır. Ayrıca, kendi eklentinizde kodu etkinleştirmek için kullanabileceğiniz temanızda veya diğer eklentilerde bir kanca filtresi de bulabilirsiniz. Kısa kod aracılığıyla eklentiniz, daha sonra yayınınıza veya sayfanıza eklediğiniz kısa bir kod oluşturabilir. Eklentiniz bir widget oluşturursa widget üzerinden, WordPress yönetici ekranındaki widget alanına ekleyerek etkinleştirirsiniz. Bu yazıda, eklentinizi nasıl yapacağınızı ve bunlardan bazılarını nasıl yapacağınızı göstereceğiz. Bir eklenti oluşturmak için eklentiyi açın, aşağıdaki açılış koduyla WP-Content/Eklentilerde bir dosya oluşturabilirsiniz:
Core 3554F1DD2EA26126BC329FC81DF38D içerir
Yukarıdaki kodu kendi ayrıntılarınızla düzenlemelisiniz, ancak çok basit görebilirsiniz.
Eklentinizi kaydettikten sonra, eklenti, etkinleştirebileceğiniz Yönetici ekran eklentisinde görünecektir:
Bir eklenti yapmak için yapmanız gereken tek şey bu. Ardından, ona biraz kod eklemelisiniz. Bir eklentideki kodu etkinleştirmenin çeşitli yollarına bakalım. Eklentinizde Yazma İşlevleri Bir eklentide yapabileceğiniz en temel şey bir işlev yazmaktır. Daha sonra işlevi bir kanca kullanarak veya işlevin adını temanıza yazarak görüntüleyebilirsiniz. Davet düğmesinin harekete geçmesi için bir işlev yapmak istediğinizi, ardından temanızdaki birkaç yerde eklemek istediğinizi söyleyin. Düğünüzün işlevi şöyle görünecektir:
Core yükleme 3AB00746ADB65F3D6DE38018512847AA

Yukarıda, PHP işlevimde HTML’yi yankılamak için Echo’yu kullandım. İşlevinize çok fazla HTML ekleyecekseniz ve çok fazla yankı kullanmak istemiyorsanız, işlevinize bir kapanış ve açma PHP etiketi ekleyebilirsiniz:
Çekirdek Yükleme 160E47F8107770B11FD1D5F24A496af
Artık sitenize hareket etmek için davet düğmesini eklemek istediğinizde, tema şablonu dosyanızdaki ilgili yere işlevler ekleyebilirsiniz:
Core 3FF4171CEC6947ED458AB6D32D7B38E0 içerir
Bu, davet düğmesinin her hareket etmesini istediğinizde temanıza kod eklemekten çok daha verimlidir – daha az kod WordPress’i çalıştırır ve daha az sürdürmeniz gerekir.
İşlevinizi kancalardan etkinleştirmek, işlevinizi her etkinleştirilmesini istediğiniz zaman tema şablonu dosyanıza yazmak için bir alternatif vardır. Temanızda bir kanca varsa (tema çerçevesini kullanırsanız kesinlikle gerçekleşecek), işlevlerinizi bir veya daha fazla kancaya bağlayabilirsiniz. Veya WordPress tarafından sağlanan kancalardan birini veya etkinleştirdiğiniz eklenti ile kullanabilirsiniz. Bu nedenle, temanızın Mytheme_IdeBar adlı tarafında bir eylem kancası varsa, add_ace () işlevini kullanarak işlevinizi onunla ilişkilendirebilirsiniz: 3EF5415F4BC24C2E72288BA37965E8D8’in özünü içerir.
Add_action () işlevinin iki zorunlu parametresi vardır: işlevi eklediğiniz kanca ve işlevinizin adı. Ayrıca, işlevinizi etkinleştirmek istediğiniz öncelik olan üçüncü isteğe bağlı parametre de vardır. Bir işlevin birbiri ardına veya sonra çalıştırıldığından emin olmak istiyorsanız bunu kullanın.
İşlevinizi istediğiniz kadar kancaya ekleyebilirsiniz. Dolayısıyla, Hook Mytheme_Below_Content’i kullanarak, yan tarafta ve temanızdaki içeriğin altında hareket etmek için davet düğmesini eklemek istiyorsanız, eklentiniz şöyle görünecektir:
A12CF9B63F77884F86CB8BEA495B21F6’nın özünü içerir
Kodunuzu WordPress tarafından sağlanan eylemlerden biriyle ilişkilendirmek istiyorsanız, bunu aynı şekilde yaparsınız. Bir örnek, sitenize Google’ın analitik izleme kodunu ekleyen ve WP_HEAD HOC ile ilişkilendiren bir eklenti oluşturmaktır. Bunun yerine add_filter () işlevini kullanmadığınız sürece kodu kanca filtresinden aynı şekilde ekleyin. Dolayısıyla, davet kutusu içeriği bir filtre kullanarak temaya eklendiyse, bunun gibi olabilirsiniz: Core 03703D48433D7713E51507A2EDFA511D içerir
Kısa kod için bir eklenti yazın, eklentiniz kısa bir kod oluşturuyorsa, bir kanca kullanarak veya tema şablonu dosyanıza işlevler ekleyerek verdiği kodu çalıştırmazsınız. Bunun yerine, kısa kodu yayın içeriğinize yazarsınız. Dolayısıyla, davet düğmesinin harekete geçmesi için kısa bir kod yapmak istersem, bu işlevi eklentime yazacağım:

E82231546CAAC7B3EF078E77EB7E43BE’nin özünü içerir
Bu, işlevlerimize eklediğimiz kodu, ob_start () ve ob_get_clean () işlevleriyle içerir. Bu, kısa kodunuzdaki HTML’nin eklediğiniz içerikteki yerde üretilmesini sağlar; Bu olmadan, ekranın üstünde görüntülenecektir. Bu işlev, API kısa kodlarının bir parçası olan Add_ShortCode () işlevi ile etkinleştirilir. Bu işlevin iki parametresi vardır: Birincisi, kullanıcının kısa kodu çalıştırmak için dirsek parantezlerine eklemesi gereken metin, ikincisi de işlevinizin adıdır. Site içeriğinizde hareket etmek için davet düğmesini eklemek için [CTA] yazın. Widget’lar için eklentiler yazma Sitenizdeki eklentinizdeki kodu etkinleştirmenin son yolu, seçtiğiniz widget alanına eklediğiniz widget üzerinden. Widgets API kullanarak widget’lar için eklentiler yapın. Daha sofistike bir widget oluşturmak, bu nedenle kullanıcınızın widget alanına widget eklediklerinde düzenleyebileceği bir widget ve widget ayarlarının nasıl oluşturulacağını öğrenmek için bu öğreticiyi tavsiye ederim. Şimdi, dosyayı eklentinize nasıl koyduğunuzu görmek için eklenti kodunuzun etkinleştirilmesinden geçelim. Eklentinizin stil sayfası ve komut dosyaları gibi varlıklara ihtiyacı varsa veya daha büyük olan eklentiye dosyaları ekleyin ve kodunuzu, dahil edilebilecek, dahil edilebilen dosyayı kullanmak için makul birkaç parçaya bölmek istiyorsanız. Bu durumda, eklenti dosyasını eklenti dosyasını doğrudan dizine koymak yerine WP-Content/eklentilerindeki klasöre koyacaksınız. Eklenti dosyanız aynı görünecek ve WordPress yine de klasörün kendisinde bulacak. Eklentimde genellikle eklenti klasöründe bu klasörden bir veya daha fazlası var:
Gaya dahil
senaryo
Dosya eklentinizde ana eklenti dosyasından ayırmak istediğiniz bir PHP dosyasıdır, stil klasörü eklentiniz tarafından kod çıkışını düzenlemek için stil sayfasını içerir ve komut dosyası klasörü eklentinizin ihtiyaç duyduğu javascript içerecektir. PHP dosyaları eklentinize ek PHP dosyaları girmek için dahil, bu kodu eklentinizin başlangıcında, açılış yorum metninden sonra ancak ilk işlevinizden önce ekleyin:
CE042B54AAC48838CA912DE696A8A66
Bu, kodu eklentideki işlevi eklediğiniz yere dahil eden dosyadan çizecektir. Diğer işlevlerden önce eklenti dosyamın başında tüm dosyalarımı girme eğilimindeyim. Bazı eklentilerde, tüm kodunuzu içerik dosyalarına kaydedebilir ve yalnızca Incors_once işlevini ana dosyaya ekleyebilirsiniz. Stylesajı Çağrı Styles sayfası eklentinizde çağırmak için, sadece girmemekle kalmaz, düzgün bir şekilde sıraya girmeniz gerekir. Dolayısıyla, davet eklentisi hareket ederse, davet düğmesinin harekete geçmesi için bir stil ekleyen bir stil sayfanız varsa, eklenti dosyanıza şöyle ekleyeceksiniz:
E9D177AC8F56F5D99EC9F4C377E90FA7’nin özünü içerir
Bu kodu ana eklenti dosyasına yerleştirirseniz, WP-Concent/Eklentileri/MyPlugin/Styles klasöründe style.css adlı bir stil sayfası çağırır. İşlevinizi enqueue_scripts adlı bir eylemle ilişkilendirmeniz garip gelebilir, ancak stil sayfası ve komut dosyası için geçerlidir. Arama komut dosyası, enqueue_scripts kancasını kullanarak komut dosyasını stil sayfasına benzer şekilde çağırır. Davet düğmesini canlandırmak için bir komut dosyası eklemek istersem, eklentime şöyle arayacağım:
Çekirdek 4da01677AA78ADEF8C8739A789BDDDD082 Bu, stil sayfası için kullandığımız işleve çok benzer, ancak komut dosyamın bağımlı olduğu bir javascript (jQuery) kütüphanesi olan üçüncü bir parametre ekledim. Başka bir deyişle, JQuery etkinleştirilmezse, işe yaramaz. WordPress ile paketlenmiş olduğu için kendi jQuery’niz için kayıt veya kuyruklu olmanıza gerek yoktur. Güvenlik Eklentinizi dağıtacaksanız, güvenli olduğundan emin olmalısınız. Değilse diğer insanların WordPress sitelerini etkileyeceksiniz ve bu dağınık olabilir. Güvenlik istikrarına bağlıdır. Kötü verileri yaymadığından, kullanıcı girişini filtreleme, SQL enjeksiyon saldırılarından koruyabilen ve daha fazlasına sahip olduğundan emin olmalısınız. Ayrıca, yalnızca yetkililerin bilgisayar korsanlarından korumak için verileri silebileceği şekilde ayarlanmalıdır. WordPress bunu yapacak kadar basit hale getiriyor, bu yüzden göründüğü kadar zor değil. Asıl şey şu:
Eklentinizin diğer siteleri olumsuz etkilemediğinden emin olmak için bir güvenlik protokolünüz olduğundan emin olun.Bir eklenti yapmak benim ek değerim olabilir, umarım bu yazı bir eklenti yazmanın aslında düşündüğünüz kadar zor olmadığını ikna eder.Bununla birlikte, bu gün ve yaşta, Gutenberg’in gelişiyle, her zaman bir eklenti yapması gerekmez.Ama bu bir seçim.Eklentiyi Functions.php dosyasına bir kod eklemek yerine kullanmak, temaya bağlı olmayan kodu saklamanıza yardımcı olur ve ayrıca farklı bir sitede tekrar tekrar kullanabileceğiniz bir kod verecektir. .Daha fazla referans için WordPress, başvurabileceğiniz kendi eklenti el kitabınız vardır.Bu, yaşadığımız birçok şeyi ve daha fazlasını içerir.Bir eklenti yaptığınız için tebrikler! Yaptığınız ilk eklenti nedir?Yapmak istediğiniz eklenti için bir fikriniz var mı?Bize aşağıdaki yorumlarda anlatın.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir