Wordpress Tema Yönetim Paneli Yapımı (Codestar Framework)

Wordpress Tema Yönetim Paneli Yapımı bir çok framework bulunmakta. Bunların başında gelenler ise Codestar Framework Redux Framework ve OptionTree

Ben Wordpress Tema Yönetim Paneli Yapımı için Codestar Framework üzerinden gideceğim.

Makale İçeriği
Wordpress Tema Yönetim Paneli Yapımı
Codestar Framework Nedir
Codestar Framework Tema Entegre
Wordpress Tema Yönetim Paneli Yapımı
Codestar Framework Nedir
Codestar Framework Wordpress Tema Yönetim Paneli Yapımı veya Wordpress Eklenti Yönetim Paneli Yapımı için kullanabileceğimiz bir frameworkdur.

Öncelikle Codestar Framework adresine giderek Codestar Framework’u indirelim.



Bir framework kullanırken her daim framework’un döküman sayfasının açık olmasını öneririm. Buraya Tıklayarak Codestar Framework döküman sayfasına ulaşabilirsiniz.

Evet şimdi Codestar Framework’u indirdiysek döküman sayfasını da açtıysak Codestar Framework Tema Entegre için için ilk adımımızı attık demektir.

Codestar Framework Tema Entegre
Şimdi yönetim paneli yapacağımız wordpress temasını ve Codestar Framework döküman sayfasından. Installation sayfası altında ki Using inside Theme alanını açalım.

Wordpress Tema dizinine admin adlı bir klasör oluşturalım. İndirdiğimiz Codestar Framewok Master adlı arşivin içindeki klasörün içindeki dosyaları oluşturduğumuz admin klasörüne atalım.



Ve benim tavsiyem functions.php içinde boşuna karmaşıklık yaratmasın diye panel kodlarımızı bu klasörün için theme-options.php adlı bir dosya oluşturup bunun içine yazmak ve bunu functions.php ye include etmek.

Eğer admin klasörü içine theme-options.php adlı dosyamızı da oluşturduysanız döküman sayfasından aldığımız aşağıdaki kodu biraz değiştirerek functions.php ye ekleyeceğiz

require_once get_theme_file_path() .'/inc/codestar-framework/codestar-framework.php';
Nasıl mı değiştireceğiz siz zahmet etmeyin ben sizin için hazırladım 😀

require_once get_theme_file_path() .'/admin/codestar-framework.php';


Evet bunu yazdık ama ne demiştik tema paneli için yazacağımız kodları theme-options.php dosyasına yazıcağız demiştik demi yani bu kodu kopyalayıp yapıştırın ve codestar-framework yerine theme-options yazın.

require_once get_theme_file_path() .'/admin/theme-options.php';
require_once get_theme_file_path() .'/admin/codestar-framework.php';
require_once get_theme_file_path() .'/admin/theme-options.php';
Ve elimizde yukarıda ki şekilde iki adet include kodumuz oldu şimdi bunları functions.php dosyamızın en sonuna ekleyelim.

Ben wordpress in kendi teması olan Yirmi Ondokuz üzerinden gideceğim.


Bunları yaptıktan sonra wordpress paneline girelim ve araçlar bölümünden Codestar Framewok‘a tıklayalım. Oradan hızlı başlangıç yani Quick Start menüsüne geçelim ve orada ki kodu oluşturduğumuz theme-options.php dosyasına yapıştıralım.


Eklediniz tekrar quick start menüsüne gelin ve biraz aşağı inin How to get option value ? değeri nasıl alırım biz bunu kullanmayacağız neden mi?

Çok uzun çünkü arkadaş nasıl wordpress in kendi fonksiyonu add_option kolaysa bizde bunu öyle yapacağız.



if ( ! function_exists( 'bey_get_option' ) ) {
function bey_get_option( $option = '', $default = null ) {
$options = get_option( 'bey-option' );
return ( isset( $options[$option] ) ) ? $options[$option] : $default;
}
}
Yukarıda ki fonksiyonumuzu theme-options.php dosyamızın en sonuna kapanış php etiketinden hemen önüne ekleyelim. artık değerlerimizi şu şekilde çağıracağız.

Örnek: bey_get_option(“headerkodalani”);

Bunlarıda yaptıysak tekrar wordpress paneline dönelim en altta çıkan My Framework menüsüne geçelim.


Evet panelimiz geldi şimdilik burada bırakıyorum ilerleyen zamanlarda burada ki alanları isimleri menüleri butonları nasıl değiştireceğiz onları tek tek anlatacağım.

Yani öyle üstü kapalı geçmek yok ve her zaman dediğim gibi merak ettikleriniz yapamadığınız yerler var ise yorumlarda belirtin elimden geldiğince yardımcı olmaya çalışırım selametle.

Kaynak : https://www.halilbeycan.com/wordpress/wordpress-yonetim-panelli-tema-yapimi.html

Hocam mesela canlı özelleştir kısmına nasıl kod yazıyoruz? js ile karışık sanırım... Beni alıntılarsanız sevinirim

Temadanmı panelden mi bahsediyorsunuz