Öncelikle arkadaşlar temamızın functions.php dosyasını açıyoruz ve dosyanın en başında bulunan aşağıda ki kodu buluyoruz.
Daha sonra aşağıda vereceğim kodu , yukarıda ki koddan önce functions.php dosyanıza ekliyorsunuz.
/*
* Plugin Name: Sosyal Alan Bileşeni
* Plugin URI: http://burakisci.com
* Description: Bu bileşen ile sosyal profillerinizi yayınlayabilirsiniz.
* Version: 1.0
* Author: Burak İşci
* Author URI: http://burakisci.com
*/
add_action( 'widgets_init', 'bi3_sosyal_widgets' );
function bi3_sosyal_widgets() {
register_widget( 'bi3_sosyal_widget' );
}
class bi3_sosyal_widget extends WP_Widget {
function bi3_sosyal_widget() {
/* Widget settings */
$widget_ops = array( 'classname' => 'widget_sosyal', 'description' => __('Bu Bileşen ile sosyal pforillerinizi yayınlayabilirsiniz.', 'bi3') );
/* Create the widget */
$this->WP_Widget( 'bi3_sosyal_widget', __('Sosyal Alan Bileşeni', 'bi3'), $widget_ops );
}
function widget( $args, $instance ) {
?>
KODLAR BURAYA
echo $after_widget;
}
function update( $new_instance, $old_instance ) {}
function form( $instance ) {
$instance = wp_parse_args( (array) $instance, $defaults ); ?>
Bileşenin Ayalarını Tema Panelinden Yapınız!
}
}
?>
Şimdi bileşenimiz hazır ancak düzenlememiz gereken bazı bölümler bulunuyor.Düzenlemeye aşağıda ki koddan başlayalım;
/*
* Plugin Name: Sosyal Alan Bileşeni
* Plugin URI: http://burakisci.com
* Description: Bu bileşen ile sosyal profillerinizi yayınlayabilirsiniz.
* Version: 1.0
* Author: Burak İşci
* Author URI: http://burakisci.com
*/
Yukarıda kodda ki düzenlemeleri kendinize göre yapınız.Ardından aşağıda ki kod grubunda ki düzenlemeleri de yapmayı unutmayın.
function bi3_sosyal_widget() {
/* Widget settings */
$widget_ops = array( 'classname' => 'widget_sosyal', 'description' => __('Bu Bileşen ile sosyal pforillerinizi yayınlayabilirsiniz.', 'bi3') );
/* Create the widget */
$this->WP_Widget( 'bi3_sosyal_widget', __('Sosyal Alan Bileşeni', 'bi3'), $widget_ops );
}
Yukarıda ki kodda yapacağınız düzenlemeler bileşenler sayfasında gözükecek olan bileşenin isim ve açıklamasını gösterecek.
Son olarak arkadaşlar “bi3_sosyal_widget” ve “bi3_sosyal_widgets” değerlerini de kendinize göre değiştirin, eğer temanıza birkaç tane bileşen ekleyecekseniz ekleyeceğiniz her bileşen için bu değerleri farklı farklı girmelisiniz yoksa tema hata verecektir.
Bu düzenlemeleri de yaptıktan sonra geriye tek bir şey kalıyor o da bileşeniniz de göstermek istediğiniz kodları “KODLAR BURAYA” yazısının yerine yazmak , ardından bileşeninizi rahat rahat kullanabilirsiniz.Bileşeninizi kullanmak için bileşenler sayfasına girin ve belirlediğiniz isimde ki bileşeni aktif edin.
Kaynak : Wordpress Temaya Özel Bileşen Yapımı (Yorumlarınızı eksik etmezseniz sevinirim.) 
