Wordpress Basit Bir Eklenti Yazma

Yenileniyoruz...

7. Yılımızı geride bırakmışken sizlere değerli paylaşımlar yaptığımızı düşünüyoruz, 2021 yılına girmeden yeni arayüzümüz, yeni kategorilerimiz ve yeni yazarlarımızla sizlere ilk gün ki gibi içerikler paylaşmaya devam edeceğiz.

Yazar: Savaş Dersim Çelik
Kategori: Gerekli Kodlar
Tarih: Pazartesi Mart 28th, 2016
2.742 Görüntülenme
Beğenenler: 0 Like
Yorum Yok Yorum Yap

Download

Merhaba webinyo.com kullanıcıları bu konumuzda wordpress tabanlı sitelerde basit düzeyde bir eklenti kodlaması ve örnek kodları sizler ile paylaşacağız.

Başlamadın önce arkadaş nasıl bir örnek yapacağımızı anlatalım : Webinyo Eklenti isimli bir eklentimiz olacak ve bu eklenti wordpress Admin panelinde sol alanda menülerde yer alacak. Eklentimize ait 2 adet alt menü olacak.

index.php Dosyamızdaki Kodlar

<?php
  /*
    Plugin Name: Webinyo Eklenti
    Plugin URI: http://webinyo.com
    Version: 1.00
    Author: Savaş Dersim Çelik
    Description: WordPress Basit Eklenti Yazma
  */
  
  add_action('admin_menu', 'wbn_menu_ekleme');
  
  function wbn_menu_ekleme(){
    add_menu_page( 'Hosgeldiniz', 'Webinyo Eklenti', 'manage_options', 'wbn-eklenti/wbn-home.php', '', '', 99 );
    add_submenu_page( 'wbn-eklenti/wbn-home.php', 'Ayarlar', 'Ayarlar', 'manage_options', 'wbn-eklenti/wbn-ayarlar.php', '');
    }
?>

Yukarıda ki kodlarımızda eklentimize isim veriyoruz ve Webinyo Eklenti isimli eklentimizi wordpress menü alanında 99. Sıraya ekliyoruz, Eklentimize 1 adet’de alt menü ekledik, tabi siz çoğaltabilirsiniz.

wbn-ayarlar.php Dosyamızdaki Kodlar

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Webinyo Eklenti Ayarlar</title>
</head>

<body>

<h1>Wordpress Basit Eklenti Yazma Ayarlar Sayfası</h1>
<hr>

</body>

</html>

Yukarıdaki kodlarımızda ayarlar sekmesine girildiğinde görüntülemek istediğimiz sayfayı tasarlıyoruz.

wbn-home.php Dosyamızdaki Kodlar

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Webinyo Eklenti Ana Sayfa</title>
</head>

<body>

<h1>Wordpress Basit Eklenti Yazma Ana Sayfa</h1>
<hr>

</body>

</html>

Yukarıdaki kodlarımızda Eklentimize ait Ana Sayfa görünümünü tasarlıyoruz.

Etiketler

Yenileniyoruz...