WordPress Temaları İçin Gelişmiş Tema Paneli Yapımı

WordPress tema paneli, WordPress için hazırlanmış temalar için ekstra bir yönetim paneli oluşturma olanağı sağlamaktadır. Tema paneli kullanarak temanızı çok daha gelişmiş bir hale getirebilmeniz mümkün olmaktadır.

WordPress Tema Paneli Nedir ?

Tema panelleri ile temanız içinde bulunan ekstra alanları yönetebilmeniz mümkün olmaktadır. Bu ekstra alanlara örnek vermek gerekirse tema içerisinde bulunan reklam alanlarının tek bir noktadan kolayca düzenlenebilmesi ve yönetilebilmesi. Çeşitli alanlardaki içeriklerin belirli bir sorgu kuralına göre listelenebilmesi için kategori,etiket seçimi yapılabilmesi. Temanız içerisinde bulunan rengi değiştirilebilir alanların renk seçimlerinin yaptırılması. Özel alanlarınız için içerik alanlarının oluşturulması(Örneğin: telefon numarası, e-posta, sosyal medya hesapları bağlantıları, ikon seçimi).

Nasıl Yapabiliriz ?

Tema paneli yapmak için iki farklı yöntem vardır. Birincisi oturup kendi eklentimizi yazmak ve bunu kullanmak ki bu yol gerçekten uzun uzadıya vakit kaybı anlamına gelmektedir. İkinci yöntem ise popüler olarak kullanılan tema panellerini kullanmak. Biz ikinci yöntemi kullanarak yolumuza devam edeceğiz. Kullanımı konusunda bilgi aktaracağımız eklentimiz Codestar framework olacak.

Codestar Framework

Codestar framework, WordPress tema paneli yapımı için kullanılan eklentiler arasında en popüleridir. Bunun sebebi tema ile ilgili özel alanları oluşturup kontrolünü sağlamamıza olanak sağladığı gibi aynı zamanda sayfalar, yazılar, kategoriler ve aynı zamanda ek widget oluşturmamıza olanak sağlayan yapısıdır. Bu özellikleri sayesinde Codestar framework diğerlerine nazaran +1 ile önde yer almakta. Temamıza Codestar framework entegre etmek için çok basit bir kaç işlem yapmamız gerekiyor.

Öncelikle yapmamız gereken ilk iş Codestar framework doslayarını indirmek. Önerim github üzerinden indirme yapmanız. Çünkü github üzerinde en güncel versiyon yer almaktadır.

Codestar Framework İndir

İndirdiğimiz dosyaları temamızın bulunduğu dizine cs-framework adında bir klasör oluşturarak atıyoruz. Yani wp-content/themes/tema_adı/cs-framework/ dizinine atmanız gerekli. Ardından temanızın functions.php dosyasına aşağıdaki kodları eklemeniz gerekli.

/**
 *
 * Codestar Framework
 * A Lightweight and easy-to-use WordPress Options Framework
 *
 */
require_once get_template_directory_uri() .'/cs-framework/cs-framework.php';

// -( or )-
// require_once get_template_directory_uri() .'/subfolder/cs-framework/cs-framework.php';

Yukarıdaki kodları functions.php dosyasına ekledikten sonra özel alanları belirtmek üzere cs-framework/config/ dizini içerisinde bulunan framework.config.php dosyasını açarak özel alanlarımızı belirtebiliriz. Aynı zamanda bu dosya içerisinde bulunan örnek kodları inceleyerekte özel alanların tipleri hakkında bilgi edinebilirsiniz.

Örnek bir kullanımı da inceleyelim. Örneğin bir metin kutusu oluşturmak istiyorum ve bu metin kutusu içeriğinde de telefon numaram barınacak. Daha sonra temam içerisindeki uygun yere bu alanı yazdıracağım. Şimdi öncelikle aşağıdaki kod satırında alanımızı oluşturmak için gerekli kodları paylaşacağım.

array(
      'id'      => 'tel_no',
      'type'    => 'text',
      'title'   => 'Sitede Gözükecek Telefon Numarası',
    ),

Bu oluşturduğumuz alanı çağırırken belirteceğemiz özel alan adına ait id ile istemde bulunacağız. Bu kısmı tel_no olarak tanımladık. Aynı zamanda çok büyük bir metin alanına ihtiyacımız olmadığı için type yani tipi kısmını text olarak belirtti bu standart bir metin kutusu olacağı anlamına gelmekte. Son olarak ise title alanında oluşturduğumuz özel alanın başlığını belirttik.

Özel alanımıza tema panelimizden ulaşmak için WordPress admin paneline girerek menü alanındaki Framework sekmesine tıklamanız yeterli. Oluşturduğumuz alana telefon numaranızı girdikten sonra sıra geldi temamızda ki yerine çağırmaya. Bunun içinde çok basit bir kod parçacığı ile özel alanımız içindeki veriyi çağırmamız yeterli.

<?php

echo cs_get_option( 'tel_no' );

?>

Tüm yapmamız gereken herşey işte bu kadar. PHP’de kullandığımız echo yazdırma komutu ile cs_get_option fonksiyonu içerisinde özel alanımızın id sini belirtmemiz yeterli oldu.

Tema paneli yapımı konusu seri halinde devam edecektir. Bir sonraki ilgili konuya video anlatımları ile destek sağlamaya da çalışacağız.

1
Kimler Neler Demiş?

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
Furkan Recent comment authors
  Subscribe  
En Yeniler Eskiler Beğenilenler
Bildir
Furkan
Ziyaretçi
Furkan

selam hocam, select veya radio kullanımlarını da anlatabilir misiniz? Özellikle nasıl çekilip gösteriliyoruz.