İlk WordPress Eklentinizi Nasıl Oluşturursunuz? Adım Adım Kılavuz

Yayınlanan: 2020-10-06

Her zaman kendi WordPress eklentinizi oluşturmak istediniz, ancak nereden başlayacağınız konusunda hiçbir fikriniz yok mu? Bu yazıda, eklentilerin etrafındaki gizem perdesini kaldıracağız ve bir WordPress eklentisi oluşturmanın gerçekte ne kadar kolay olduğunu ortaya çıkaracağız. Bunu ne kadar çabuk yapabildiğinize şaşıracaksınız ve WordPress web sitenize özel bir eklenti ile işlevsellik eklemek için sunulan neredeyse sınırsız olanaklardan umutla heyecanlanacaksınız.

WordPress'in bir CMS (İçerik Yönetim Sistemi) olarak inanılmaz derecede popüler olduğunun kanıtlanmasının ana nedenlerinden biri, kısmen açık kaynak yapısı sayesinde, WordPress kullanılarak oluşturulan web sitelerinin hem tasarımını hem de işlevselliğini yoğun bir şekilde özelleştirmenin mümkün olmasıdır. nelerin başarılabileceği konusunda neredeyse hiçbir sınır yoktur.

Bunu iki şekilde yapabilirsiniz. İlk olarak, WordPress web sitenizin tasarımını veya işlevini değiştiren bir kod yazarak. İkinci (ve en popüler yol), web sitenizin tasarımını/görünümünü değiştirmek için Elementor gibi web sitesi oluşturucu eklentilerinden yararlanmak ve ardından işlevsellik eklemek için başka eklentiler kullanmaktır. Eklentileri herkes kullanabilir… çoğu kurulum için çok az beceri gerektirir ve onları inanılmaz derecede güçlü bir araç haline getirmek için kodlama deneyimi gerekmez.

Eklenti Nedir ve Neden Bir Eklenti Oluşturmalıyım?

Bildiğiniz (veya şimdi tahmin etmiş olabileceğiniz) gibi, WordPress'teki eklentiler, bir WordPress web sitesinin özelliklerini genişletmek için kullanılır. WordPress, kullanıma hazır bir dizi kullanışlı özellikle birlikte 'kutudan çıkar' olarak çıkar. Eklentiler, mevcut yerleşik özellikleri geliştirmenize veya kodlamaya gerek kalmadan hızlı ve kolay bir şekilde yenilerini eklemenize olanak tanır. WordPress eklentilerini, tam gereksinimlerinize göre oluşturulmuş bir web sitesi oluşturmanıza olanak tanıyan araçlardan biri olarak düşünün.

Peki eklentileri nereden alıyorsunuz? Başlamak için en iyi yerlerden biri, tümü web sitenizi bir şekilde geliştirmenize izin vermek için tasarlanmış 57.592 ücretsiz eklenti içeren (yazma sırasında) WordPress eklenti dizinidir. Belirli bir özellik veya işlev sunan bir eklentiye ihtiyacınız varsa, birinin zaten işi yapacak bir eklenti oluşturmuş ve kullanmanız için dizine eklemiş olma olasılığı oldukça yüksektir.

WordPress Eklentileri Dizini

Öyleyse neden kendi eklentinizi oluşturasınız? Pekala, birkaç nedeni var. Birincisi, birçok üçüncü taraf eklentinin 'özellik şişmesinden' muzdarip olmasıdır. Başka bir deyişle, muhtemelen gerçekten ihtiyacınız olandan daha fazla işlevsellik içereceklerdir. Bu, eklentiyi kurmayı ve sürdürmeyi daha karmaşık hale getirebilir.

Kendi eklentinizi oluşturmanızın ikinci ve belki de en olası nedeni, tam olarak ihtiyacınız olan özelliği veya işlevi sağlayan bir üçüncü taraf eklenti bulamamanızdır. Uygun bir eklenti sunan üçüncü bir tarafın yokluğunda, tek seçeneğiniz kendinizinkini oluşturmaktır (veya bunu sizin için birisine yaptırmaktır). Bir bonus olarak, yeni eklentinizi kendi web siteleri için oluşturduğunuz özellik veya işlevi de isteyen başkalarına satarak para kazanabilirsiniz.

Pressidium ile web sitenizi barındırın

60 GÜN PARA GERİ GARANTİSİ

PLANLARIMIZI GÖRÜN

WordPress Eklentinizi Oluşturma

Hemen konuya girelim ve kendi eklentinizi oluşturmak için uygulamanız gereken adımları gözden geçirelim. Eğlenceli bir süreç ve olasılıklar dünyası sunuyor.

Eklentinizi Adlandırma

Herhangi bir kodlamaya başlamadan önce eklentimize bir isim vermemiz gerekiyor. Bu ismin benzersiz olması önemlidir. Bu, web sitenizde yüklü olan diğer eklentilerle çakışmaması içindir. Eklentinizi 'gelecekte kanıtlamak' için, onu WordPress eklenti dizinine yüklemeyi seçmeniz durumunda, adın halihazırda mevcut olan binlercesinden herhangi biriyle çakışmayacağını da kontrol etmeye değer. Bunu, WordPress eklenti dizininde bir arama yaparak yapabilirsiniz.

Eklenti adının, eklentinin gerçekte ne yaptığını temsil etmesi de şiddetle tavsiye edilir. Bu, siz yayınladıysanız, başkalarının onu WordPress dizininde bulma olasılığını da artıracaktır.

Eklenti Hedeflerinize Karar Verme

Eklentinizi oluşturma sürecine kendinizi fazla kaptırmadan önce, eklentinizle neyi başarmak istediğinizi dikkatlice tanımlamanız önemlidir. Nihai hedef kafanızda net olduğunda bir şey tasarlamak, istediğiniz işlevselliğin sağlanmayacağı ortaya çıktığında eklentinizi yarı yolda yeniden tasarlamaktan çok daha kolaydır.

Bu eğitimde, her blog makalesinin altına otomatik olarak bir düğme ekleyen bir eklenti oluşturacağız. Elbette makalelerin altına manuel olarak bir düğme eklemek mümkün olsa da, bu, bir blog makalesi eklediğimiz her seferde orta derecede zaman alıcıdır. Binlerce makalenin bulunduğu bir web sitesinde, böyle bir düğme eklemek için her birini düzenlemek büyük bir taahhüt olacaktır.

Bu durumda, bunu otomatik olarak yapan bir eklenti bize çok fazla zaman kazandıracaktır. Bu, kendi eklentinizi oluşturmayı garanti edecek türden bir görevin klasik bir örneğidir. Bu eklentiye 'Gönderi Düğmesinin Altında' adını vereceğiz.

Şimdi işlevini tanımladık ve adını verdik, onu oluşturmaya başlayabiliriz!

Not: Eklentinizi test etmek için canlı bir web sitesi değil, her zaman bir hazırlama sunucusu kullanın.

Adım 1: Eklentiyi İşlevsel Hale Getirmek için Gerekli Dosyaları/Klasörleri Oluşturun

Bu ilk adımda bir eklenti oluşturacağız ve bunu web sitemize kaydedeceğiz. Bu aşamada herhangi bir işlev ekleme konusunda endişelenmemize gerek yok.

Eklenti klasörünü oluşturun

İlk olarak, bir SFTP istemcisi aracılığıyla web sitenize erişin ve /wp-content/plugins klasörüne gidin. Bu klasörde benzersiz bir ada sahip yeni bir klasör oluşturun. Ad, eklenti adınıza benzer olmalı ve yalnızca küçük harfler ve kısa çizgiler içermelidir. Klasörümüz 'under-post-button' olarak adlandırılacaktır.

Özel eklentim - eklenti klasörünü adlandırma

Ana dosyayı oluşturun

Ardından, bu yeni klasörün içinde, 'under-post-button.php' klasörümüzle aynı ada sahip bir PHP dosyası oluşturun.

Özel eklentim - eklenti ana dosyası

WordPress'e eklenti hakkında bilgi verin

PHP dosyası, WordPress'e bir dosyanın bir eklenti olduğunu söyleyen ve onun hakkında bilgi sağlayan gerekli yorumlanmış başlıkları içermelidir. Burada izlemeniz gereken belirli bir standart format vardır. WordPress standartlarına göre mevcut başlık alanları şunlardır:

  • Eklenti Adı
  • Eklenti URI'si
  • Tanım
  • sürüm
  • En azından gerektirir
  • PHP gerektirir
  • Yazar
  • Yazar URI'si
  • Lisans
  • Lisans URI'si
  • Metin Alanı
  • Alan Yolu

Bir eklentinin çalışması için minimum zorunlu başlık yorumu 'Eklenti Adı'dır. Bu eğitimin amaçları için dahil edeceğimiz tek şey bu. Normalde bir eklentiye dahil edilecek olan başlıkların geri kalanı, öncelikle bir eklenti dağıtıldığında (örneğin, WordPress eklenti yöneticisine yüklendiğinde) gereklidir. Bunları gelecekteki bir makalede daha ayrıntılı olarak ele alacağız.

Eklenti adını PHP dosyamıza eklemek için PHP dosyanızı bir kod düzenleyicide (Sublime gibi) açın ve aşağıdakileri ekleyin:

 <?php /* Plugin Name: Under Post Button */ ?>

Şimdi WordPress Yöneticinize gidin, 'Eklentiler'e tıklayın ve eklentinizi eklenti listesinde görebilmeniz gerekir.

Şimdi etkinleştirebilirsiniz. Eklenti artık işlevseldir, ancak herhangi bir işlevsellik kodlamadığımız için aslında hiçbir şey yapmayacaktır.

Adım 2: Eklentiye İşlevsellik Ekleyin

Eklentinizin PHP dosyasına aşağıdaki kodu ekleyin:

 add_action( 'the_content', 'myButton' ); function myButton ( $content ) { return $content .= '<button class="btn">My Button</button>'; }

Bu kod parçasının yaptığı şey, “myButton” geri çağırma işlevimizi eklemek için “add_action()” kancasını kullanmasıdır. Bu, "myButton" işlevinin, "the_content" eylemi her çağrıldığında yürütülen varsayılan temel işlevlerle birlikte yürütüleceği anlamına gelir.

"the_content" eylemi varsayılan olarak mevcut gönderinin içeriğini döndürür. Dolayısıyla bundan sonra içerikle birlikte özel çıktımız da basılacaktır. Web sitenizdeki herhangi bir blog yazısını şimdi ziyaret ederseniz, yazınızın makalesinin sonunda düğmeyi göreceksiniz. Yani web sitemizde 1.000 makale olsaydı, şimdi hepsi makalenin sonunda bu düğmeyi gösterecekti. Bu düğmeyi bir eklenti kullanarak eklemek, bu 1000 makalenin her birine manuel olarak bir düğme eklemekten çok daha hızlıydı!

"Kanca" ve "eylem" terimlerine henüz aşina değilseniz veya bunların WordPress'te nasıl çalıştığını daha iyi anlamanız gerekiyorsa, ilgili resmi WordPress belgelerine bakın. Kancalar ve Eylemler WordPress'te yaygın olarak kullanılmaktadır, bu nedenle eklentiler oluşturmayı planlıyorsanız ne olduklarını ve nasıl çalıştıklarını sağlam bir şekilde kavramanız önemlidir.

3. Adım: Eklentimizi İyileştirme

Artık tüm WordPress makalelerimizin altına başarıyla bir düğme ekledik. Bu düğme, birisini işletmenizle iletişime geçmeye teşvik etmek için kullanılabilecek harika bir CTA (Harekete Geçirici Mesaj) sağlar. Bu düğmenin görüntülenen metni değiştirerek ve bir köprü ekleyerek bir CTA işlevi görmesi için birkaç küçük değişiklik yapmamız gerekiyor, böylece tıklandığında sizi bir hedef sayfaya götürür.

Düğmede görüntülenen metni değiştirme

Bu çok kolay. <button class=”btn”> etiketinden sonraki metni düzenlemeniz yeterlidir. Bizim durumumuzda bunu 'ÜCRETSİZ Ödül Çekilişimize Girin!' olarak değiştirdik.

 add_action( 'the_content', 'myButton' ); function myButton ( $content ) { return $content .= '<button class="btn">Enter our FREE Prize Draw!</button>'; }

Düğmeye bir bağlantı ekleyin

Ücretsiz Ödül Çekilişimize bir form üzerinden girilirse, insanları bu forma yönlendirmek için kolayca bir bağlantı ekleyebilirsiniz. Bu örneğin amaçları için onları 'Bize Ulaşın' sayfamıza yönlendireceğiz.

 add_action( 'the_content', 'myButton' ); function myButton ( $content ) { return $content .= '<a href="YOURDOMAIN.URL/contact/"><button class="btn">Enter our FREE Prize Draw!</button></a>'; }

Alternatif olarak, WordPress'e url eklemenin 'doğru' yolu olarak kabul edilen göreli url olarak bilinen şeyi kullanabilirsiniz.

 add_action( 'the_content', 'myButton' ); function myButton ( $content ) { return $content .= '<a href="/contact/"><button class="btn">Enter our FREE Prize Draw!</button></a>'; }

Ve işte başlıyoruz, kendi özel CTA düğmemizle yeni kişiler çekmeye hazırız.

Çözüm

Yarattığımız eklenti kuşkusuz çok basit olsa da, eklentilerin kullanabileceği muazzam gücü gösteriyor. Birkaç satır kodla, web sitemizdeki potansiyel olarak binlerce sayfaya çok az çabayla bir düğme eklemeyi başardık. Bunun şimdiye kadar gördüğünüz en harika eklenti olduğunu düşünmeseniz de, umarım öğreticimiz WordPress'te özel bir eklenti oluşturmanın ne kadar kolay olduğunu gösterir. Bunu akılda tutarak, şimdi gidip kendi eklentinizi denemekte özgürsünüz.

Gelecekteki bir eğitimde, WordPress'te Seçenekler Sayfası olarak adlandırdığımız yönetici alanında eklentiniz için bir arayüz oluşturarak eklentimizi geliştireceğiz. Bu, WordPress yöneticisine giriş yapan kullanıcıların eklenti kodunu doğrudan güncellemek zorunda kalmadan düğme adı ve url gibi şeyleri değiştirmesini kolaylaştırarak eklentimizin işlevselliğini artıracaktır.

Eklentiler oluşturmak son derece tatmin edici olabilir. Web'de size yardımcı olacak bir ton bilgi var. Tek gerçek sınır hayal gücünüzdür. Mutlu eklenti binası!