WordPress Eklentim – 1 ( WordPress eklentisi nasıl yapılır ? )

0 3.916

Yeni konu paylaşıldığı takdirde anlık olarak bilgilendirileceksiniz.

Bir anlaşma üzerine bir firma için wp eklenti yapmam gerekli bende bilmediğim için hem öğrenip hemde öğrendiğim pratik yöntemleri herkesle paylaşmak istedim bu yazı tecrübe ile yazılmamıştır. Eğer hata ile karşılaşırsanız yorum olarak bildirin, daha pratik bir yol biliyorsanız lütfen benim ile de paylaşın.

WordPress tamamiyle geliştirilebilir ve her türlü alanda kullanılabilen bir CMS yazılımıdır. WordPress.com Stats sayfasından da ulaşabileceğiniz üzere WordPress şu anda 74 milyondan fazla blog sistemi kurmuş durumda. Ve yine o sayfada bunun yarısını kendilerinin barındırığını aktarmaktalar.Yani geri kalan 37 milyondan fazla blog bir şekilde kendi başlarına WordPress kurmuşlardır.

Daha fazla uzatmadan wordpress eklenti yazılımına geçelim ;

plugins/ klasörü altında pluginiz için yeni bir klasör oluşturun, benim klasörüm yildirim. Şimdi klasörün içine giriyoruz ve alttaki dosyaları oluşturuyoruz.

DIP NOT! Fotoğraf taki tüm dosyalar kafanızı karıştırmasın, Kodlamakta olduğum bir eklentinin dosya stilinin resmini çekip sizinle paylaştım sizin için önemli olan dosyaları ve klasörleri aşşağıda belirttim.

Şimdi bu klasörlerin ve dosyaların ne işe yarayacağını söyleyeyim, Normalde bu kadar dosyaya gerek kalmaz işlemlerinizi tek dosyadan da halladebilirsiniz. Fakat ben ne yaptığımı koyduğum şeyin nerede olacağını bilmek istiyorum derseniz böyle bir çizelge ile ilerleyin derim.

index.php 

functionları çağıracağım dosya olur.

functions.php

isminden de belli olduğu üzere kodladığım fonksiyonların bulunduğu dosya.

trunk/ ben genellikle ajax ile işlemlerimi gerçekleştirdiğim için, ajax dosyaların bulunduğu klasör

assets/ klasörünün içine resimler ve css dosyalarının bulunduğu klasör.

 

hopsss  ! Dosya ve klasör isimlerinizi kendinize göre belirleyebilirsiniz. Ben genellikle böyle bir yapı ile çalıştığım için klasör isimleri böyle.

Dosyalarımızı ve klasörlerimizi oluşturduysak artık kod kısmına geçelim;

 

 

/*
Plugin Name: İlk Eklentim 
Plugin URI: https://www.musayildirim.com.tr
Description: Musa Yıldırım ile ilk eklentim
Author: Musa Yildirim
Author URI: https://www.musayildirim.com.tr
License: GNU v2
*/

 

Sol taraftaki kodları oluşturduğunuz index.php içine ekleyiniz ve unutmayın bu kodlar herzaman en üstte bulunmalı.Kodları yerleştirdikten sonra Panelden Eklentiler’e girdiğinizde alttaki gibi bir görüntü oluşturmuş olacaksınız.

Plugin Name = Eklenti ismini yazacaksınız.
Plugin URI = Plugin URL sini gireceksiniz eğer uygulamanız wp markette yayınlandıysa wordpress marketteki url yi girebilirsiniz.
Description = Eklentiler kısmında eklentinin sağ tarafında bir açıklama kısmı olur o açıklamayı oluşturduğunuz yerdir.
Author  = uyguluma yapımcısını belirliyorsunuz.
Author URI = Uygulama yapımcısının linkini belirliyorsunuz.
License = Uygulamanın lisans türünü belirtiyorsunuz.

WordPress eklentinizi admin panelinde menüye eklemeyi nasıl yaparım ? 

Hatırlarsanız functions.php diye bir dosya oluşturmuştuk onun içine alttaki kodumuzu yerleştiriyoruz.

<?php  
function menuekle(){
 add_menu_page('Musa Yıldırım ilk eklentim,'Musa Yıldırım ile ilk eklentim', 'edit_users',
 'icerik', 'menuekle_fonks',0,1);
}
?>

Şimdi bu fonksiyonu çalıştırmamız gerekli, tekrar dan index.php dosyamızı açalım açtıktan sonra alttaki kodları dosyaya ekleyelim.

require_once('functions.php');
add_action( 'admin_menu', 'menuekle' );

Kodları ekledikten sonra index.php ‘nin son hali alttaki gibi olmalı.

Eğer bu aşamaya kadar dediklerimi yaptıysanız eklentiniz panelde sol en üst sırada gözükmüş olacaktır.

Menü eklerken add_menu_page diye bir wordpress functionu kullandık onu anlamanız için size daha detaylı şekilde anlatayım.

 

DIKKAT! Eğer yazılıma yeni başladıysanız tutarials kısmı kafanızı karıştırabilir okumadan devamına geçiş yapınız.

add_menu_page() tutarials

Parametreler Parameters

$page_title

  Sayfa nın Üst kısımdaki TİTLE kısmını belirler (DOLDURMAK ZORUNLUDUR)

$menu_title

Menü de ki ismini belirtiyorsunuz ( DOLDURMAK ZORUNLUDUR )

$capability

Burası yetkilendirme kısmı, yetkilendirme kısmı için ayrı bir konu yazacağım burada detayına inmem gerekiyor ya da Buraya tıklayarak ingilizce kaynaktan ne olduğunu görebilirsiniz. (edit_users) yazıp geçin başlangıç olarak

$menu_slug

Menü ye tıkladığında alacağı yönlendirme sayfası biz bunu icerik yaptık uygulamaya tıkladığınızda admin.php?page=icerik olarak yönlendirme alacaktır.

$function

Yönlendiği sayfa da çalışacak fonksiyonu belirliyoruz. Biz fonksiyonumuza menuekle_fonks bu ismi takmışız.

$icon_url

Burada eklentimizin menüde gösterilirken isminin sol tarafında ki  icon u belirliyoruz.Alttaki gibi belirtiliyor.

plugins_url( ‘resimler/icons.png’ )

$position

Burası menünün nerede olacağını belirtirsiniz ben genellikle en üstte olmasını istediğim için buraya 1 yazarım eğer 0 yazarsanız sol tarafta en altta gözükmüş olacaktır.

DIKKAT! Konumuza kaldığımız yerden buradan devam ediyoruz.

Şimdi gelelim yönlenecek sayfanın iç tasarımına ;

menu_ekle fonksiyonun içinde 5. stringimiz menu_ekle_fonks fonksiyon ile tasarımı oluşturacağız.

Function.php’ye tekrardan gelelim ve php taglerinin arasına alttaki kodları ekleyelim.

function menuekle_fonks() {

echo '<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/QBB3ENbpYUM?start=1" 
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';

}
Üstteki kodları functions.php ye eklediyseniz ilk eklentinizi kodlamış bulunuyorsunuz TEBRİKLER. Panelden eklentinizin menüsüne tıklayıp ilk sayfanızı görebilirsiniz. Kendi bilgi düzeyinize göre o sayfanın içeriğini değiştirebilirsiniz ister html form ekler ister bilgi düzeyinize göre farklı şeyler yapabilirsiniz.

will continue…

Yeni konu paylaşıldığı takdirde anlık olarak bilgilendirileceksiniz.

Cevap bırakın

E-posta hesabınız yayımlanmayacak.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

Privacy & Cookies Policy