{"id":2572,"date":"2019-05-25T13:22:26","date_gmt":"2019-05-25T10:22:26","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=2572"},"modified":"2019-05-25T19:11:09","modified_gmt":"2019-05-25T16:11:09","slug":"4-8-sidebar-sayfa-yani","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/4-8-sidebar-sayfa-yani\/","title":{"rendered":"4.8 Sidebar (Sayfa Yan\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=\"#Sidebar_Nedir\"><span class=\"toc_number toc_depth_1\">1<\/span> Sidebar Nedir?<\/a><\/li><li><a href=\"#Temaya_Bir_Sidebar_Ekleme\"><span class=\"toc_number toc_depth_1\">2<\/span> Temaya Bir Sidebar Ekleme<\/a><ul><li><a href=\"#Sidebari_Kaydetme\"><span class=\"toc_number toc_depth_2\">2.1<\/span> Sidebar\u0131 Kaydetme<\/a><\/li><li><a href=\"#8216name8217\"><span class=\"toc_number toc_depth_2\">2.2<\/span> &#8216;name&#8217;<\/a><\/li><li><a href=\"#8216id8217\"><span class=\"toc_number toc_depth_2\">2.3<\/span> &#8216;id&#8217;<\/a><\/li><li><a href=\"#8216description8217\"><span class=\"toc_number toc_depth_2\">2.4<\/span> &#8216;description&#8217;<\/a><\/li><li><a href=\"#8216class8217\"><span class=\"toc_number toc_depth_2\">2.5<\/span> &#8216;class&#8217;<\/a><\/li><li><a href=\"#8216before_widget8217\"><span class=\"toc_number toc_depth_2\">2.6<\/span> &#8216;before_widget&#8217;<\/a><\/li><li><a href=\"#8216after_widget8217\"><span class=\"toc_number toc_depth_2\">2.7<\/span> &#8216;after_widget&#8217;<\/a><\/li><li><a href=\"#8216before_title8217\"><span class=\"toc_number toc_depth_2\">2.8<\/span> &#8216;before_title&#8217;<\/a><\/li><li><a href=\"#8216after_title8217\"><span class=\"toc_number toc_depth_2\">2.9<\/span> &#8216;after_title&#8217;<\/a><\/li><li><a href=\"#Ornek_Bir_Sidebar_Kaydetme_Kodu\"><span class=\"toc_number toc_depth_2\">2.10<\/span> \u00d6rnek Bir Sidebar Kaydetme Kodu<\/a><\/li><li><a href=\"#Kaydedilen_Sidebarlari_Temada_Kullanma\"><span class=\"toc_number toc_depth_2\">2.11<\/span> Kaydedilen Sidebarlar\u0131 Temada Kullanma<\/a><\/li><\/ul><\/li><li><a href=\"#Birden_Cok_Sidebar_Sablonu_Kullanma\"><span class=\"toc_number toc_depth_1\">3<\/span> Birden \u00c7ok Sidebar \u015eablonu Kullanma<\/a><\/li><li><a href=\"#Sidebara_Varsayilan_Bilesenler_Yerlestirme\"><span class=\"toc_number toc_depth_1\">4<\/span> Sidebara Varsay\u0131lan Bile\u015fenler Yerle\u015ftirme<\/a><\/li><li><a href=\"#Register_sidebars_Fonksiyonu\"><span class=\"toc_number toc_depth_1\">5<\/span> Register_sidebars Fonksiyonu<\/a><ul><li><a href=\"#sidebar_sayisi\"><span class=\"toc_number toc_depth_2\">5.1<\/span> $sidebar_say\u0131s\u0131<\/a><\/li><li><a href=\"#sidebarlarin_argumanlari\"><span class=\"toc_number toc_depth_2\">5.2<\/span> $sidebarlar\u0131n_arg\u00fcmanlar\u0131<\/a><ul><li><a href=\"#8216id8217-2\"><span class=\"toc_number toc_depth_3\">5.2.1<\/span> &#8216;id&#8217;<\/a><\/li><li><a href=\"#8216name8217-2\"><span class=\"toc_number toc_depth_3\">5.2.2<\/span> &#8216;name&#8217;<\/a><\/li><\/ul><\/li><li><a href=\"#Register_sidebars_Fonksiyonunun_Ornek_Kullanimi\"><span class=\"toc_number toc_depth_2\">5.3<\/span> Register_sidebars Fonksiyonunun \u00d6rnek Kullan\u0131m\u0131<\/a><\/li><\/ul><\/li><\/ul><\/div>\n\n<h2 class=\"wp-block-heading\"><span id=\"Sidebar_Nedir\">Sidebar Nedir?<\/span><\/h2>\n\n\n\n<p>Ad\u0131n\u0131n <em>sayfa yan\u0131<\/em> oldu\u011funa bakmay\u0131n. \u0130lk defa, sayfalar\u0131n yan taraflar\u0131nda kullan\u0131ld\u0131klar\u0131 i\u00e7in bu ad\u0131 alm\u0131\u015flard\u0131r. Kullan\u0131\u015fl\u0131 olduklar\u0131 i\u00e7in, g\u00fcn\u00fcm\u00fczde, sayfalar\u0131n her yerinde kullan\u0131lmaktad\u0131rlar.<\/p>\n\n\n\n<p>Sidebar denilen k\u0131s\u0131mlar, bile\u015fen (Widget) eklemek i\u00e7in kullan\u0131lan sayfa b\u00f6l\u00fcmleridir. WordPress teman\u0131zda sidebar kullanmak zorunda de\u011filsiniz, ayn\u0131 \u015fekilde, bir sayfada istedi\u011finiz say\u0131da sidebar kullanabilirsiniz.<\/p>\n\n\n\n<p>Teman\u0131zda bir sidebar kullanmak demek, teman\u0131z\u0131 kullanan ki\u015finin, diledi\u011fi bile\u015feni bu sidebara ekleyerek, sayfalar\u0131nda bile\u015fenlerin i\u00e7eriklerini sergileyebilmesi demektir. Bir sidebara, diledi\u011finiz say\u0131da, bile\u015fen ekleyebilirsiniz. Bile\u015fen eklenebilme \u00f6zellikleri sayesinde, sidebarlar, sitenizde, \u00e7ok \u00e7e\u015fitli i\u00e7eriklerin sergilendi\u011fi b\u00f6l\u00fcmler haline gelebilmektedirler. WordPress temalar\u0131 i\u00e7in \u00fcretilmi\u015f on binlerce bile\u015fenin var oldu\u011fu d\u00fc\u015f\u00fcn\u00fcl\u00fcrse, sidebarlar\u0131n ne kadar \u00f6nemli <a rel=\"noreferrer noopener\" aria-label=\"\u015fablon par\u00e7alar\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/#Sablon_Parcalari\" target=\"_blank\">\u015fablon par\u00e7alar\u0131<\/a> oldu\u011fu anla\u015f\u0131lacakt\u0131r. <\/p>\n\n\n\n<p>Teman\u0131za eklenmi\u015f bir sidebara, y\u00f6netim panelinden, bile\u015fen eklemenin iki yolu vard\u0131r:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>G\u00f6r\u00fcn\u00fcm-&gt;Bile\u015fenler<\/strong> sayfas\u0131ndan<\/li><li><strong>G\u00f6r\u00fcn\u00fcm-&gt;\u00d6zelle\u015ftir-&gt;Bile\u015fenler<\/strong> sayfas\u0131ndan<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Temaya_Bir_Sidebar_Ekleme\">Temaya Bir Sidebar Ekleme<\/span><\/h2>\n\n\n\n<p>Teman\u0131za bir sidebar eklemenin iki a\u015famas\u0131 vard\u0131r. \u0130lk a\u015famada, sidebar\u0131n kayd\u0131 yap\u0131lmal\u0131d\u0131r. Bir sidebar\u0131 kaydetmek i\u00e7in, <code>register_sidebar()<\/code> fonksiyonu kullan\u0131l\u0131r ve bu i\u015flem <code>functions.php<\/code> dosyas\u0131nda yap\u0131l\u0131r. <code>register_sidebar()<\/code> fonksiyonunun \u00e7al\u0131\u015fabilmesi i\u00e7in, <code>widgets_inits<\/code> kancas\u0131 ile tetiklenmesi gerekir. \u0130kinci a\u015famada, kayd\u0131 yap\u0131lan sidebar, <a rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyalar\u0131na (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyalar\u0131na<\/a> eklenir. Sidebar\u0131, <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyalar\u0131na (yeni sekmede a\u00e7\u0131l\u0131r)\">\u015fablon dosyalar\u0131na<\/a> eklemek i\u00e7in, <code>dynamic_sidebar('sidebarin-id-degeri veya ad\u0131')<\/code> fonksiyonu kullan\u0131l\u0131r. Bu a\u015famalar\u0131 detayl\u0131 olarak inceleyelim:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Sidebari_Kaydetme\">Sidebar\u0131 Kaydetme<\/span><\/h3>\n\n\n\n<p>Teman\u0131za bir sidebar eklemenin ilk a\u015famas\u0131, <code>functions.php<\/code> dosyas\u0131na bu sidebar\u0131 kaydetmektir. Sidebar kaydetmek i\u00e7in kullan\u0131lan fonksiyon  <code>register_sidebar($argumanlar)<\/code> fonksiyonudur. Bu fonksiyon, bir \u00e7ok arg\u00fcman\u0131 olan, dizi \u015feklinde bir parametre ile \u00e7al\u0131\u015f\u0131r. Bu parametrenin arg\u00fcmanlar\u0131 \u015funlard\u0131r:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$argumanlar = array(\n  'name'          => __( 'Sidebar\u0131n Ad\u0131', 'textdomain' ),\n  'id'            => \"sidebarin-id-degeri\",\n  'description'   => 'Sidebar\u0131n a\u00e7\u0131klamas\u0131. Bu a\u00e7\u0131klama, sadece y\u00f6netim panelinde bile\u015fen sayfas\u0131nda g\u00f6r\u00fcn\u00fcr',\n  'class'         => '', \/\/ Y\u00f6netim panelindeki bile\u015fenler sayfas\u0131nda, bile\u015feni saran div eleman\u0131na bir CSS s\u0131n\u0131f\u0131 olu\u015fturur. Sadece y\u00f6netim panelinde kullan\u0131l\u0131r\n  'before_widget' => '&lt;section id=\"%1$s\" class=\"widget %2$s\">', \/\/ bile\u015feni saran eleman\n  'after_widget'  => \"&lt;\/section>\\n\",\n  'before_title'  => '&lt;h2 class=\"widgettitle\">', \/\/ bile\u015fenin ba\u015fl\u0131\u011f\u0131n\u0131 saran eleman\n  'after_title'   => \"&lt;\/h2>\\n\",\n);<\/code><\/pre>\n\n\n\n<p>Arg\u00fcmanlar\u0131 daha yak\u0131ndan incelersek:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216name8217\">&#8216;name&#8217;<\/span><\/h3>\n\n\n\n<p><em>(string)<\/em> Sidebar\u0131n ad\u0131d\u0131r. Bu isim, teman\u0131zda g\u00f6r\u00fcnmez, y\u00f6netim panelinde, bile\u015fenler sayfas\u0131nda g\u00f6r\u00fcn\u00fcr.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216id8217\">&#8216;id&#8217;<\/span><\/h3>\n\n\n\n<p><em>(string)<\/em> Sidebar\u0131n kimli\u011fidir. T\u00fcrk\u00e7e karakter ve bo\u015fluk i\u00e7ermemelidir ve ba\u015fka bir sidebar\u0131n kimli\u011fi ile ayn\u0131 olmamal\u0131d\u0131r. Sidebar\u0131, tema i\u00e7inde kullanaca\u011f\u0131m\u0131z zaman, bu kimlik bilgisi ile \u00e7a\u011f\u0131raca\u011f\u0131z.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216description8217\">&#8216;description&#8217;<\/span><\/h3>\n\n\n\n<p><em>(string)<\/em> Sidebar ile ilgili bir a\u00e7\u0131klamad\u0131r. Bu a\u00e7\u0131klama, teman\u0131zda g\u00f6r\u00fcnmez, y\u00f6netim panelinde, bile\u015fenler sayfas\u0131nda g\u00f6r\u00fcn\u00fcr.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216class8217\">&#8216;class&#8217;<\/span><\/h3>\n\n\n\n<p><em>(string)<\/em> Y\u00f6netim panelinde, bile\u015fenler sayfas\u0131nda, sidebar\u0131 saran <code>div<\/code> eleman\u0131 i\u00e7in bir CSS s\u0131n\u0131f\u0131 belirler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216before_widget8217\">&#8216;before_widget&#8217;<\/span><\/h3>\n\n\n\n<p><em>(string)<\/em> Teman\u0131zda, sidebar\u0131 saracak olan HTML eleman\u0131n\u0131 belirlemenizi sa\u011flar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216after_widget8217\">&#8216;after_widget&#8217;<\/span><\/h3>\n\n\n\n<p><em>(string)<\/em> Sidebar\u0131 saran HTML eleman\u0131n\u0131n kapan\u0131\u015f\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216before_title8217\">&#8216;before_title&#8217;<\/span><\/h3>\n\n\n\n<p><em>(string)<\/em> Sidebar\u0131n ba\u015fl\u0131\u011f\u0131n\u0131 saran HTML eleman\u0131n\u0131 belirlemenizi sa\u011flar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216after_title8217\">&#8216;after_title&#8217;<\/span><\/h3>\n\n\n\n<p><em>(string)<\/em> Sidebar\u0131n ba\u015fl\u0131\u011f\u0131n\u0131 saran HTML eleman\u0131n\u0131n kapan\u0131\u015f\u0131d\u0131r.<\/p>\n\n\n\n<p>G\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, arg\u00fcmanlar genelde, sidebar\u0131n HTML yap\u0131s\u0131n\u0131 d\u00fczenlemek i\u00e7in kullan\u0131l\u0131yor. Sidebar eklerken, bu arg\u00fcmanlar sayesinde, teman\u0131z\u0131n yap\u0131s\u0131na uyan herhangi bir HTML yap\u0131s\u0131n\u0131 ve CSS s\u0131n\u0131flar\u0131n\u0131 kullanabilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek_Bir_Sidebar_Kaydetme_Kodu\">\u00d6rnek Bir Sidebar Kaydetme Kodu<\/span><\/h3>\n\n\n\n<p>A\u015fa\u011f\u0131daki kodda, iki sidebar ayn\u0131 anda kaydedilmi\u015ftir.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function ilktemam_sidebar_ekle() {\n    register_sidebar( array(\n        'name'          => __( 'Sayfa Yan\u0131 Sidebar\u0131', 'textdomain' ),\n        'id'            => 'sidebar-1',\n        'description'   => 'Ekledi\u011finiz bile\u015fenler, sayfalar\u0131n\u0131z\u0131n yan taraf\u0131nda g\u00f6r\u00fcnecektir.',\n        'before_widget' => '&lt;aside id=\"%1$s\" class=\"widget %2$s\">',\n        'after_widget'  => '&lt;\/aside>',\n        'before_title'  => '&lt;h3 class=\"widget-title\">',\n        'after_title'   => '&lt;\/h3>',\n    ) );\n \n    register_sidebar( array(\n        'name'          => __( '\u00dcst Sidebar', 'textdomain' ),\n        'id'            => 'sidebar-2',\n        'description'   => 'Bu sidebar, ana men\u00fcn\u00fcn \u00fcst\u00fcne, reklam koymak i\u00e7in tasarlanm\u0131\u015ft\u0131r.',\n        'before_widget' => '&lt;ul>&lt;li id=\"%1$s\" class=\"widget %2$s\">',\n        'after_widget'  => '&lt;\/li>&lt;\/ul>',\n        'before_title'  => '&lt;h3 class=\"widget-title\">',\n        'after_title'   => '&lt;\/h3>',\n    ) );\n}\nadd_action( 'widgets_init', 'ilktemam_sidebar_ekle' );<\/code><\/pre>\n\n\n\n<p>Bu kodlar, y\u00f6netim paneli : G\u00f6r\u00fcn\u00fcm-&gt;Bile\u015fenler sayfas\u0131nda iki adet sidebar olu\u015fturacakt\u0131r.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"293\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-1024x293.png\" alt=\"WordPress Temas\u0131na Sidebar Ekleme\" class=\"wp-image-2637\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-1024x293.png 1024w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-300x86.png 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-768x220.png 768w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme.png 1169w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>WordPress Temas\u0131na Sidebar Ekleme<\/figcaption><\/figure>\n\n\n\n<p><code>functions.php<\/code> dosyas\u0131na sidebar kayd\u0131 yapt\u0131\u011f\u0131n\u0131zda, bu sidebarlar, y\u00f6netim panelindeki, <strong>Bile\u015fenler <\/strong>sayfas\u0131nda yay\u0131nlan\u0131r, burada bu sidebarlara bile\u015fen eklenebilir. Fakat, bu sidebarlar, hen\u00fcz teman\u0131zda g\u00f6r\u00fcnmez.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Kaydedilen_Sidebarlari_Temada_Kullanma\">Kaydedilen Sidebarlar\u0131 Temada Kullanma<\/span><\/h3>\n\n\n\n<p>Kaydetti\u011finiz sidebar\u0131n teman\u0131zda g\u00f6r\u00fcnmesi i\u00e7in a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 izlemelisiniz:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Teman\u0131z\u0131n ana dizininde, <code>sidebar.php<\/code> ad\u0131nda bir <a rel=\"noreferrer noopener\" aria-label=\"\u015fablon par\u00e7as\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/#Sablon_Parcalari\" target=\"_blank\">\u015fablon par\u00e7as\u0131<\/a> dosyas\u0131 olu\u015fturmal\u0131s\u0131n\u0131z ve bu dosyada, <code>dynamic_sidebar()<\/code> fonksiyonu ile kaydetti\u011finiz bir sidebar\u0131 \u00e7a\u011f\u0131rmal\u0131s\u0131n\u0131z.<\/li><li>Teman\u0131z\u0131n, uygun g\u00f6rd\u00fc\u011f\u00fcn\u00fcz <a rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyas\u0131nda (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyas\u0131nda<\/a>, <code>get_sidebar()<\/code> fonksiyonu ile bu <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/#Sablon_Parcalari\" target=\"_blank\">\u015fablon par\u00e7as\u0131n\u0131<\/a> \u00e7a\u011f\u0131rmal\u0131s\u0131n\u0131z.<\/li><\/ol>\n\n\n\n<p>A\u015fa\u011f\u0131da \u00f6rnek bir <code>sidebar.php<\/code> dosyas\u0131 verilmi\u015ftir.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"sidebar-bir-icin\" class=\"sidebar\">\n    &lt;?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>\n    &lt;!-- Sidebara en az bir tane bile\u015fen eklenmi\u015f -->\n        &lt;?php dynamic_sidebar( 'sidebar-1' ); ?>\n    &lt;?php else : ?>\n        &lt;!-- Hen\u00fcz bir bile\u015fen eklenmemi\u015f -->\n    &lt;?php endif; ?>\n&lt;\/div><\/code><\/pre>\n\n\n\n<p>Bu <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/#Sablon_Parcalari\" target=\"_blank\">\u015fablon par\u00e7as\u0131n\u0131<\/a>, bir <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyas\u0131nda<\/a> kullanmak i\u00e7in a\u015fa\u011f\u0131daki kod ile \u00e7a\u011f\u0131r\u0131r\u0131z.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php get_sidebar(); \/\/ ana dizindeki sidebar.php dosyas\u0131n\u0131 getirir ?><\/code><\/pre>\n\n\n\n<p class=\"sc-dikkat\">Ekledi\u011fimiz sidebar\u0131, temada g\u00f6stermenin ba\u015fka bir yolu da, <code>sidebar.php<\/code> dosyas\u0131ndaki kodlar\u0131, yani <code>dynamic_sidebar( 'sidebarin-adi' )<\/code> fonksiyonunu, do\u011frudan, sidebar\u0131 g\u00f6sterece\u011fimiz <a rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyas\u0131nda (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyas\u0131nda<\/a> kullanmakt\u0131r. Bu \u015fekilde, <code>sidebar.php<\/code> dosyas\u0131na ihtiya\u00e7 duymadan, diledi\u011fimiz sidebar\u0131, <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyalar\u0131m\u0131za (yeni sekmede a\u00e7\u0131l\u0131r)\">\u015fablon dosyalar\u0131m\u0131za<\/a> yerle\u015ftirebiliriz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Birden_Cok_Sidebar_Sablonu_Kullanma\">Birden \u00c7ok Sidebar \u015eablonu Kullanma<\/span><\/h2>\n\n\n\n<p>Birden \u00e7ok sidebar kullanmak i\u00e7in, \u00f6ncelikle, <code>functions.php<\/code> dosyas\u0131nda birden \u00e7ok sidebar kaydetmek gerekir.<\/p>\n\n\n\n<p>Kaydedilen bu sidebarlar\u0131n her biri i\u00e7in, farkl\u0131 bir <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/#Sablon_Parcalari\" target=\"_blank\">\u015fablon par\u00e7as\u0131<\/a> dosyas\u0131 olu\u015fturabilir: <code>sidebar-{ozel-sablonum-1}.php<\/code>, <code>sidebar-{ozel-sablonum-2}.php<\/code>&#8230;<\/p>\n\n\n\n<p>Bu <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/#Sablon_Parcalari\" target=\"_blank\">\u015fablon par\u00e7alar\u0131n\u0131<\/a>, diledi\u011fimiz <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyas\u0131nda<\/a>, ayr\u0131 ayr\u0131 \u00e7a\u011f\u0131rabiliriz:  <code>get_sidebar('ozel-sablonum-1')<\/code>,  <code>get_sidebar('ozel-sablonum-2')<\/code>&#8230;<\/p>\n\n\n\n<p class=\"sc-dikkat\">Birden \u00e7ok sidebar kullanman\u0131n bir ba\u015fka yolu da, <code>dynamic_sidebar( 'sidebarin-adi' )<\/code> fonksiyonunu, her bir sidebar i\u00e7in ayr\u0131 ayr\u0131 olmak \u00fczere, do\u011frudan <a rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyalar\u0131nda (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyalar\u0131nda<\/a> kullanmakt\u0131r. \u00d6rne\u011fin, &#8216;<em>id<\/em>&#8216; de\u011feri &#8216;<em>sidebar-1<\/em>&#8216; olarak kaydedilmi\u015f bir sidebar\u0131, <code>front-page.php<\/code> \u015fablonunda kullanmak isteyelim. Bunun i\u00e7in, bu <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyas\u0131na (yeni sekmede a\u00e7\u0131l\u0131r)\">\u015fablon dosyas\u0131na<\/a>, \u015fu kodu do\u011frudan eklemek yeterlidir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"sidebar-bir-icin\" class=\"sidebar\">\n    &lt;?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>\n    &lt;!-- Sidebara en az bir tane bile\u015fen eklenmi\u015f -->\n        &lt;?php dynamic_sidebar( 'sidebar-1' ); ?>\n    &lt;?php else : ?>\n        &lt;!-- Hen\u00fcz bir bile\u015fen eklenmemi\u015f -->\n    &lt;?php endif; ?>\n&lt;\/div><\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki \u00f6rne\u011fe devam ederek, yine <code>front-page.php<\/code> \u015fablonunda, bu defa  &#8216;<em>id<\/em>&#8216; de\u011feri &#8216;<em>sidebar-<\/em>2&#8242; olarak kaydedilmi\u015f bir ba\u015fka sidebar\u0131 kullanmak isteyelim. Bunun i\u00e7in, bu <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyas\u0131na (yeni sekmede a\u00e7\u0131l\u0131r)\">\u015fablon dosyas\u0131na<\/a>, \u015fu kodu do\u011frudan eklemek yeterlidir: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"sidebar-iki-icin\" class=\"sidebar\">\n    &lt;?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?>\n    &lt;!-- Sidebara en az bir tane bile\u015fen eklenmi\u015f -->\n        &lt;?php dynamic_sidebar( 'sidebar-2' ); ?>\n    &lt;?php else : ?>\n        &lt;!-- Hen\u00fcz bir bile\u015fen eklenmemi\u015f -->\n    &lt;?php endif; ?>\n&lt;\/div><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Sidebara_Varsayilan_Bilesenler_Yerlestirme\">Sidebara Varsay\u0131lan Bile\u015fenler Yerle\u015ftirme<\/span><\/h2>\n\n\n\n<p>Kullan\u0131c\u0131n\u0131z, teman\u0131z\u0131 ilk defa y\u00fckledi\u011finde, sidebarlar\u0131n\u0131z\u0131n bo\u015f g\u00f6r\u00fcnmesini istemiyorsan\u0131z, yer tutucu gibi, baz\u0131 bile\u015fenleri varsay\u0131lan olarak ekleyebilirsiniz. A\u015fa\u011f\u0131da buna \u00f6rnek bir kod verilmi\u015ftir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"primary\" class=\"sidebar\">\n    &lt;?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>\n    &lt;!-- Kullan\u0131c\u0131 Sidebara en az bir tane bile\u015fen eklenmi\u015f -->\n        &lt;?php dynamic_sidebar( 'sidebar-1' ); ?>\n    &lt;?php else : ?>\n    &lt;!-- Kullan\u0131c\u0131 sidebara hen\u00fcz bile\u015fen eklememi\u015f -->\n    &lt;aside id=\"search\" class=\"widget widget_search\">\n       &lt;?php\n        \/\/ Arama formu bile\u015feni\n        get_search_form();\n       ?>\n    &lt;\/aside>\n        &lt;aside id=\"archives\" class\"widget\">\n            &lt;h3 class=\"widget-title\">&lt;?php _e( 'Y\u0131ll\u0131k Ar\u015fiv', 'shape' ); ?>&lt;\/h3>\n            &lt;ul>\n                &lt;?php\n                   \/\/ Y\u0131ll\u0131k bazda ar\u015fiv bile\u015feni\n                   wp_get_archives( array( 'type' => 'yearly' ) );\n                ?>\n            &lt;\/ul>\n        &lt;\/aside>\n        &lt;aside id=\"meta\" class=\"widget\">\n            &lt;h3 class=\"widget-title\">&lt;?php _e( 'Giri\u015f\/\u00c7\u0131k\u0131\u015f', 'shape' ); ?>&lt;\/h3>\n            &lt;ul>\n                &lt;!-- Kullan\u0131c\u0131 kontrolleri -->\n                &lt;?php wp_register(); \/\/ \u00dcye kayd\u0131 ?>\n                &lt;li>&lt;?php wp_loginout(); \/\/ \u00dcye giri\u015fi-\u00e7\u0131k\u0131\u015f\u0131 ?>&lt;\/li>\n                &lt;?php wp_meta(); \/\/ Genel ama\u00e7 i\u00e7in yer tutucu fonksiyon ?>\n            &lt;\/ul>\n        &lt;\/aside>\n   &lt;?php endif; ?>\n&lt;\/div><\/code><\/pre>\n\n\n\n<p>Bir <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyas\u0131nda (yeni sekmede a\u00e7\u0131l\u0131r)\">\u015fablon dosyas\u0131nda<\/a>, yukar\u0131daki kodlar ile olu\u015fturulan sidebar \u015fablonu, kullan\u0131c\u0131n\u0131z bir bile\u015fen eklemedi\u011fi m\u00fcddet\u00e7e, teman\u0131zda \u015fu \u015fekilde g\u00f6r\u00fcnecektir:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"189\" height=\"593\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-2.png\" alt=\"\" class=\"wp-image-2644\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-2.png 189w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-2-96x300.png 96w\" sizes=\"auto, (max-width: 189px) 100vw, 189px\" \/><figcaption>WordPress Temas\u0131na Sidebar Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Register_sidebars_Fonksiyonu\">Register_sidebars Fonksiyonu<\/span><\/h2>\n\n\n\n<p>Birden \u00e7ok sidebar\u0131 bir defada eklemek kullan\u0131l\u0131r.<\/p>\n\n\n\n<p>\u0130ki parametre ile \u00e7al\u0131\u015f\u0131r.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>register_sidebars($sidebar_say\u0131s\u0131, $sidebarlar\u0131n_arg\u00fcmanlar\u0131);<\/code><\/pre>\n\n\n\n<p>Parametreler ve kullan\u0131mlar\u0131 \u015f\u00f6yledir:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"sidebar_sayisi\">$sidebar_say\u0131s\u0131<\/span><\/h3>\n\n\n\n<p>(<em>int<\/em>) <em>Zorunlu de\u011fildir<\/em>. Eklemek istedi\u011finiz sidebar say\u0131s\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"sidebarlarin_argumanlari\">$sidebarlar\u0131n_arg\u00fcmanlar\u0131<\/span><\/h3>\n\n\n\n<p>(array) <em>Zorunlu de\u011fildir<\/em>. Eklemek istedi\u011finiz sidebarlar\u0131n arg\u00fcmanlar\u0131d\u0131r. A\u015fa\u011f\u0131da bu arg\u00fcmanlar\u0131n neler oldu\u011funu g\u00f6rebilirsiniz.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"8216id8217-2\">&#8216;id&#8217;<\/span><\/h4>\n\n\n\n<p>(<em>string<\/em>) Sidebarlar\u0131n id de\u011ferleridir. Birden \u00e7ok sidebar kayd\u0131 yaparken, ikinci sidebardan ba\u015flayarak, burada belirtti\u011finiz <em>id <\/em>de\u011ferinin sonunu, s\u0131ras\u0131yla -2, -3&#8230; say\u0131lar\u0131 getirilecektir. Mesela, 3 tane sidebar kayd\u0131 yaparsan\u0131z ve id de\u011ferine &#8220;<em>benim-sidebarim<\/em>&#8221; derseniz, olu\u015facak sidebarlar\u0131n <em>id <\/em>de\u011ferleri; &#8220;<em>benim-sidebarim&#8221;, &#8220;benim-sidebarim -2&#8221;, &#8220;benim-sidebarim-3<\/em>&#8221; \u015feklinde olacakt\u0131r. Varsay\u0131lan de\u011feri &#8216;<em>sidebar<\/em>&#8216; d\u0131r.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"8216name8217-2\">&#8216;name&#8217;<\/span><\/h4>\n\n\n\n<p>(<em>string<\/em>) Sidebarlar\u0131n isimleridir. E\u011fer birden \u00e7ok sidebar kayd\u0131 yap\u0131yorsan\u0131z, girdi\u011finiz de\u011ferin sonuna &#8220;%d&#8221; ifadesi b\u0131rakarak, her bir sidebar i\u00e7in girdi\u011finiz ismin sonuna bir say\u0131 eklenmesini sa\u011flayabilirsiniz. Mesela, 3 tane sidebar kayd\u0131 yaparsan\u0131z ve <em>name <\/em>de\u011ferine &#8220;<em>Kenar %d<\/em>&#8221; derseniz, olu\u015facak sidebarlar\u0131n isimleri; &#8221; <em>Kenar<\/em> <em>1&#8243;, &#8220;<\/em> <em>Kenar 2&#8243;, &#8220;<\/em> <em>Kenar 3<\/em>&#8221; \u015feklinde olacakt\u0131r. Varsay\u0131lan de\u011feri &#8216;<em>Sidebar %d<\/em>&#8216; dir.<\/p>\n\n\n\n<p>Di\u011fer arg\u00fcmanlar, <code>register_sidebar()<\/code> fonksiyonunun arg\u00fcmanlar\u0131 ile ayn\u0131 \u015fekilde olu\u015fturulur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Register_sidebars_Fonksiyonunun_Ornek_Kullanimi\">Register_sidebars Fonksiyonunun \u00d6rnek Kullan\u0131m\u0131<\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>function ilktemam_sidebarlar() {\n  register_sidebars( 2, array(\n    'id' => 'ornek-sidebar-idleri',\n    'name' => '\u00d6rnek Sidebar \u0130simi %d',\n    'description' => '\u00d6rnek bir a\u00e7\u0131klama',\n    'before_widget' => '&lt;aside id=\"%1$s\" class=\"widget %2$s\">',\n    'after_widget'  => '&lt;\/aside>',\n    'before_title' => '&lt;h2>',\n    'after_title'  => '&lt;\/h3>',\n  ));\n}\nadd_action( 'widgets_init', 'ilktemam_sidebarlar' );<\/code><\/pre>\n\n\n\n<p>Yukar\u0131da verilen kod, y\u00f6netim panelinin, <strong>G\u00f6r\u00fcn\u00fcm-&gt;Bile\u015fenler<\/strong> sayfas\u0131nda, a\u015fa\u011f\u0131daki sidebarlar\u0131 olu\u015fturacakt\u0131r:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"301\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-3.png\" alt=\"\" class=\"wp-image-2661\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-3.png 342w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-tema-yapimi-sidebar-ekleme-3-300x264.png 300w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><figcaption>WordPress Temas\u0131na Sidebar Ekleme \u00d6rne\u011fi<\/figcaption><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sidebar olmadan bir WordPress temas\u0131n\u0131n tad\u0131 tuzu olmaz. Bu ders, size, WordPress  temas\u0131na sidebar ekleme ile ilgili her \u015feyi \u00f6\u011fretecektir.<\/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":[109,110],"class_list":["post-2572","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tema-yapimi","tag-sidebar","tag-wordpress-temasina-sidebar-ekleme"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/2572","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=2572"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/2572\/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=2572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=2572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=2572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}