WordPress Eklentileri Nasıl Oluşturulur: Geliştiriciler İçin Bir Eğitim

WordPress eklentileri oluşturmakla ilgilenen bir geliştiriciyseniz, bu eğitim tam size göre. Bu yazıda, WordPress eklentilerinin nasıl oluşturulacağı hakkında bilmeniz gereken her şeyi ele alacağız. Eklentilerin ne olduğunu ve neden bir tane oluşturmak isteyebileceğinizi tartışarak başlayacağız. Ardından, geliştirme ortamının ayarlanmasından kodun yazılmasına ve eklentinin paketlenmesine ve dağıtılmasına kadar bir eklenti oluşturma adımlarını inceleyeceğiz. Bu öğreticinin sonunda, kendi WordPress eklentilerinizi oluşturmaya başlamak için ihtiyacınız olan tüm bilgilere sahip olacaksınız.

Biraz kodlama bilgisi gerekecek, ancak web siteniz için temel bir eklentinin nasıl oluşturulacağını öğrenmek için özel bir şey yapmanız gerekmeyecek. Programlama becerisine sahip olmayan kullanıcılar, WordPress eklenti ekosistemi ile güçlü web siteleri oluşturma ve özelleştirme yetkisine sahiptir. Ayrıca platform, geliştiricilere ve web yöneticilerine çok çeşitli fırsatlar sunar. WordPress eklentilerini nasıl oluştururum? WordPress eklenti dizini aracılığıyla kullanılabilen binlerce araç vardır. Bir eklenti geliştirmek için kodlama yapmak ve nasıl yapılacağını öğrenmek için zaman harcamanız gerekecek. Eklentinizden para kazanmak istiyorsanız hem fiyatlandırma hem de abonelik seçeneklerinizi düşünmelisiniz.

WordPress.org adresinde WordPress Kodlama Standartları hakkında daha fazla bilgi edinebilirsiniz. Başlamak için önce sitenizin dizininde eklentiniz için bir klasör oluşturmalısınız. İkinci adım, test için bir ortam oluşturmaktır. Eklentinizi, geliştirirken bir hazırlama ortamında veya yerel ortamda test ettiğinizde özel olarak test edebilirsiniz. Her eklenti için kanca seti veya önceden var olan kod yoktur, ancak kancalar ve önceden var olan kod hepsi tarafından paylaşılır. Bir web sitesine işlevsellik eklemek veya işlevi değiştirmek için sitenin bağlantı noktasında bir kanca bulunmalıdır. Bir eklentiyi tetiklemek için yüzlerce kanca kullanabilir ve hatta gerekirse yenilerini bile oluşturabilirsiniz.

Kancalar ve nasıl çalıştıkları, eklentinizi nasıl kodlayacağınızı öğrenmek için önemli olacaktır. Canlı bir sitede geliştiriyorsanız, sıkıştırmadan önce eklenti klasörünü SFTP istemcinizden indirmeniz gerekebilir. Eklentiler sayfasına gidip Yeni Ekle düğmesini tıklayarak panonuzdan bir WordPress eklentisi yükleyebilirsiniz. Eklentinizin incelenmesi ve kabul edilmesi biraz zaman alabilir. Eklentileriniz onaylandıktan sonra onları thesvn dizinine eklemeniz gerekecek. Açık kaynaklı bir geliştirici olarak bir eklenti oluşturursanız, web sitenize kolayca işlevsellik ekleyebilirsiniz. Eklentinizi WordPress dizinine yükledikten sonra, bunun için bir web sitesi de oluşturabilirsiniz. Bir geliştirici, premium eklentisini pazarlamak için web sitelerini sık sık kullanır ve aynı zamanda ücretsiz veya hafif bir sürüm sağlar.

Bir eklenti oluşturmak için ihtiyacınız olan tek şey, bir klasörle başlamak ve ardından yalnızca bir satır metin içeren tek bir dosya oluşturmaktır. Awesomeplugin klasörünü oluşturmak için WP-content/plugins klasörüne gidin. Bu yeni klasörde bulunan harika eklenti dosyasını kullanarak bir uygulama oluşturabilirsiniz.

WordPress Eklentisi Yapmayı Ne Öğrenmeliyim?

WordPress geliştirmeyi öğrenirseniz, sitenizi neredeyse anında özelleştirebilir ve bir geliştirici olarak iyi bir yaşam sürdürebilirsiniz.

WordPress eklenti geliştirme konusunda deneyim kazandıkça, dikkat dağıtıcı şeylerden daha hızlı kaçınabileceksiniz. Eklenti geliştirme konusunda güncel kalmak için günlük çalışmalarımızda çeşitli kaynaklar kullanıyoruz. Eklenti geliştirmeyle ilgili tüm sorularınızı lütfen aşağıdaki yorumlar bölümünde sormaktan çekinmeyin.

Kendi Kendime Özel Bir Eklenti Kurmak Mümkün mü?

Evet, kendi başınıza özel bir eklenti kurmak mümkündür. Ancak, eklentiye bağlı olarak, özel kurulumunuzla çalışması için kaynak kodunu düzenlemeniz gerekebilir. Ek olarak, bazı eklentilerin düzgün çalışması için sisteminize ek yazılımların yüklenmesi gerekebilir.

Eklentinizi WordPress Deposunda Yayınlamak

Yerleşik bir eklentiniz varsa, dünyanın geri kalanının onu bulabilmesi ve kullanabilmesi için onu WordPress deposunda yayınlamanız gerekir. WordPress Codex web sitesini ziyaret ederek bunun nasıl yapılacağı hakkında daha fazla bilgi edinebilirsiniz. Eklenti geliştirme becerilerinizi bir sonraki seviyeye taşımak istiyorsanız, özel temalar dünyasına bakmalısınız. Özel bir temayla, web siteniz için mükemmel şekilde çalışan tamamen benzersiz bir çözüm oluşturabilirsiniz. Eklenti kavramlarını öğrenmek için bu yöntemi kullanmak, tam özellikli bir eklentinin nasıl geliştirileceğine dair fikir edinmenin harika bir yoludur.

WordPress Eklentileri Hangi Dilde Yazılır?

“WordPress PHP ile yazılmıştır” demek kolaydır. WordPress'in temel dili olduğu için, WordPress temaları ve eklentileri öncelikle PHP ile yazılmıştır ve bu nedenle tüm teknik diller arasında “WordPress PHP ile yazılmıştır” demek en doğru olanıdır.

HTML, CSS, PHP ve JavaScript'te WordPress'in nasıl oluşturulacağını öğrenmek çok önemlidir. Eklentiler ve WordPress çekirdeği farklı dillerde geliştirilmiş olsaydı, web sitesinin iletişim kuramayan veya birlikte çalışamayan birden fazla kolu olurdu. WordPress'i düzgün bir şekilde çalıştırmak için JavaScript öğrenmenize gerek yoktur. Açık kaynak kodlu ve genel amaçlı kullanıma yönelik PHP, bir betik dilidir. Bu, HTML çıktısı vermediği, bunun yerine kodun kendisinde HTML tarafından parantez içine alındığı için geçerli değildir. PHP geliştiricileri, kodu bu şekilde istemcileri tarafından gizleyebilir.

Özel Bir WordPress Eklentisini Nasıl Oluştururum?

Yapmanız gereken tek şey bir klasör oluşturmak ve ardından tüm içeriği tek bir satırda içeren tek bir dosya oluşturmak. Harika bir eklenti klasörü oluşturmak için WP-content/Plugins klasörüne gidin ve daha sonra harikaplugin adında yeni bir klasör oluşturun. Yeni klasöre harikaplugin adlı bir dosya eklemelisiniz.

WordPress Eklenti Geliştirme Eğitimi

WordPress için eklentiler geliştirmekle ilgileniyorsanız, başlamanıza yardımcı olacak birçok kaynak var. "Wordpress eklenti geliştirme öğreticisi" için hızlı bir arama, eklenti geliştirmenin temellerini öğrenmenize yardımcı olabilecek çeşitli makaleler, videolar ve diğer kaynakları getirecektir. Eklentilerin nasıl çalıştığına dair temel bir anlayışa sahip olduğunuzda, ihtiyacınız olan belirli işlevleri gerçekleştiren özel eklentiler oluşturmak için kendi kodunuzla denemeler yapmaya başlayabilirsiniz.

WordPress'te eklenti geliştiricisi olmak için hangi becerilere ihtiyacım var? Bir eklenti oluşturabilmeniz için önce güçlü bir kodlama anlayışına sahip olmanız gerekir. Eklenti geliştirme dünyasında, PHP'nin nasıl çalıştığına dair temel bir anlayış en önemli yönlerden biridir. WordPress web sitenizi özelleştirmek istiyorsanız, çekirdek dosyalarını değiştirme sürecinden geçmelisiniz. Kancalar, ana dosyaları düzenlemek zorunda kalmadan WordPress'in birden çok bölümüyle etkileşim kurmanıza izin verdiğinden, çekirdeği düzenlemeniz gerekmez. Örneğin bir kanca, web sitesinin belirli bir bölümünde veya belirli bir zamanda bir kod işlevi yürütmenize olanak tanır. İki tür kanca mevcuttur: hareketli kancalar ve filtre kancaları.

1 Mayıs 2018'den itibaren WordPress artık kısa kodlar veya widget'lar içermeyecektir. Geçmişte, tüm WordPress eklentileri, eklenti içeriğini gönderilere ve sayfalara eklemek için kısa kodlar kullanırdı. İşleri yapmanın modern yolu olan WordPress söz konusu olduğunda, bloklar artık eklentiler için varsayılandır. Şu anda, birçok eklenti hem bloklar hem de kısa kodlar sağlıyor, bu yüzden onları eklentinize dahil etmeyi düşünmelisiniz. WordPress widget konsepti, gelecekte bazı eklentilerle artık alakalı olmayabilir. Kodlamaya başlamadan önce eklentiniz için gereksinimleri belirlemelisiniz. Hello Dolly, eklentimizin adıdır ve orijinaliyle aynı görünüme ve hisse sahiptir.

WordPress, tüm eklentileri…/WP-content/ plugins klasöründe saklamayı kolaylaştırır. Daha karmaşık eklentileri uygulamak için daha karmaşık bir yapıya ihtiyacınız olabilir. Başlamak için önce WordPress eklentinizin kodunu yazmalı/eklemelisiniz. Göreceğiniz gibi, eklentinize işlevsellik eklemek için en çok zaman bu alanda harcanır. Hello Dolly tabanlı örneğimizde 100 satır kod kullanılmıştır – kulağa tam olarak böyle geliyor. Adım 4 – WordPress'i kurun ve dağıtın. Başkalarının eklentilerinizi kullanabilmesini istiyorsanız, bunları bir ZIP dosyasına eklemeniz yeterlidir.

WordPress'in nasıl çalıştığını anladıktan sonra, geliştirme sürecini hızlandırmak için araçları kullanabilirsiniz. WordPress Boilerplate Generator veya WordPress MVC gibi araçları kullanarak daha karmaşık eklentiler için uygun yapıyla başlayabilirsiniz. WordPress eklentisi oluşturma basittir ve nasıl oluşturulacağını hemen öğrenebilirsiniz.

Bir Web Sitesi İçin Eklenti Nasıl Oluşturulur

Eklenti oluşturma süreci belirli web sitesi ve eklenti gereksinimlerine bağlı olarak değişeceğinden, bu sorunun tek bir cevabı yoktur. Ancak, bir web sitesi için eklenti oluşturmaya ilişkin bazı ipuçları şunları içerir: -Web sitesinin eklenti mimarisini ve gereksinimlerini belirleme -Eklentinin kodunu ve gerekli dosyaları oluşturma -Uyumluluk ve işlevsellik sağlamak için eklentiyi test etme -Eklentiyi onay için web sitesine gönderme

Bu eğitimde, kod tabanı gerektiren herhangi bir web uygulaması için basit bir WordPress eklentisinin nasıl oluşturulacağını göstereceğiz. CrazyEgg, Freshbook, Google Analytics, Facebook Pixel veya Feedier gibi bu web uygulamalarından herhangi birini kullanabilirsiniz. Ayrıca uygulamanın site içi widget'ını yapılandırmak ve otomatik olarak HTML/JS kodu oluşturmak için bazı ayarlar ekleyeceğiz. Bu, WordPress sitemizde yeni bir Feedier yönetici sayfasının oluşturulmasına ve anketlerimizin Feedier API'sinden dinamik olarak alınmasına neden olacaktır. İlk adım, yeni bir JavaScript dosyası kaydetmek ve WordPress_localize_script() işlevini kullanarak WP_localize_script() ile veri alışverişi yapmaktır. Bir sonraki adımda, verilerimizi kaydetmek için AJAX kullanacağız. Üçüncü adımda, kullanıcı tarafından belirtilen değişkenlere bağlı olarak kodu anında yazdıracak olan eklentimiz için yeni bir yöntem oluşturacağız. Bir POST isteği aldıktan ve WordPress seçeneğinde gereken değerleri kaydettikten sonra, storeAdminData yöntemi POST isteğini WordPress seçeneğine gönderir. Her sayfa yüklediğimizde bu işlevi çağırmak zorunda değiliz çünkü onu sadece alt kısmında kullanabiliriz.

Çevrimiçi WordPress Eklentisi Oluşturun

Çevrimiçi bir WordPress eklentisi oluşturmanın birçok yolu vardır. Sıfırdan bir eklenti oluşturmak için bir metin düzenleyici kullanabilir veya bir eklentiyi daha kolay oluşturmanıza yardımcı olması için bir eklenti geliştirme kiti kullanabilirsiniz. Ayrıca önceden oluşturulmuş ve indirilmeye hazır eklentileri bulabilir ve ardından bunları ihtiyaçlarınıza göre özelleştirebilirsiniz.

WordPress siteleri, veritabanından içerik çekmek ve bir tasarımda görüntülemek için bir eklenti gerektirir. Bu kılavuz, özel bir WordPress eklentisi oluşturma sürecinde size yol gösterecektir. Ayrıca atölye sırasında ilk eklentinizi nasıl oluşturduğunuza ilk elden bakacaksınız. Eklenti almak için ne yapmalıyım? Dosya türleri, bazıları küçük, bazıları büyük olmak üzere, komut dosyaları, stil sayfaları ve şablonlar dahil olmak üzere birden fazla dosya dahil olmak üzere büyük ölçüde değişir. Genel olarak, eklentiyi çalıştıran PHP kodu her zaman ana eklenti dosyasında olacaktır, ancak daha büyük eklentilere ek kod ekleme isteği olabilir. Bu kılavuzun ilerleyen bölümlerinde include dosyalarının nasıl kullanılacağını öğreneceksiniz.

Eklentilerinizin düzgün çalışması için komut dosyaları ve stil sayfaları için ayrı dosyalar oluşturmanız gerekir. Bunlar, eklenti kodunuzun yapı taşlarıdır ve dosyaya dahil edilecektir. Bunu, kodunuzu her biri kendi adına sahip birden çok dosyaya bölerek düzenleyebilirsiniz. Yapabileceğiniz en iyi şey, kodunuzun büyük çoğunluğunu yapılandırılmış bir dosya yapısında organize etmektir. İki tür kanca vardır: hareketli kancalar ve filtre kancaları. Tüm eylem kancaları, kendilerine bağlı bir işlev olmadığı sürece çalışan kod içerir. İşlevinizi bir kancaya bağladığınızda, bu kanca tetiklendiğinde kodunuz çalışır.

Bunlardan birkaçı daha gelişmiş, ancak ilk eklentinizle, işlevleri bir eyleme veya filtreye bağlamak için büyük olasılıkla WordPress'in eylemlerini ve filtrelerini kullanacaksınız. Bu makalede, size özel bir gönderi türünü kaydeden basit bir eklentinin nasıl oluşturulacağını göstereceğim. Bu amaç için bir eklenti kullanılabilir ve gelecekte bunun üzerine inşa edebilirsiniz. Bu yazımda size nasıl eklenti oluşturacağınızı göstereceğim ve daha sonra bunu sitenize nasıl ekleyeceğinizi ileride anlatacağım. Web sitenize döndüğünüzde, özel bir gönderi türü kaydetmek için kodunuzu henüz etkinleştirmediyseniz hiçbir şey görmeyeceksiniz. Bu durumda, kodumuzu iki parametreyle bir eylem kancasına bağlamak için add_action() işlevini kullanırız: eylem kancasının adı ve işlevimiz. Eklentiniz için ihtiyaç duyduğunuz özel stil veya komut dosyaları, doğrudan eklentinin dosyasına eklenebilir.

Ayrı ayrı stil sayfaları ve komut dosyaları oluşturun ve bunları WordPress'in işlevini kullanarak sıraya alın. Özel gönderi türleri eklediyseniz ve stil sayfası onlar için stil içeriyorsa, bunu ön uçta görebilirsiniz. Eklentinizi geliştiriyorsanız, buna dahil etme dosyaları olarak bilinen ek PHP dosyaları da ekleyebilirsiniz. Bunu bir eylem veya filtre olarak kullanmak için eklenti dosyasında include_once işlevi kullanılabilir veya isteğe bağlı bir özellik olarak kullanılabilir. Başka bir eklentinin kodunu kullanmak, onun amaçlandığı gibi çalışmasını sağlamanın bir yoludur. Kendi kodunuzu yazmak için eylem kancalarını, filtre kancalarını dahil edebilir ve sınıfları genişletebilirsiniz. WooCommerce'in çok sayıda işlevi, kancası ve sınıfı olduğundan, API belgelerini veya geliştirici belgelerini bırakmaya gerek yoktur.

Bu kılavuzun amacı, eklenti kodlamanın nasıl çalıştığını göstermek ve basit bir eklentinin nasıl oluşturulacağını göstermektir. Eklenti geliştirmeyi öğrendikten sonra, web siteniz için daha karmaşık görevlerin üstesinden gelmek için daha karmaşık ve tam özellikli eklentiler oluşturabilirsiniz. 2021 için en iyi widget eklentilerini, 2021 için en iyi Facebook widget'larını ve en iyi Twitter widget'ını ve 2021 için en iyi widget'ları belirledik Sitenizin işlevselliği ile ilgiliyse, kodunuzu bir eklentiye kodlamak çok önemlidir. içeriğinizin tasarımı veya çıktısı yerine. Sonuç olarak, gelecekte temaları değiştirseniz bile bu işlevselliğe sahip olacaksınız. Ayrıca eklenti, farklı bir temaya sahip başka bir sitede kullanılabilir. İlk adım, eklenti dosyanızın başında boş satır olmaması için WP_DEBUG'u etkinleştirmektir. WordPress kodlama standartlarına uyan ve kötü amaçlı kod içermeyen saygın bir kaynaktan eklenti satın aldığınızdan emin olun. CodeCanyon, aralarından seçim yapabileceğiniz 20.000'den fazla WordPress temasına sahiptir ve ThemeForest'i ziyaret ederek hepsini ücretsiz olarak alabilirsiniz.

WordPress'te Özel Eklenti Kodu

WordPress açık kaynaklı bir yazılım olduğundan, geliştiricilerin onunla neler yapabileceği konusunda herhangi bir kısıtlama yoktur. Bu, geliştiricilerin WordPress web sitelerine yeni özellikler ve işlevler eklemek için özel eklentiler ve temalar oluşturabileceği anlamına gelir. İnternette ücretsiz olarak sunulan binlerce eklenti ve tema varken, bazı geliştiriciler eklentilerini ve temalarını satmayı tercih ediyor. Bir geliştiriciyseniz, özel bir eklenti veya tema oluşturabilir ve CodeCanyon gibi bir sitede satabilirsiniz.

Bir milyondan fazla WordPress web sitesi, kod parçacığı eklentisi olarak WPCode kullanıyor. function.php dosyaları yerine kod parçacıkları kullandığınızda, bunları function.php dosyasını değiştirmek zorunda kalmadan WordPress'e kolayca ekleyebilirsiniz. Google Analytics, Facebook Pixel, Google AdSense ve diğer izleme kodlarına ek olarak, WPCode bu araçları eklemeyi kolaylaştırır. Eklentiyi etkinleştirdikten sonra, WordPress yönetici çubuğunuza 'Kod Parçacıkları' başlıklı yeni bir menü öğesi ekleyecektir. Üzerine tıkladığınızda, sitenize kaydettiğiniz tüm özel kod parçacıklarının bir listesini görürsünüz. 'Özel Kodunuzu Ekleyin (Yeni Snippet)' seçeneği altında 'Snippet Kullan'ı seçerek özel kod ekleyebilirsiniz. Kod kutusuna tıklayarak eklemeler yapılabilir.

Cihazınızı yerleştirmenin iki ana yolu vardır. Rahatınıza göre ekleyebilir ve kodlayabilirsiniz. Önceliğini 5 gibi daha düşük bir sayıya ayarlayarak bir parçacığın diğerlerinden daha erken görünmesini sağlayabilirsiniz. 'Akıllı Koşullu Mantık' bölümü, belirli bir diziye dayalı olarak otomatik olarak eklenen parçacıkları gizlemek veya göstermek için kullanılabilir. tüzük. Kod parçacıklarının yalnızca oturum açmış kullanıcılara gösterilmesi, kod parçacıklarının yalnızca belirli sayfa URL'lerine yüklenmesi vb. mümkündür. WordPress'in WPCode eklentileri, özel kod parçacıklarını yönetmeyi kolaylaştırır. Kod parçacıkları, sitenin etkinleştirmesine gerek kalmadan kaydedilebilir ve daha sonra herhangi bir zamanda etkinleştirilebilir veya devre dışı bırakılabilir. Bir web sitesi başka bir sunucuya aktarıldığında, kod snippet'lerinizi yeni siteye kolayca aktarabilirsiniz.