{"id":4890,"date":"2019-11-19T22:26:25","date_gmt":"2019-11-19T19:26:25","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=4890"},"modified":"2019-11-20T20:49:18","modified_gmt":"2019-11-20T17:49:18","slug":"5-4-underscore-js-ve-kendimize-ozel-customizer-api-kontrol-alani-sablonlari","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/5-4-underscore-js-ve-kendimize-ozel-customizer-api-kontrol-alani-sablonlari\/","title":{"rendered":"5.4 Underscore.js ve Kendimize \u00d6zel Customizer API Kontrol Alan\u0131 \u015eablonlar\u0131"},"content":{"rendered":"<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">BU DERS\u0130N BA\u015eLIKLARI<\/p><ul class=\"toc_list\"><li><a href=\"#Underscorejs_Nedir\"><span class=\"toc_number toc_depth_1\">1<\/span> Underscore.js Nedir?<\/a><ul><li><a href=\"#PHP_Datasini_Underscorejs_Sablonunda_Kullanmak\"><span class=\"toc_number toc_depth_2\">1.1<\/span> PHP Datas\u0131n\u0131 Underscore.js \u015eablonunda Kullanmak<\/a><\/li><li><a href=\"#JavaScript_Datasini_Underscorejs_Sablonunda_Kullanmak\"><span class=\"toc_number toc_depth_2\">1.2<\/span> JavaScript Datas\u0131n\u0131 Underscore.js \u015eablonunda Kullanmak<\/a><\/li><\/ul><\/li><li><a href=\"#Ozel_Bir_Customizer_API_Kotrol_Alani_Sablonu_Olusturma\"><span class=\"toc_number toc_depth_1\">2<\/span> \u00d6zel Bir Customizer API Kotrol Alan\u0131 \u015eablonu Olu\u015fturma<\/a><ul><li><a href=\"#I_Sablon_Kodlarini_Iceren_Bir_PHP_Sinifi_Olusturuyoruz\"><span class=\"toc_number toc_depth_2\">2.1<\/span> I. \u015eablon Kodlar\u0131n\u0131 \u0130\u00e7eren Bir PHP S\u0131n\u0131f\u0131 Olu\u015fturuyoruz:<\/a><\/li><li><a href=\"#II_Olusturdugumuz_Sablon_Dosyasini_ve_Sablon_Sinifini_Temamiza_Tanitiyoruz\"><span class=\"toc_number toc_depth_2\">2.2<\/span> II. Olu\u015fturdu\u011fumuz \u015eablon Dosyas\u0131n\u0131 ve \u015eablon S\u0131n\u0131f\u0131n\u0131 Temam\u0131za Tan\u0131t\u0131yoruz:<\/a><\/li><li><a href=\"#III_Kontrol_Alani_Sablonunu_Temada_Kullaniyoruz\"><span class=\"toc_number toc_depth_2\">2.3<\/span> III. Kontrol Alan\u0131 \u015eablonunu Temada Kullan\u0131yoruz<\/a><\/li><\/ul><\/li><\/ul><\/div>\n\n<p><strong>Customizer API<\/strong> ile bir kontrol alan\u0131 (text alan\u0131, dosya y\u00fckleme, radio&#8230;.) olu\u015fturdu\u011fumuzda, bu alan belli ve sabit bir \u015fablonda gelir. Ayn\u0131 alandan y\u00fcz tane de olu\u015ftursak hepsi birbirinin ayn\u0131s\u0131 olacakt\u0131r. Bu derste, <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/5-1-customizer-api-alanlari-customizer-objects\/#3_Kontroller_Controls\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Customizer API kontrol alanlar\u0131n\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\">Customizer API kontrol alanlar\u0131n\u0131<\/a> diledi\u011fimiz gibi \u00f6zelle\u015ftirebilece\u011fimizi \u00f6\u011frenece\u011fiz. WordPress ile bir <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/5-1-customizer-api-alanlari-customizer-objects\/#3_Kontroller_Controls\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Customizer API kontrol\u00fc (yeni sekmede a\u00e7\u0131l\u0131r)\">Customizer API kontrol\u00fc<\/a> olu\u015ftururken, kulland\u0131\u011f\u0131m\u0131z form alanlar\u0131 i\u00e7in \u00f6zel tasar\u0131mlar yapabilece\u011fiz. \u00d6rnek olarak, kedimize \u00f6zel bir text alan\u0131 \u015fablonu olu\u015fturup, bu \u015fablonu diledi\u011fimiz zaman kullanabilece\u011fiz.<\/p>\n\n\n\n<p class=\"sc-dikkat\">Bu dersi anlamak i\u00e7in, <a rel=\"noreferrer noopener\" aria-label=\"Customizer API Alanalar\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/5-1-customizer-api-alanlari-customizer-objects\/\" target=\"_blank\">Customizer API Alanlar\u0131<\/a> adl\u0131 dersimizi biliyor olman\u0131z iyi olacakt\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Underscorejs_Nedir\">Underscore.js Nedir?<\/span><\/h2>\n\n\n\n<p><strong>Underscore.js<\/strong>, WordPress temalar\u0131nda, \u015fablon par\u00e7alar\u0131 olu\u015fturmak i\u00e7in kullan\u0131lan bir JavaScript k\u00fct\u00fcphanesidir. WordPress kurulumu ile birlikte gelir ve gerekti\u011finde kullanmak i\u00e7in temam\u0131za \u015fu kodu eklememiz yeterlidir:<\/p>\n\n\n\n<p><code>functions.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'wp_enqueue_scripts', 'jt_scriptini_kullan' );\n\nfunction jt_scriptini_kullan() {\n    wp_enqueue_script( 'wp-util' );\n}<\/code><\/pre>\n\n\n\n<p>Bizim yukar\u0131daki kodu eklememize gerek kalmayacak \u00e7\u00fcnk\u00fc, bahsedece\u011fimiz <strong>Customizer API<\/strong> \u00f6zelli\u011fini kullan\u0131rken bu k\u00fct\u00fcphane otomatik olarak kullan\u0131mda olacakt\u0131r.<\/p>\n\n\n\n<p><strong>Underscore.js<\/strong> k\u00fct\u00fcphanesinin kendine \u00f6zg\u00fc yaz\u0131m kurallar\u0131 (syntax) vard\u0131r. Bu kurallar \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>{{ de\u011fi\u015fken }}<\/code>&nbsp;De\u011fi\u015fkenin de\u011ferini, HTML taglar\u0131n\u0131 temizleyerek getirir ve ekrana basar.<\/li><li><code>{{{ de\u011fi\u015fken }}}<\/code>&nbsp; De\u011fi\u015fkenin de\u011ferini, HTML taglar\u0131 ile birlikte getirir ve ekrana basar. <\/li><li><code>&lt;# JavaScript kodlar\u0131 #&gt;<\/code>&nbsp;Sayfada, JavaScript kodlar\u0131 i\u00e7in bir b\u00f6l\u00fcm a\u00e7ar. Yani bildi\u011fimiz <code>&lt;script&gt;....&lt;\/script&gt;<\/code> kodlar\u0131n\u0131n yerine kullan\u0131l\u0131r.<\/li><\/ul>\n\n\n\n<p>A\u015fa\u011f\u0131da, <strong>Underscore.js<\/strong> ile haz\u0131rlanm\u0131\u015f ve temam\u0131z\u0131n <code>footer.php<\/code> dosyas\u0131nda g\u00f6sterilmek \u00fczere ayarlanm\u0131\u015f bir \u015fablon  \u00f6rne\u011fi vard\u0131r:<\/p>\n\n\n\n<p><code>functions.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'wp_footer', 'jt_yazi_sablonunu_goster', 25 );\n\nfunction jt_yazi_sablonunu_goster() { ?>\n\n    &lt;script type=\"text\/html\" id=\"tmpl-jt-post\">\n\n        &lt;article class=\"post\">\n\n            &lt;header class=\"entry-header\">\n                &lt;h1 class=\"entry-title\">{{ data.post_title }}&lt;\/h1>\n                &lt;span class=\"entry-author\">{{ data.post_author }}&lt;\/span>\n            &lt;\/header>\n\n            &lt;div class=\"entry-content\">\n                {{{ data.post_content }}}\n            &lt;\/div>\n\n        &lt;\/article>\n\n    &lt;\/script>\n&lt;?php }<\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki kodda <code>id=\"tmpl-jt-post\"<\/code> ifadesindeki kimlik de\u011feri her zaman <code>tmpl-<\/code> \u015feklinde ba\u015flamal\u0131d\u0131r, devam\u0131 ise sizin tercihinize b\u0131rak\u0131lm\u0131\u015ft\u0131r. Bu <code>id<\/code> de\u011ferinin devam\u0131 olan <code>jt-post<\/code> k\u0131sm\u0131, bu \u015fablona ula\u015fmak i\u00e7in kullan\u0131lacakt\u0131r: <code>wp.template( 'jt-post' )<\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"PHP_Datasini_Underscorejs_Sablonunda_Kullanmak\">PHP Datas\u0131n\u0131 Underscore.js \u015eablonunda Kullanmak<\/span><\/h3>\n\n\n\n<p>Yukar\u0131daki \u015fablon, bir yaz\u0131y\u0131 sunmak i\u00e7in haz\u0131rlanm\u0131\u015ft\u0131r. Bu \u015fablonu, PHP verileri ile doldurarak kullanmak i\u00e7in \u015fu kodlar kullan\u0131l\u0131r:<\/p>\n\n\n\n<p><code>functions.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'wp_footer', 'jt_sablon_icerigi_scripti', 25 );\n\nfunction jt_sablon_icerigi_scripti() {\n\n    $json = array(\n        'post_title'   => 'This is awesome!',\n        'post_author'  => 'Justin Tadlock',\n        'post_content' => '&lt;p>This is the content of an example post.&lt;\/p>'\n    ); ?>\n\n    &lt;script type=\"text\/javascript\">\n        jQuery( document ).ready( function() {\n\n            var post_template = wp.template( 'jt-post' );\n\n            jQuery( '.site-content' ).append( post_template( &lt;?php echo wp_json_encode( $json ); ?> ) );\n        } );\n    &lt;\/script>\n&lt;?php }<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"JavaScript_Datasini_Underscorejs_Sablonunda_Kullanmak\">JavaScript Datas\u0131n\u0131 Underscore.js \u015eablonunda Kullanmak<\/span><\/h3>\n\n\n\n<p>Yukar\u0131da haz\u0131rlad\u0131\u011f\u0131m\u0131z <strong>Undercsore.js<\/strong> \u015fablonunda, JavaScript datalar\u0131 da kullanabiliriz. A\u015fa\u011f\u0131da bunun \u00f6rne\u011fi verilmi\u015ftir:<\/p>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<p><code>functions.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'wp_footer', 'jt_print_scripts', 25 );\n\nfunction jt_print_scripts() { ?>\n\n    &lt;script type=\"text\/javascript\">\n        jQuery( document ).ready( function() {\n\n            var post_template = wp.template( 'jt-post' );\n\n            var data = {\n                post_title   : 'This is awesome!',\n                post_author  : 'Justin Tadlock',\n                post_content : '&lt;p>This is the content of an example post.&lt;\/p>'\n            }\n\n            jQuery( '.site-content' ).append( post_template( data ) );\n        } );\n    &lt;\/script>\n&lt;?php }<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Ozel_Bir_Customizer_API_Kotrol_Alani_Sablonu_Olusturma\">\u00d6zel Bir Customizer API Kotrol Alan\u0131 \u015eablonu Olu\u015fturma<\/span><\/h2>\n\n\n\n<p><strong>Underscore.js<\/strong> k\u00fct\u00fcphanesi yard\u0131m\u0131 ile kendimize \u00f6zel bir <code>select<\/code> alan\u0131 \u015fablonu olu\u015fturaca\u011f\u0131z. Bunu yapmak i\u00e7in \u015fu ad\u0131mlar\u0131 takip etmemiz yeterli olacakt\u0131r:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"I_Sablon_Kodlarini_Iceren_Bir_PHP_Sinifi_Olusturuyoruz\">I. \u015eablon Kodlar\u0131n\u0131 \u0130\u00e7eren Bir PHP S\u0131n\u0131f\u0131 Olu\u015fturuyoruz:<\/span><\/h3>\n\n\n\n<p>Kendimize \u00f6zel bir kontrol alan\u0131 \u015fablonu olu\u015fturmak i\u00e7in, <code>'WP_Customize_Control'<\/code> s\u0131n\u0131f\u0131n\u0131 uzatmam\u0131z gerekiyor. A\u015fa\u011f\u0131da, <code>'Ozel_Select_Kontrolu'<\/code> ad\u0131nda bir s\u0131n\u0131f yard\u0131m\u0131 ile \u00f6zel bir <code>select<\/code> alan\u0131 \u015fablonu olu\u015fturuyoruz. Ben bu i\u015f i\u00e7in temam\u0131z\u0131n ana dizininde <code>inc<\/code> ad\u0131nda bir klas\u00f6r olu\u015fturmay\u0131 ve bu klas\u00f6r i\u00e7inde de <code>ozel-customizer-sablonu.php<\/code> ad\u0131nda bir dosya kullanmay\u0131 tercih ettim:<\/p>\n\n\n\n<p><code>inc\/ozel-customizer-sablonu.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nclass Ozel_Select_Kontrolu extends WP_Customize_Control {\n\n\t\/**\n\t * Kontrol alan\u0131n\u0131n kimli\u011fi.\n\t *\/\n\tpublic $type = 'select-group';\n\n\t\/**\n\t * JSON format\u0131nda ve JavaScript diline g\u00f6ndermek i\u00e7in kontrol parametreleri\n\t * Bu parametreler, Kontrol alan\u0131 olu\u015ftururken bizim girdi\u011fimiz PHP dilindeki parametrelerdir\n\t *\/\n\tpublic function to_json() {\n\t\tparent::to_json();\n\n\t\t$choices = $group = array();\n\n\t\tforeach ( $this->choices as $choice => $maybe_group ) {\n\n\t\t\tif ( is_array( $maybe_group ) )\n\t\t\t\t$group[ $choice ] = $maybe_group;\n\t\t\telse\n\t\t\t\t$choices[ $choice ] = $maybe_group;\n\t\t}\n\n\t\t$this->json['choices'] = $choices;\n\t\t$this->json['group']   = $group;\n\t\t$this->json['link']    = $this->get_link();\n\t\t$this->json['value']   = $this->value();\n\t\t$this->json['id']      = $this->id;\n\t}\n\n\t\/**\n\t * Bu fonksiyon bo\u015f olarak b\u0131rak\u0131lmal\u0131d\u0131r. \u00c7\u00fcnk\u00fc buray\u0131 JavaScript \u015fablon i\u00e7in kullanacak.\n\t *\n\t *\/\n\tprotected function render_content() {}\n\n\t\/**\n\t * Kontrol Alan\u0131n\u0131 Olu\u015fturuken Girdi\u011fimiz Verileri Kullanarak Olu\u015fturulan Underscore JS \u015fablonu.\n\t *\n\t *\/\n\tpublic function content_template() { ?>\n\n\t\t&lt;# if ( ! data.choices &amp;&amp; ! data.group ) {\n\t\t\treturn;\n\t\t} #>\n\n\t\t&lt;label>\n\n\t\t\t&lt;# if ( data.label ) { #>\n\t\t\t\t&lt;span class=\"customize-control-title\">{{ data.label }}&lt;\/span>\n\t\t\t&lt;# } #>\n\n\t\t\t&lt;# if ( data.description ) { #>\n\t\t\t\t&lt;span class=\"description customize-control-description\">{{{ data.description }}}&lt;\/span>\n\t\t\t&lt;# } #>\n\n\t\t\t&lt;select {{{ data.link }}}>\n\n\t\t\t\t&lt;# _.each( data.choices, function( label, choice ) { #>\n\n\t\t\t\t\t&lt;option value=\"{{ choice }}\" &lt;# if ( choice === data.value ) { #> selected=\"selected\" &lt;# } #>>{{ label }}&lt;\/option>\n\n\t\t\t\t&lt;# } ) #>\n\n\t\t\t\t&lt;# _.each( data.group, function( group ) { #>\n\n\t\t\t\t\t&lt;optgroup label=\"{{ group.label }}\">\n\n\t\t\t\t\t\t&lt;# _.each( group.choices, function( label, choice ) { #>\n\n\t\t\t\t\t\t\t&lt;option value=\"{{ choice }}\" &lt;# if ( choice === data.value ) { #> selected=\"selected\" &lt;# } #>>{{ label }}&lt;\/option>\n\n\t\t\t\t\t\t&lt;# } ) #>\n\n\t\t\t\t\t&lt;\/optgroup>\n\t\t\t\t&lt;# } ) #>\n\t\t\t&lt;\/select>\n\t\t&lt;\/label>\n\t&lt;?php }\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"II_Olusturdugumuz_Sablon_Dosyasini_ve_Sablon_Sinifini_Temamiza_Tanitiyoruz\">II. Olu\u015fturdu\u011fumuz \u015eablon Dosyas\u0131n\u0131 ve \u015eablon S\u0131n\u0131f\u0131n\u0131 Temam\u0131za Tan\u0131t\u0131yoruz:<\/span><\/h3>\n\n\n\n<p><strong>Underscore.js<\/strong> ile olu\u015fturdu\u011fumuz \u015fablon par\u00e7as\u0131 dosyas\u0131n\u0131 ve s\u0131n\u0131f\u0131n\u0131 temam\u0131za tan\u0131tmak i\u00e7in <code>'customize_register'<\/code> kancas\u0131n\u0131 kullan\u0131yoruz.<\/p>\n\n\n\n<p><code>functions.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Undercore.js \u00d6zel Kontrol \u015eablonu Dosyas\u0131 ve S\u0131n\u0131f\u0131\nadd_action( 'customize_register', 'jt_sablonu_kaydet' );\n\nfunction jt_sablonu_kaydet( $wp_customize ) {\n\n\t\/\/ \u015eablon dosyas\u0131n\u0131 temam\u0131za tan\u0131t\u0131yoruz.\n\trequire_once( trailingslashit( get_template_directory() ) . 'inc\/ozel-customizer-sablonu.php' );\n\n\t\/\/ \u015eablon i\u00e7in olu\u015fturdu\u011fumuz PHP s\u0131n\u0131f\u0131n\u0131 temam\u0131za tan\u0131t\u0131yoruz.\n\t$wp_customize->register_control_type( 'Ozel_Select_Kontrolu' );\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"III_Kontrol_Alani_Sablonunu_Temada_Kullaniyoruz\">III. Kontrol Alan\u0131 \u015eablonunu Temada Kullan\u0131yoruz<\/span><\/h3>\n\n\n\n<p>Bu dersin konusunu olu\u015fturan kodlar asl\u0131nda burada bitiyor. Budan sonras\u0131, olu\u015fturdu\u011fumuz bu kontrol\u00fc temam\u0131zda kullanmakt\u0131r. A\u015fa\u011f\u0131da, bu kontrol alan\u0131 \u015fablonunu temada nas\u0131l kullanaca\u011f\u0131m\u0131z\u0131 g\u00f6steren \u00f6rnek bir kod verilmi\u015ftir.  \u0130\u015fin bu k\u0131sm\u0131, daha \u00f6nce  <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/5-1-customizer-api-alanlari-customizer-objects\/\" target=\"_blank\">Customizer API Alanlar\u0131<\/a> adl\u0131 dersimizde anlat\u0131ld\u0131\u011f\u0131 i\u00e7in detaya girmeden do\u011frudan kodu veriyoruz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function ilktemam_customizer_alanlari( $wp_customize ) {\n\n\t\/\/ PANEL: \"Tema Ayarlar\u0131\" ad\u0131nda bir panel ekler\n\t$wp_customize->add_panel(\n\t\t'tema-ayarlari', \/\/ Panelin kimli\u011fi\n\t\tarray(\n\t\t\t'title' => __( 'Tema Ayarlar\u0131', 'textdomain' ),\n\t\t\t'description' => __( '&lt;p>Teman\u0131z\u0131n ayarlar\u0131n\u0131 yap\u0131yorsunuz.&lt;\/p>', 'textdomain'),\n\t\t\t'priority' => 65,\n\t\t)\n\t);\n\n\t\/\/ B\u00d6L\u00dcM: \"Tema Ayarlar\u0131\" Paneline \"Blog Se\u00e7enekleri\" b\u00f6l\u00fcm\u00fc ekler\n\t$wp_customize->add_section( 'blog-secenekleri', \n\t\tarray(\n\t\t\t'title'       => __( 'Blog Se\u00e7enekleri', 'textdomain' ),\n\t\t\t'priority'    => 65,\n\t\t\t'yapabilirlikte'  => 'edit_theme_options',\n\t\t\t'description' => __('Teman\u0131z\u0131n blog sayfas\u0131 ile ilgili bir tak\u0131m ayarlar yap\u0131l\u0131r.', 'textdomain'), \/\/ B\u00f6l\u00fcm\u00fcm a\u00e7\u0131klamas\u0131\n\t\t\t'panel' => 'tema-ayarlari',\n\t\t) \n\t);\n\n        \/\/ AYAR: Bir ayar olu\u015fturyoruz \n\t$wp_customize->add_setting( 'text_deneme', \n\t\tarray(\n\t\t\t'default' => 'sagda',\n\t\t\t'sanitize_callback' => '',\n\t\t) \n\t);\n\t\n\t\/\/ KONTROL: \"select\" tipinde bir kontrol alan\u0131 olu\u015fturuyoruz.\n\t$wp_customize->add_control( new Hybrid_Customize_Control_Select_Group( $wp_customize,\n\t\t'text_deneme',\n\t\tarray(\n\t\t\t'label'      => __( 'Sidebar Konumu', 'textdomain' ),\n\t\t\t'description'=> __( 'Sidebar konumunu ayarlar.', 'textdomain' ),\n\t\t\t'settings'   => 'text_deneme',\n\t\t\t'choices' => array(\n\t\t\t\t\t'sagda' => __( 'Sa\u011fda', 'textdomain' ),\n\t\t\t\t\t'solda' => __( 'Solda', 'textdomain' ),\n\t\t\t\t\t'kaldir' => __( 'Kald\u0131r', 'textdomain' ),\n\t\t\t\t\t),\n\t\t\t'priority'   => 1,\n\t\t\t'section'    => 'blog-secenekleri',\n\t\t     ) \n\t\t) \n\t);\n       \n}\nadd_action( 'customize_register', 'ilktemam_customizer_alanlari' );<\/code><\/pre>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"<p>Underscore.js yard\u0131m\u0131 ile \u00f6zel bir  Customizer API kontrol alan\u0131 \u015fablonu olu\u015fturduk.<\/p>\n","protected":false},"author":1,"featured_media":25,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[216,221,220],"class_list":["post-4890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tema-yapimi","tag-customizer-api","tag-customizer-api-ve-javascript","tag-underscore-js"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/4890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/comments?post=4890"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/4890\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media\/25"}],"wp:attachment":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media?parent=4890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=4890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=4890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}