Bir WordPress eklentisi nasıl oluşturulur: adım adım

oluşturmak istiyorsunuz WordPress Plugin ? Bu eğitim size bunu nasıl yapacağınızı öğretecek.

Eklentiler, kodlama bilgisi olmayan kullanıcıların harika web siteleri oluşturmasına izin verdiği için WordPress'in popülaritesine katkıda bulunur.

50'den fazla eklenti var. rWordPress dizini  çeşitli amaçlar için tasarlanmıştır. Bulacaksın WordPress eklentileri için bülten aboneliği , Güvenlik et  e-ticaret . Sadece isim ver.

Bunlar olmadan, bir WordPress web sitesi yalnızca statik resimlerden ve metin bloklarından oluşan bir koleksiyondur. Eklentiler sayesinde içerik yönetim sistemi inanılmaz düzeyde bir özelleştirmeye ulaşabilir.

Web siteniz için özel bir eklentiye mi ihtiyacınız var, yoksa bir eklenti mi oluşturmak istiyorsunuz? WordPress Plugin ve para kazanın, hadi gidelim.

Fréquemment posées hakkında sorular

WordPress eklentileri para kazandırır mı?

Evet. ONLAR WordPress eklentileri para getirmek Eklentiyi web sitenizde veya üçüncü taraf bir pazarda satabilirsiniz.

CodeCanyon,  ThemeForest ve Mojo çarşı  eklenti satmak için en iyi 3 web sitesidir.

Ayrıca eklentinizin ücretsiz bir sürümünü WordPress deposuna ekleyebilir ve ek özelliklere sahip premium bir sürüm sunabilirsiniz.

WordPress eklentileri oluşturmak zor mu?

Bir yaratılışı WordPress Plugin İstediğiniz özelliklere bağlı olarak nispeten kolay ve zordur.

WordPress geliştirme ve PHP programlamanın temellerine zaten aşina iseniz, bir eklenti oluşturmak kolaydır. Eğer değilseniz, çok zor olabilir. Bu kılavuzda gösterildiği gibi basit bir eklenti ile başlamak en iyisidir.

Eklenti Geliştiricileri Ne Kadar Kazanıyor?

Zip Recruiter'a göre geliştiriciler için ortalama saatlik ücret WordPress eklentileri Amerika Birleşik Devletleri'nde saat başına 35 dolar. Bu, yılda yaklaşık 72 ABD Doları ve ayda 000 ABD Doları anlamına gelir.

Eklentinizi satarsanız, satış sayısına bağlı olarak ayda 5$'a kadar kazanabilirsiniz. Eklenti özelleştirme hizmetleri sunmak, size saatte 000 ila 20 ABD Doları arasında kazanç sağlayabilir.

Bir WordPress Eklentisi Oluşturmak İçin Neye İhtiyaç Duyarsınız?

Bir eklenti oluşturmak için uzman bir WordPress geliştiricisi olmanıza gerek yoktur. Başlamak için sadece bazı temel kodlama bilgisine ihtiyacınız var.

• PHP programlamada temel bilgiler: WordPress eklentileri PHP ile yazılmıştır, bu nedenle başlamadan önce dili ve sözdizimini anlamalısınız.
• Temel HTML ve CSS:  HTML ve CSS, eklentilerinizin görünümünü ve görünümünü kontrol etmenize olanak tanır. Bu nedenle, bir WordPress eklentisi oluşturmak için temellerini anlamak çok önemlidir.
• WordPress'e aşinalık:  kendinizi WordPress platformu ve ana işlevleri ile tanımanız yararlıdır. WordPress Codex (WordPress geliştirme için çevrimiçi kılavuz).
• Bir geliştirme ortamı: Eklentinizi geliştirmek ve test etmek için yerel makinenize veya bir geliştirme sitesine WordPress yüklemeniz gerekir. Bu, eklentinizi canlı bir web sitesini etkilemeden test etmenize olanak tanır. Bir sonraki bölümde bunu nasıl yapacağınızı göstereceğiz.
• Bir metin düzenleyici: Eklenti kodunuzu yazmak için bir metin düzenleyiciye ihtiyacınız olacak. S gibi birçok seçenek mevcuttur.Yüce metin, Atom et Visual Studio Kodu.

7 Adımda WordPress Eklentisi Nasıl Oluşturulur

1. Adım: WordPress eklentilerinin nasıl çalıştığını anlayın

WordPress bir programlama dilinde yazıldığı için, kodlama bilgisine sahip herkes WordPress koduna erişebilir ve kodu değiştirebilir.

Eklentiler tam olarak böyle çalışır. Belirli PHP işlevlerini kullanarak WordPress'inizle doğrudan etkileşim kurarak WordPress'in işlevselliğini değiştirmenize ve genişletmenize olanak tanırlar.

WordPress eklentinizi oluşturmak ve kod eklemek, yalnızca bir kanca kullanarak PHP işlevini çağırırsanız bir şeyler yapar. Kancalar, eklentinizin temel dosyaları düzenlemek zorunda kalmadan WordPress ile etkileşime girmesine izin veren şeydir.

WordPress eklentilerinin temellerini anlamak için köşeli parantezler ve işlevler arasındaki ilişkiye bakalım.

WordPress işlevleri:

WordPress kodu, herhangi bir üçüncü taraf kodunun WordPress ile etkileşime girmesine izin veren işlevler üzerine kuruludur. Bu yüzden eklentilerde ve temalarda birçok işlev bulacaksınız. Her işlevin bir adı vardır, ardından ayraçlar ve ayraç içindeki kod gelir.

Voici un exemple:

function sticky_header() {

  ?>

  <script>

  // Select the header element

  var header = document.querySelector(‘header’);

  // Get the offset position of the header

  var sticky = header.offsetTop;

  // Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position

  function addSticky() {

    if (window.pageYOffset > sticky) {

      header.classList.add(“sticky”);

    } else {

      header.classList.remove(“sticky”);

    }

  }

  // Add the sticky class to the header when you scroll the page

  window.onscroll = function() {

    addSticky();

  };

  </script>

  <?php

}

add_action( ‘wp_footer’, ‘sticky_header’ );

Kodun çalışmasını istediğiniz yere sticky_header() yazarak bu işlevi doğrudan WordPress eklentinizde çağırabilirsiniz. Ancak bu kötü bir uygulama çünkü sorunlarla karşılaşabilirsiniz. İşte işlevleri doğrudan kodunuzdan çağırmamanız için iki neden daha.

İlk olarak, doğrudan arama yalnızca bir tema dosyasına içerik eklemek gibi temel işlevler için çalışır. Ayrıca, bu yaklaşımı kullandığınızda, işlevleri birden çok yerde kullanmak için birden çok kez çağırmanız gerekir, bu da zaman alıcıdır ve kod dosyalarında kullanışsızdır.

Kodlamada yeniyseniz, bir işlevi manuel olarak çağırmak da zor olabilir. Eklenti oluştururken en iyi uygulama onları bir kancaya bağlamaktır. Bu, işlevi birden çok yerde geri çağırmak zorunda kalmanızı önleyecektir.

WordPress kancaları:

Kanca, WordPress kodunda kendi özel işlevlerinizi gerçekleştirebileceğiniz belirli bir noktadır. İki tür kanca vardır: eylem kancaları ve filtre kancaları.

Eylem Kancaları

Eylem kancaları, özel işlevleri WordPress çalışma döngüsünde belirli bir zamanda yürütmenize olanak tanır. Bir eylem kancasının sözdizimi böyle görünür.

add_action('hook_name', 'my_custom_function');

Le  kanca_adı  kullanmak istediğiniz eylem kancasının adıdır.

WordPress'te birkaç eylem kancası vardır. Onları şurada bulabilirsiniz: codex wordpress.

benim_özel_fonksiyonum  çalıştırmak istediğiniz kodu içeren işlevdir. Bu fonksiyon, fonksiyondan önce tanımlanmalıdır. ADD_ACTION.

Sözdizimi, yukarıdaki yapışkan başlık işlevini bir kancaya eklemek için böyle görünecektir.

add_action( 'wp_footer', 'sticky_header' );

Bu işlev, wp_footer eylem kancası çağrıldığında sticky_header() işlevini yürütür. İşlevi, wp_footer'ı istediğiniz kanca adıyla değiştirerek de belirli bir kancaya ekleyebilirsiniz.

Örneğin:

add_action( 'init', 'sticky_header' );

Bu, WordPress başlatma eylemi çağrıldığında yapışkan başlık işlevini çalıştıracaktır.

Filtre kancaları

Filtre kancaları, verileri görüntülenmeden veya veritabanına kaydedilmeden önce değiştirmenize olanak tanır. İşte bir blog gönderisinin başlığını tamamen büyük harfe çeviren bir filtre kancası örneği.

add_filter( ‘the_title’, ‘uppercase_title’ );

function uppercase_title( $title ) {

  return strtoupper( $title );

}

Bu işlev, blog gönderisinin orijinal başlığı olan tek bir argümanı, $title'ı kabul eder.

İşlev daha sonra işlevi kullanır strtoupper() başlığı büyük harfe dönüştürmek ve değiştirilen değeri döndürmek için.

Eylem ve Filtre Kancaları Arasındaki Fark

Eylem kancaları, özel işlevleri WordPress çalışma döngüsünde belirli bir zamanda yürütmenize olanak tanır. Yukarıdaki örnekte, eylem kancası wp_footer etiketinden hemen önce çağrılır.

Öte yandan, filtre kancaları, verileri WordPress kod tabanından geçerken değiştirmenize olanak tanır.

Yukarıdaki örnekte olduğu gibi, filtre kancası başlık web sitesinde görüntülenmeden önce bir blog gönderisinin başlığını düzenlemenizi sağlar.

2. Adım: Bir test ortamı oluşturun

Bir WordPress eklentisi oluşturmanın ikinci adımı, bir test veya geliştirme ortamı oluşturmaktır. Amaç, gerçek bir sitede deneme yapmaktan kaçınmaktır.

Bir eklenti oluşturmak bazen ileri geri gerektirir. Web sitenize zarar verecek hatalar da yapabilirsiniz.

Eklentinizi oluşturabileceğiniz ve test edebileceğiniz bir test WordPress sitesini barındırmak için bilgisayarınızı yerel bir sunucu olarak kullanabilirsiniz.

Planınhébergement test sitesi oluşturmayı destekliyor, onu da kullanabilirsiniz. Burada ilk çözümü kullanacağız.

Bir test ortamı oluşturmak için, yerel indir , WordPress web sitelerini yerel olarak barındırmak için bir geliştirme aracı.

İndirme işlemi tamamlandıktan sonra, yazılımı bilgisayarınızda başlatın ve tıklayın. + simgesi yeni bir yerel site oluşturmak için sol altta.

İçinden seçmek Yeni bir site oluştur ve düğmesine tıklayın Devam et.

Ardından, site adınızı eklemek, ortamı ayarlamak ve WordPress oturum açma bilgilerini oluşturmak için ekrandaki talimatları izleyin.

İşiniz bittiğinde. butona tıklayın Siteyi Ekleyin. Sitenizi ekledikten sonra, yerel kontrol panelinde web sitenizi seçin ve WordPress yönetici kontrol panelinizi başlatın.

Yönetici oturum açma sayfası açıldığında, Kullanıcı adı ve WordPress şifresi kontrol panelinize erişmek için yukarıda oluşturduğunuz.

Bitti. Test ortamınız hazır. WordPress eklentinizi oluşturmaya başlayalım.

3. Adım: Eklentiler klasörünüzü oluşturun

Test ortamınız oluşturulduktan sonra yapmanız gereken ilk şey, site dizininizde bir eklenti dosyası oluşturmaktır. Varsayılan olarak, WordPress tüm eklentileri dizinde saklar. wp-content/plugin.

Bir WordPress sitesine yüklenen her eklentinin bu dizinde bir klasörü olacaktır. Bu nedenle, eklentiniz için bu dizinde bir klasör oluşturmanız ve ona bir ad vermeniz gerekecektir.

Bu eğitim için, klasöre gideceğiz wp-content/plugin yerel site dizinimizde. İşte nasıl.

Not:  Bir ara site kullanıyorsanız süreç aynıdır.

Yerel kontrol panelinizde,  Site Klasörüne Git . Yerel site dizininize yönlendirileceksiniz.

seçmek uygulamalar seçeneklerde, üzerine tıklayın halka açık sonra wp-content. Bu dizinde farklı klasörler göreceksiniz.

Klasörü aç eklentiler ve eklentinizin adıyla yeni bir alt klasör. burada kullanacağız Yapışkan Başlık çünkü oluşturmak istediğimiz eklentinin adı.

Adım 4: Eklentiniz için ana PHP dosyasını oluşturun

Eklenti klasörünüzü oluşturduktan sonraki adım, bu klasöre bir PHP dosyası eklemektir. Bu, eklentinizin kodlarının ve işlevlerinin mevcut olacağı yerdir.

Bu öğretici için, WordPress'te yapışkan bir başlık oluşturan basit bir eklenti için yalnızca bir PHP dosyasına ihtiyacımız var.

Gelişmiş işlevselliğe sahip daha karmaşık eklentiler için, eklenti klasöründe CSS ve javascript gibi farklı dosya türleri olabilir. Bizim durumumuzda tek bir PHP dosyası yeterli olacaktır.

Bunu yapmak için eklenti klasöründe aşağıdaki ekran görüntüsündeki gibi bir PHP dosyası oluşturun.

Dosya hazır olduğunda, eklentinize bazı bilgiler eklemenin zamanı geldi.

5. Adım: Eklenti bilgilerinizi yapılandırın

Eklenti dosya başlığı olarak da bilinen eklenti bilgileriniz, eklentiniz hakkında eklenti adı, sürüm, URL, yazar adı ve web sitesi, lisans vb. ayrıntıları içeren bir PHP yorum bloğudur.

Bu, bir eklenti yükledikten sonra WordPress eklenti sayfasında gördüğünüz bilgidir.

bulabilirsin WordPress kodeksinde eklenti dosya başlığı . Bu gibi görünüyor.

Sadece bu kodu kopyalayıp eklentinizin PHP dosyasına yapıştırın, ardından detayları eklentinize uyacak şekilde düzenleyin. Bizim durumumuzda, yapışkan başlık eklentisi dosya okuyucusu şöyle görünecektir.

<?php

/*

Plugin Name: Sticky Header

Plugin URI: https://wordpress.org/plugins/sticky-header/

Description: Make your website header sticks to the top of every page on your website as users scroll.

Author: The Team

Author URI: https://blogpascher.com/sticky-header

Text Domain: Sticky Header 

Domain Path: /languages

*/

Bu dosyayı kaydettikten sonra, yeni bir eklenti oluşturmuş olursunuz ve bunu sitenizde zaten kurulu olan eklentiler listesinde bulabilirsiniz.

Test sitenizin WordPress panosuna giriş yapın ve şu adrese gidin: Plugins>Plugins installés.

Yapışkan Başlık eklentisini ayrıntılarla birlikte göreceksiniz. İşte burada.

Artık eklentiyi etkinleştirebilirsiniz, ancak henüz herhangi bir işlevsellik eklemediğimiz için hiçbir şey yapmayacaktır. Öyleyse eklentimizin bir şeyler yapmasını sağlayalım.

6. Adım: Eklentinize kod ekleyin

Bunu yapmak için, yukarıdaki WordPress fonksiyonlarını ve kancalarını öğrenirken kullandığımız yapışkan başlık kodunu ekleyeceğiz. İşte nasıl.

Eklentinizin PHP dosyasını açın. Başlık ayrıntılarının altında, bu kod parçacıklarını kopyalayıp eklentinizin ana PHP dosyasına yapıştırın ve kaydedin.

function sticky_header() {

  ?>

  <script>

  // Select the header element

  var header = document.querySelector(‘header’);

  // Get the offset position of the header

  var sticky = header.offsetTop;

  // Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position

  function addSticky() {

    if (window.pageYOffset > sticky) {

      header.classList.add(“sticky”);

    } else {

      header.classList.remove(“sticky”);

    }

  }

  // Add the sticky class to the header when you scroll the page

  window.onscroll = function() {

    addSticky();

  };

  </script>

  <?php

}

add_action( ‘wp_footer’, ‘sticky_header’ );

Bu kod iki temel şey yapar,

fonksiyon yapışkan_başlık kullanıcı sayfayı kaydırdığında etkinleşir ve kaydırma durduğunda durur.

İkincisi, eylem add_action('wp_footer', 'sticky_header'); adresini kullan…..

Kodu kaydedin, hepsi bu. Kullanıcılar sayfayı kaydırdığında web sitenizin başlığını yapışkan hale getiren bir WordPress eklentisini başarıyla oluşturdunuz.

Adım 7: Eklentiyi etkinleştirin. Eylemde.

Sitenize dönün ve eklentiyi etkinleştirin.

Sitenin yayındaki versiyonunda gezinirken, site başlığınız sayfanın üst kısmında kalacaktır.

Yeni eklentinin demo sitenizdeki etkisini gördükten sonra, onu gerçek sitenizde denemenin zamanı geldi.

Bundan önce, eklentiyi hatalar ve güvenlik açıkları için test ettiğinizden emin olun. Varsa bunları çözün. önlem olarak WordPress sitenizi yedekleyin yeni eklentinizi dağıtmadan önce.

Eklentinin sitenizdeki performansından memnunsanız, eklentinizi WordPress eklenti deposuna yükleyebilirsiniz. Web sitesi sahipleri ücretsiz olarak kullandığından, neleri iyileştirmeniz ve nasıl yapmanız gerektiği konusunda geri bildirim alacaksınız.

Eklentinizle para kazanmak istiyorsanız, onu yukarıda listelediğimiz web sitelerinden birinde satabilirsiniz.

Sonuç

Buraya kadar geldiyseniz, bir WordPress eklentisi oluşturmanın nispeten basit olduğunu kabul edeceksiniz. Bu kılavuzdaki talimatları izleyerek, temel bir WordPress eklentisi oluşturabileceksiniz. İstediğiniz kadar çok işlev deneyebilir ve eklentinizin işlevselliğini geliştirebilirsiniz.

Karmaşık eklentiler oluşturmak aynı yöntemi izler. Daha fazla işlevsellik, eklenti dosyanızda daha fazla işlev anlamına gelir.

Hiç bir WordPress eklentisi oluşturmayı denediniz mi? Aşağıdaki yorumlar bölümünde deneyiminiz hakkında konuşalım.