{"id":2732,"date":"2019-05-28T16:50:58","date_gmt":"2019-05-28T13:50:58","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=2732"},"modified":"2019-06-11T20:50:00","modified_gmt":"2019-06-11T17:50:00","slug":"4-10-menuler-navigation-menus","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/4-10-menuler-navigation-menus\/","title":{"rendered":"4.10 Men\u00fcler (Navigation Menus)"},"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=\"#Menuler_Icin_Lokasyon_Olusturma\"><span class=\"toc_number toc_depth_1\">1<\/span> Men\u00fcler \u0130\u00e7in Lokasyon Olu\u015fturma<\/a><\/li><li><a href=\"#Temaya_Menu_Cekme_Menu_Ekleme\"><span class=\"toc_number toc_depth_1\">2<\/span> Temaya Men\u00fc \u00c7ekme (Men\u00fc Ekleme)<\/a><\/li><li><a href=\"#Wp_nav_menu_Fonksiyonunun_Parmetresi\"><span class=\"toc_number toc_depth_1\">3<\/span> Wp_nav_menu Fonksiyonunun Parmetresi<\/a><ul><li><a href=\"#8216menu8217\"><span class=\"toc_number toc_depth_2\">3.1<\/span> &#8216;menu&#8217;<\/a><\/li><li><a href=\"#8216menu_class8217\"><span class=\"toc_number toc_depth_2\">3.2<\/span> &#8216;menu_class&#8217;<\/a><\/li><li><a href=\"#8216menu_id8217\"><span class=\"toc_number toc_depth_2\">3.3<\/span> &#8216;menu_id&#8217;<\/a><\/li><li><a href=\"#8216container8217\"><span class=\"toc_number toc_depth_2\">3.4<\/span> &#8216;container&#8217;<\/a><\/li><li><a href=\"#8216container_class8217\"><span class=\"toc_number toc_depth_2\">3.5<\/span> &#8216;container_class&#8217;<\/a><\/li><li><a href=\"#8216container_id8217\"><span class=\"toc_number toc_depth_2\">3.6<\/span> &#8216;container_id&#8217;<\/a><\/li><li><a href=\"#8216fallback_cb8217\"><span class=\"toc_number toc_depth_2\">3.7<\/span> &#8216;fallback_cb&#8217;<\/a><\/li><li><a href=\"#8216before8217\"><span class=\"toc_number toc_depth_2\">3.8<\/span> &#8216;before&#8217;<\/a><\/li><li><a href=\"#8216after8217\"><span class=\"toc_number toc_depth_2\">3.9<\/span> &#8216;after&#8217;<\/a><\/li><li><a href=\"#8216link_before8217\"><span class=\"toc_number toc_depth_2\">3.10<\/span> &#8216;link_before&#8217;<\/a><\/li><li><a href=\"#8216link_after8217\"><span class=\"toc_number toc_depth_2\">3.11<\/span> &#8216;link_after&#8217;<\/a><\/li><li><a href=\"#8216echo8217\"><span class=\"toc_number toc_depth_2\">3.12<\/span> &#8216;echo&#8217;<\/a><\/li><li><a href=\"#8216depth8217\"><span class=\"toc_number toc_depth_2\">3.13<\/span> &#8216;depth&#8217;<\/a><\/li><li><a href=\"#8216walker8217\"><span class=\"toc_number toc_depth_2\">3.14<\/span> &#8216;walker&#8217;<\/a><\/li><li><a href=\"#8216theme_location8217\"><span class=\"toc_number toc_depth_2\">3.15<\/span> &#8216;theme_location&#8217;<\/a><\/li><li><a href=\"#8216items_wrap8217\"><span class=\"toc_number toc_depth_2\">3.16<\/span> &#8216;items_wrap&#8217;<\/a><\/li><li><a href=\"#8216item_spacing8217\"><span class=\"toc_number toc_depth_2\">3.17<\/span> &#8216;item_spacing&#8217;<\/a><\/li><\/ul><\/li><li><a href=\"#Menu_Elemanlarina_Atanan_CSS_Siniflari\"><span class=\"toc_number toc_depth_1\">4<\/span> Men\u00fc Elemanlar\u0131na Atanan CSS S\u0131n\u0131flar\u0131<\/a><ul><li><a href=\"#menu-item\"><span class=\"toc_number toc_depth_2\">4.1<\/span> .menu-item<\/a><\/li><li><a href=\"#menu-item-has-children\"><span class=\"toc_number toc_depth_2\">4.2<\/span> .menu-item-has-children<\/a><\/li><li><a href=\"#menu-item-object-icerik-tipi\"><span class=\"toc_number toc_depth_2\">4.3<\/span> .menu-item-object-{i\u00e7erik-tipi}<\/a><\/li><li><a href=\"#menu-item-object-category\"><span class=\"toc_number toc_depth_2\">4.4<\/span> .menu-item-object-category<\/a><\/li><li><a href=\"#menu-item-object-tag\"><span class=\"toc_number toc_depth_2\">4.5<\/span> .menu-item-object-tag<\/a><\/li><li><a href=\"#menu-item-object-page\"><span class=\"toc_number toc_depth_2\">4.6<\/span> .menu-item-object-page<\/a><\/li><li><a href=\"#menu-item-object-ozel_tip\"><span class=\"toc_number toc_depth_2\">4.7<\/span> .menu-item-object-{\u00f6zel_tip}<\/a><\/li><li><a href=\"#menu-item-type-tip\"><span class=\"toc_number toc_depth_2\">4.8<\/span> .menu-item-type-{tip}<\/a><\/li><li><a href=\"#menu-item-type-post_type\"><span class=\"toc_number toc_depth_2\">4.9<\/span> .menu-item-type-post_type<\/a><\/li><li><a href=\"#menu-item-type-taxonomy\"><span class=\"toc_number toc_depth_2\">4.10<\/span> .menu-item-type-taxonomy<\/a><\/li><li><a href=\"#current-menu-item\"><span class=\"toc_number toc_depth_2\">4.11<\/span> .current-menu-item<\/a><\/li><li><a href=\"#current-menu-parent\"><span class=\"toc_number toc_depth_2\">4.12<\/span> .current-menu-parent<\/a><\/li><li><a href=\"#current-object-parent\"><span class=\"toc_number toc_depth_2\">4.13<\/span> .current-{object}-parent<\/a><\/li><li><a href=\"#current-tip-parent\"><span class=\"toc_number toc_depth_2\">4.14<\/span> .current-{tip}-parent<\/a><\/li><li><a href=\"#menu-item-home\"><span class=\"toc_number toc_depth_2\">4.15<\/span> .menu-item-home<\/a><\/li><\/ul><\/li><\/ul><\/div>\n\n<p>WordPress, olduk\u00e7a g\u00fc\u00e7l\u00fc bir men\u00fc sistemine sahiptir. Y\u00f6netim panelinde, diledi\u011finiz kadar yeni men\u00fc olu\u015fturabilir, i\u00e7eriklerinizi, kategori\/s\u0131n\u0131fland\u0131rma ar\u015fivlerinizi, \u00fcr\u00fcnlerinizi, diledi\u011finiz URL ba\u011flant\u0131lar\u0131n\u0131&#8230; kolayca bu men\u00fclere ekleyebilir, olu\u015fturdu\u011funuz men\u00fcleri, s\u00fcr\u00fckle-b\u0131rak y\u00f6ntemi ile d\u00fczenleyebilirsiniz.<\/p>\n\n\n\n<p>WordPress temalar\u0131nda, men\u00fcler, <strong>Y\u00f6netim paneli : G\u00f6r\u00fcn\u00fcm-&gt;Men\u00fcler<\/strong> sayfas\u0131ndan olu\u015fturulur ve y\u00f6netilir. Y\u00f6netim panelinde olu\u015fturdu\u011funuz bir men\u00fcy\u00fc, temaya \u00e7ekebilmek i\u00e7in, \u00f6nce, bu men\u00fcy\u00fc kaydedebilece\u011finiz bir lokasyon yani adres olu\u015fturmal\u0131s\u0131n\u0131z ve olu\u015fturdu\u011funuz men\u00fcy\u00fc, bu lokasyona kaydetmelisiniz, sonra da bu lokasyonu kullanarak, men\u00fcy\u00fc \u015fablon dosyan\u0131za \u00e7ekmelisiniz. A\u015fa\u011f\u0131da bu ad\u0131mlar, detaylar\u0131yla anlat\u0131lm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<p>Detaylara ge\u00e7meden \u00f6nce, buraya kadar anlatt\u0131klar\u0131m\u0131z ile ilgili olarak, akl\u0131m\u0131za \u015f\u00f6yle bir soru gelebilir: Y\u00f6netim panelinde olu\u015fturdu\u011fumuz her men\u00fcye zaten bir ad veriyoruz ve her men\u00fcn\u00fcn bir <em>ID<\/em> de\u011feri de oluyor. Bir men\u00fcy\u00fc, bu kimlik bilgileri yard\u0131m\u0131 ile, lokasyon kullanmaya filan gerek kalmadan, do\u011frudan niye \u00e7ekmiyoruz?<\/p>\n\n\n\n<p>Cevap: WordPress, y\u00f6netim panelinde olu\u015fturdu\u011funuz bir men\u00fcy\u00fc, o men\u00fcn\u00fcn ad\u0131n\u0131 veya id de\u011ferini kullanarak do\u011frudan temaya \u00e7ekmenize izin verir. Birazdan bahsedece\u011fimiz fonksiyonlar bu g\u00f6revi de yapar. Fakat lokasyon kullanman\u0131n \u015f\u00f6yle bir faydas\u0131 vard\u0131r: Bir lokasyona kaydedilmi\u015f bir men\u00fcy\u00fc siler ya da de\u011fi\u015ftirirseniz lokasyon bundan etkilenmez ve ayn\u0131 lokasyona yeni bir men\u00fc kaydetti\u011finizde teman\u0131z bu defa, bu yeni men\u00fcy\u00fc \u00e7ekecektir. Fakat, teman\u0131za, lokasyonu de\u011fil de, do\u011frudan bir men\u00fcy\u00fc \u00e7a\u011f\u0131r\u0131rsan\u0131z, ya \u00f6m\u00fcr boyu ayn\u0131 men\u00fcy\u00fc kullanmak zorunda kal\u0131rs\u0131n\u0131z ya da men\u00fcn\u00fcz\u00fc sildi\u011finizde veya ba\u015fkas\u0131 ile de\u011fi\u015ftirdi\u011finizde, <a rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyalar\u0131n\u0131za (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyalar\u0131n\u0131za<\/a> gidip, kodlar\u0131n\u0131z\u0131 yeni men\u00fcye g\u00f6re tekrar d\u00fczenlemeniz gerekecektir. Daha da \u00f6nemlisi, teman\u0131z\u0131 da\u011f\u0131tmay\u0131 d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z, emin olun, teman\u0131z\u0131 kullanacak ki\u015filerin men\u00fc isimleri veya <em>ID<\/em> de\u011ferleri sizinkinden farkl\u0131 olacakt\u0131r ve kullan\u0131c\u0131lar\u0131n\u0131z\u0131n hepsinin gerekli d\u00fczenlemeleri yapabilecek kadar kod bilgisi olmayacakt\u0131r. Bunlar\u0131 d\u00fc\u015f\u00fcn\u00fcnce, siz de taktir edersiniz ki, men\u00fcleri isimleri ile de\u011fil de, lokasyon kullanarak \u00e7a\u011f\u0131rmak daha i\u015flevsel bir yoldur. \u00c7\u00fcnk\u00fc, bir lokasyonu teman\u0131za ekledi\u011finizde, o lokasyonda, o anda, hangi men\u00fc kay\u0131tl\u0131 ise o gelir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Menuler_Icin_Lokasyon_Olusturma\">Men\u00fcler \u0130\u00e7in Lokasyon Olu\u015fturma<\/span><\/h2>\n\n\n\n<p>Bir WordPress men\u00fcs\u00fc olu\u015fturmak, y\u00f6netim panelinden yap\u0131lan bir i\u015flemdir. Bu dersteki b\u00fct\u00fcn \u00e7abam\u0131z, y\u00f6netim panelinde olu\u015fturdu\u011fumuz men\u00fcleri temaya \u00e7ekebilmek i\u00e7indir. Bunu ba\u015farman\u0131n ilk ad\u0131m\u0131, men\u00fclere bir lokasyon, olu\u015fturmakt\u0131r. Lokasyonlar\u0131, men\u00fcleri park etti\u011fimiz yerler gibi d\u00fc\u015f\u00fcnebilirsiniz. (Temam\u0131za, bir men\u00fc \u00e7a\u011f\u0131r\u0131rken bu park yerlerinden \u00e7a\u011f\u0131raca\u011f\u0131z ve park yerine hangi men\u00fc park etmi\u015fse o gelecektir.)<\/p>\n\n\n\n<p>Men\u00fc lokasyonuna, &#8220;<code>theme_location<\/code>&#8221; denir ve bu lokasyonu olu\u015fturmak i\u00e7in, <code>register_nav_menus( $theme_locations&nbsp;=&nbsp;array() )<\/code> fonksiyonu kullan\u0131l\u0131r. Bu fonksiyon, men\u00fc lokasyonlar\u0131 olu\u015fturmaya yarayan bir parametreye sahiptir. Bu parametre bir dizidir ve bu diziye, lokasyonun kimlik de\u011feri ve g\u00f6r\u00fcnen ad\u0131 girilir. Bu fonksiyon ile birden \u00e7ok lokasyon kayd\u0131 yap\u0131labilir.<\/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>A\u015fa\u011f\u0131da, &#8220;<em>Ana Men\u00fc<\/em>&#8221; ve &#8220;<em>Sosyal Medya Hesaplar\u0131<\/em>&#8221; ad\u0131nda iki lokasyon kayd\u0131 yap\u0131larak bu fonksiyonun kullan\u0131m\u0131 g\u00f6sterilmi\u015ftir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function ilktemam_menuler() {\n  register_nav_menus(\n    array(\n      'ana-menu' => __( 'Ana Menu', 'textdomain' ),\n      'sosyal-medya-menusu' => __( 'Sosyal Medya Hesaplar\u0131', 'textdomain' )\n     )\n   );\n }\n\n \/\/ burada 'after_setup_theme' kancas\u0131 da kullan\u0131labilir\n add_action( 'init', 'ilktemam_menuler' );<\/code><\/pre>\n\n\n\n<p>G\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, &#8220;<em>Ana Men<\/em>u&#8221; ad\u0131ndaki lokasyonun kimlik de\u011ferini &#8220;<code>ana-menu<\/code>&#8220;, &#8220;<em>Sosyal Medya Hesaplar\u0131<\/em>&#8221; ad\u0131ndaki lokasyonun kimlik de\u011ferini ise, &#8220;<code>sosyal-medya-menusu<\/code>&#8221; olarak belirledik. Burada olu\u015fturdu\u011funuz kimlik de\u011ferleri, bu lokasyonlar\u0131, <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyalar\u0131na<\/a> eklemek i\u00e7in gerekecektir.<\/p>\n\n\n\n<p>Yukar\u0131daki kodlar\u0131 <code>functions.php<\/code> dosyas\u0131na ekleyerek, iki tane men\u00fc lokasyonu kaydetmi\u015f olduk. Kaydetti\u011fimiz lokasyonlar, y\u00f6netim panelinin, <strong>G\u00f6r\u00fcn\u00fcm-&gt;Men\u00fcler<\/strong> sayfas\u0131nda \u015fu \u015feklide yer al\u0131r:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"545\" height=\"487\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus.png\" alt=\"\" class=\"wp-image-2738\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus.png 545w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-300x268.png 300w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/><figcaption>WordPress Men\u00fc Ekleme &#8211; register_nav_menus<\/figcaption><\/figure><\/div>\n\n\n\n<p>Resimde g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, WordPress, kaydetti\u011fimiz iki lokasyonu da tan\u0131m\u0131\u015f ve kullan\u0131ma sunmu\u015ftur. Art\u0131k, diledi\u011fimiz men\u00fcy\u00fc bu lokasyonlara park edebiliriz.<\/p>\n\n\n\n<p>Y\u00f6netim panelinde olu\u015fturdu\u011fumuz bir men\u00fcy\u00fc, <em>Ana Men\u00fc<\/em> yazan kutucu\u011fu i\u015faretleyerek kaydedersek, bu men\u00fc, <em>Ana Men\u00fc<\/em> lokasyonuna kaydedilmi\u015f olur, yani bu lokasyona park etmi\u015f olur.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"925\" height=\"581\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2.png\" alt=\"WordPress temas\u0131na men\u00fc ekleme\" class=\"wp-image-2746\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2.png 925w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2-300x188.png 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2-768x482.png 768w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><\/a><figcaption>WordPress Temas\u0131na Men\u00fc Ekleme<\/figcaption><\/figure>\n\n\n\n<p>Resimde g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, <em>Ana Men<\/em>u lokasyonuna, ad\u0131 &#8220;<em>Deneme Men\u00fcs\u00fc<\/em>&#8221; olan bir men\u00fc kaydedilmi\u015ftir. <em>Deneme Men\u00fcs\u00fc<\/em>&#8216;n\u00fc, temaya \u00e7ekebilmek i\u00e7in, <em>Ana Menu<\/em> lokasyonunu bir <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyas\u0131na<\/a> eklememiz yeterlidir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Temaya_Menu_Cekme_Menu_Ekleme\">Temaya Men\u00fc \u00c7ekme (Men\u00fc Ekleme)<\/span><\/h2>\n\n\n\n<p>Temaya men\u00fc \u00e7ekmek demek, temaya bir lokasyon eklemek demektir. Lokasyonu ekledi\u011fimizde, bu lokasyona kaydedilen men\u00fc de otomatik olarak gelecektir. Lokasyona ba\u015fka bir men\u00fc kaydetmeye karar verirsek bu defa o men\u00fc gelecektir.<\/p>\n\n\n\n<p>Temaya bir lokasyon kaydetmek i\u00e7in, uygun bir <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyas\u0131<\/a> kullan\u0131r\u0131z. <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\">\u015eablon dosyalar\u0131na<\/a> lokasyon eklemek i\u00e7in kullan\u0131lan fonksiyon \u015fudur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>wp_nav_menu( $argumanlar = array() )<\/code><\/pre>\n\n\n\n<p>Ana men\u00fcler genellikle, <code>header.php<\/code> dosyalar\u0131na \u00e7a\u011f\u0131r\u0131l\u0131r. Biraz \u00f6nce kaydetti\u011fimiz iki lokasyondan biri olan, <em>Ana Menu<\/em>&#8216;y\u00fc, <code>header.php<\/code> dosyas\u0131na eklemek i\u00e7in, bu fonksiyonu \u015fu \u015fekilde kullanabiliriz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>wp_nav_menu( array( 'theme_location' => 'ana-menu' ) );<\/code><\/pre>\n\n\n\n<p>Hat\u0131rlarsak, kaydederken, <em>Ana Menu<\/em>&#8216;n\u00fcn lokasyon kimli\u011fini <code>ana-menu<\/code> olarak ayarlam\u0131\u015ft\u0131k. Yukar\u0131daki fonksiyonda kulland\u0131\u011f\u0131m\u0131z, <code>ana-menu<\/code> arg\u00fcman\u0131 i\u015fte budur.<\/p>\n\n\n\n<p>Temam\u0131za ekledi\u011fimiz men\u00fc, nas\u0131l g\u00f6r\u00fcn\u00fcyor bir bakal\u0131m:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"149\" height=\"145\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-3.png\" alt=\"\" class=\"wp-image-2748\"\/><figcaption>WordPress Temas\u0131na Men\u00fc Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p>Hi\u00e7 de hayalinizdeki gibi bir men\u00fc olmad\u0131\u011f\u0131n\u0131 tahmin edebiliyorum. Bu men\u00fcy\u00fc, \u015fatafatl\u0131 bir ana men\u00fc haline getirmek i\u00e7in, CSS yetene\u011fimizi konu\u015fturabiliriz. \u00c7\u0131kt\u0131s\u0131 ne kadar basit g\u00f6r\u00fcnse de, HTML yap\u0131s\u0131, CSS i\u00e7in olduk\u00e7a m\u00fcsaittir.<\/p>\n\n\n\n<p>Yukar\u0131daki, basit g\u00f6r\u00fcn\u00fcml\u00fc men\u00fc i\u00e7in, <code>wp_nav_menu( array( 'theme_location' =&gt; 'ana-menu' ) )<\/code> fonksiyonunun \u00fcretti\u011fi HTML yap\u0131s\u0131 \u015f\u00f6yledir:<\/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<pre class=\"wp-block-code\"><code>&lt;div class=\"menu-deneme-menusu-container\">\n\t&lt;ul id=\"menu-deneme-menusu\" class=\"menu\">\n\t\t&lt;li id=\"menu-item-1972\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1972\">\n\t\t\t&lt;a href=\"http:\/\/localhost\/benimsitem\/\">Anasayfa&lt;\/a>\n\t\t&lt;\/li>\n\t\t&lt;li id=\"menu-item-1971\" class=\"menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-1971\">\n\t\t\t&lt;a href=\"http:\/\/localhost\/benimsitem\/blog-2\/\">Blog&lt;\/a>\n\t\t&lt;\/li>\n\t\t&lt;li id=\"menu-item-1970\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1970\">\n\t\t\t&lt;a href=\"http:\/\/localhost\/benimsitem\/hakkimizda\/\">Hakk\u0131m\u0131zda&lt;\/a>\n\t\t&lt;\/li>\n\t\t&lt;li id=\"menu-item-1969\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1969\">\n\t\t\t&lt;a href=\"http:\/\/localhost\/benimsitem\/ust-sayfa\/\">\u00dcst sayfa&lt;\/a>\n\t\t\t&lt;ul class=\"sub-menu\">\n\t\t\t\t&lt;li id=\"menu-item-1968\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1968\">\n\t\t\t\t\t&lt;a href=\"http:\/\/localhost\/benimsitem\/alt-sayfa\/\">Alt sayfa&lt;\/a>\n\t\t\t\t&lt;\/li>\n\t\t\t&lt;\/ul>\n\t\t&lt;\/li>\n\t&lt;\/ul>\n&lt;\/div><\/code><\/pre>\n\n\n\n<p>WordPress, i\u015fini hafife almam\u0131\u015f ve bize, men\u00fcde, diledi\u011fimiz gibi CSS kullanabilmek i\u00e7in yeterince <code>id<\/code> ve <code>class<\/code> arg\u00fcman\u0131 vermi\u015f.<\/p>\n\n\n\n<p>Peki bu HTML yap\u0131s\u0131na, baz\u0131 dokunu\u015flar yapabilir miyiz?<\/p>\n\n\n\n<p>Evet. <code>wp_nav_menu( $argumanlar = array() )<\/code> fonksiyonunun arg\u00fcmanlar\u0131 ile, temam\u0131za ekledi\u011fimiz men\u00fclerin HTML yap\u0131lar\u0131na baz\u0131 m\u00fcdahalelerde bulunabiliyoruz. \u015eimdi, bu fonksiyonun arg\u00fcmanlar\u0131n\u0131 daha yak\u0131ndan inceleyelim.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Wp_nav_menu_Fonksiyonunun_Parmetresi\">Wp_nav_menu Fonksiyonunun Parmetresi<\/span><\/h2>\n\n\n\n<p><code>Wp_nav_menu( $argumanlar = arra() )<\/code> fonksiyonu, dizi t\u00fcr\u00fcnde ve bir tane parametre almaktad\u0131r. Bu parametrenin arg\u00fcmanlar\u0131, varsay\u0131lan de\u011ferleri ile birlikte \u015f\u00f6yledir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$argumanlar= array(\n        'menu'            => '',\n        'container'       => 'div',\n        'container_class' => '',\n        'container_id'    => '',\n        'menu_class'      => 'menu',\n        'menu_id'         => '',\n        'echo'            => true,\n        'fallback_cb'     => 'wp_page_menu',\n        'before'          => '',\n        'after'           => '',\n        'link_before'     => '',\n        'link_after'      => '',\n        'items_wrap'      => '&lt;ul id=\"%1$s\" class=\"%2$s\">%3$s&lt;\/ul>',\n        'item_spacing'    => 'preserve',\n        'depth'           => 0,\n        'walker'          => '',\n        'theme_location'  => '',\n    );<\/code><\/pre>\n\n\n\n<p>Arg\u00fcmanlar\u0131 daha yak\u0131ndan tan\u0131yal\u0131m:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216menu8217\">&#8216;menu&#8217;<\/span><\/h3>\n\n\n\n<p>Y\u00f6netim panelinde, <strong>Men\u00fcler <\/strong>sayfas\u0131nda, olu\u015fturdu\u011funuz her bir men\u00fcn\u00fcn ID de\u011feri, ad\u0131 ve link ad\u0131 vard\u0131r. Bunlar, olu\u015fturdu\u011funuz men\u00fclerin kimlik bilgileridir. <strong>Men\u00fcler <\/strong>sayfas\u0131nda, bir men\u00fcy\u00fc d\u00fczenlerken, adres \u00e7ubu\u011funa bakarsan\u0131z, a\u015fa\u011f\u0131dakine benzer bir yap\u0131 g\u00f6r\u00fcrs\u00fcn\u00fcz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:\/\/sitecenneti.com\/wp-admin\/nav-menus.php?action=edit&amp;menu=179<\/code><\/pre>\n\n\n\n<p>Bu URL ifadesindeki 179 say\u0131s\u0131, d\u00fczenlenen men\u00fcn\u00fcn ID de\u011feridir. Bu, arg\u00fcmana, bu ID de\u011ferini verirsek, lokasyonda bir men\u00fc bulunmad\u0131\u011f\u0131 zaman, bu men\u00fc g\u00f6sterilecektir. Yani bu men\u00fcy\u00fc, yedeklemi\u015f oluruz. Bu arg\u00fcman, men\u00fcn\u00fcn ID de\u011ferini ald\u0131\u011f\u0131 gibi, ad\u0131n\u0131 ve link ad\u0131n\u0131 da kabul eder. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216menu_class8217\">&#8216;menu_class&#8217;<\/span><\/h3>\n\n\n\n<p>Bu fonksiyonun olu\u015fturdu\u011fu HTML yap\u0131s\u0131ndaki <code>ul<\/code> eleman\u0131 i\u00e7in atanan CSS s\u0131n\u0131f\u0131d\u0131r. Yukar\u0131da verdi\u011fimiz HTML yap\u0131s\u0131nda da g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, varsay\u0131lan de\u011feri <code>'menu'<\/code> d\u00fcr:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul id=\"menu-deneme-menusu\" class=\"menu\"><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216menu_id8217\">&#8216;menu_id&#8217;<\/span><\/h3>\n\n\n\n<p>Bu fonksiyonun olu\u015fturdu\u011fu HTML yap\u0131s\u0131ndaki <code>ul<\/code> eleman\u0131 i\u00e7in atanan <code>id<\/code> de\u011feridir. Bu arg\u00fcman\u0131 bo\u015f b\u0131rak\u0131rsak, yukar\u0131da verdi\u011fimiz HTML yap\u0131s\u0131nda da g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, varsay\u0131lan olarak <code>menu-{menunun-link-adi}<\/code> \u015feklinde bir <em>id<\/em> de\u011feri olu\u015fturur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul id=\"menu-deneme-menusu\" class=\"menu\"><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216container8217\">&#8216;container&#8217;<\/span><\/h3>\n\n\n\n<p>Fonksiyonun, men\u00fc i\u00e7in olu\u015fturdu\u011fu temel <code>ul<\/code> eleman\u0131n\u0131 saran HTML eleman\u0131d\u0131r. Varsay\u0131lan de\u011feri <code>div<\/code> dir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"menu-deneme-menusu-container\">\n\t&lt;ul id=\"menu-deneme-menusu\" class=\"menu\">\n\t....\n\t&lt;\/ul>\n&lt;\/div><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216container_class8217\">&#8216;container_class&#8217;<\/span><\/h3>\n\n\n\n<p>Men\u00fcy\u00fc saran <code>'container'<\/code> eleman\u0131 i\u00e7in atanacak CSS s\u0131n\u0131f\u0131d\u0131r. Varsay\u0131lan de\u011feri <code>'menu-{men\u00fcn\u00fcn-link-ad\u0131}-container'<\/code> \u015feklindedir. Yukar\u0131da, HTML yap\u0131s\u0131n\u0131 verdi\u011fimizi men\u00fcn\u00fcn, link ad\u0131 <code>'deneme-menusu'<\/code> idi. Buna g\u00f6re, bu fonksiyon, men\u00fcy\u00fc saran HTML eleman\u0131nda, varsay\u0131lan olarak \u015fu CSS s\u0131n\u0131f\u0131n\u0131 \u00fcretmi\u015ftir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"menu-deneme-menusu-container\"><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216container_id8217\">&#8216;container_id&#8217;<\/span><\/h3>\n\n\n\n<p>Men\u00fcy\u00fc saran HTML elaman\u0131n\u0131n, yani <code>'container'<\/code> arg\u00fcman\u0131na atad\u0131\u011f\u0131m\u0131z eleman\u0131n\u0131n <code>id<\/code> de\u011feridir. Varsay\u0131lan de\u011feri bo\u015ftur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216fallback_cb8217\">&#8216;fallback_cb&#8217;<\/span><\/h3>\n\n\n\n<p>Bir nevi yer tutucu men\u00fcd\u00fcr, bir men\u00fc atanmad\u0131\u011f\u0131nda g\u00f6r\u00fcn\u00fcr. Bu arg\u00fcmana, diledi\u011finiz bir fonksiyon ad\u0131 girersiniz. Daha sonra, bu fonksiyonu, i\u00e7erisinde, k\u00f6t\u00fc zamanlar i\u00e7in kullan\u0131lmas\u0131n\u0131 istedi\u011finiz bir men\u00fc ile birlikte olu\u015fturursunuz. WordPress, bu lokasyonda g\u00f6stermek i\u00e7in herhangi bir men\u00fc bulamad\u0131\u011f\u0131 zaman, olu\u015fturdu\u011funuz bu men\u00fcy\u00fc g\u00f6sterir.<\/p>\n\n\n\n<p>Bu arg\u00fcman\u0131n varsay\u0131lan de\u011feri, a\u015fa\u011f\u0131daki fonksiyondur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>wp_page_menu()<\/code><\/pre>\n\n\n\n<p>Bu fonksiyon, teman\u0131za kaydedilmi\u015f <a rel=\"noreferrer noopener\" aria-label=\"sayfa tipindeki i\u00e7eriklerden (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-3-icerik-tipleri-post-types\/#Sayfa_Page\" target=\"_blank\">&#8220;<em>sayfa<\/em>&#8221; tipindeki i\u00e7eriklerden<\/a> bir men\u00fc olu\u015fturur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216before8217\">&#8216;before&#8217;<\/span><\/h3>\n\n\n\n<p>Men\u00fcdeki her bir linkin \u00f6n\u00fcne yaz\u0131lacak yaz\u0131 veya HTML eleman\u0131d\u0131r. Bu arg\u00fcmana girdi\u011finiz de\u011fer, men\u00fcn\u00fcn HTML yap\u0131s\u0131na \u015f\u00f6yle monte edilir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;li id=\"...>\n   {before arg\u00fcman\u0131na verilen de\u011fer buraya}\n   &lt;a href=\"http...>Anasayfa&lt;\/a>\n&lt;\/li><\/code><\/pre>\n\n\n\n<p>\u00d6rnek olarak bu arg\u00fcmana <code>'&lt;span&gt;Deneme&lt;\/span&gt;'<\/code> yazal\u0131m:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php wp_nav_menu( array( \n\t'theme_location' => 'ana-menu',\n\t'before'\t => '&lt;span>Deneme&lt;\/span>',\n\t) );\n?><\/code><\/pre>\n\n\n\n<p>Ve men\u00fcm\u00fcz\u00fcn \u00e7\u0131kt\u0131s\u0131na bir bakal\u0131m:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"183\" height=\"143\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-4.png\" alt=\"\" class=\"wp-image-2754\"\/><figcaption>Men\u00fc Ekleme &#8211; wp_nav_menu Fonksiyonunun Arg\u00fcmanlar\u0131<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216after8217\">&#8216;after&#8217;<\/span><\/h3>\n\n\n\n<p>Men\u00fcdeki her bir linkin sonuna yaz\u0131lacak yaz\u0131 veya HTML eleman\u0131d\u0131r. Bu arg\u00fcmana girdi\u011finiz de\u011fer, men\u00fcn\u00fcn HTML yap\u0131s\u0131na \u015f\u00f6yle monte edilir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;li id=\"...>\n   &lt;a href=\"http...>Anasayfa&lt;\/a>\n   {after arg\u00fcman\u0131na verilen de\u011fer buraya}\n&lt;\/li><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216link_before8217\">&#8216;link_before&#8217;<\/span><\/h3>\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>Men\u00fcdeki her bir link tekstinin \u00f6n\u00fcne yaz\u0131lacak yaz\u0131 veya HTML eleman\u0131d\u0131r. Bu arg\u00fcmana girece\u011finiz de\u011fer, link ile birlikte t\u0131klanabilir olacakt\u0131r. Bu de\u011fer, men\u00fcn\u00fcn HTML yap\u0131s\u0131na \u015f\u00f6yle monte edilir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;li id=\"...>\n   &lt;a href=\"http...>{link_before arg\u00fcman\u0131na verilen de\u011fer buraya}Anasayfa&lt;\/a>\n&lt;\/li><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216link_after8217\">&#8216;link_after&#8217;<\/span><\/h3>\n\n\n\n<p>Men\u00fcdeki her bir link tekstinin sonuna yaz\u0131lacak yaz\u0131 veya HTML eleman\u0131d\u0131r. Bu arg\u00fcmana girece\u011finiz de\u011fer, link ile birlikte t\u0131klanabilir olacakt\u0131r. Bu de\u011fer, men\u00fcn\u00fcn HTML yap\u0131s\u0131na \u015f\u00f6yle monte edilir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;li id=\"...>\n   &lt;a href=\"http...>Anasayfa{link_before arg\u00fcman\u0131na verilen de\u011fer buraya}&lt;\/a>\n&lt;\/li><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216echo8217\">&#8216;echo&#8217;<\/span><\/h3>\n\n\n\n<p><code>true\/false<\/code> de\u011ferini al\u0131r. Fonksiyonun men\u00fc i\u00e7in \u00fcretti\u011fi HTML yap\u0131s\u0131n\u0131n ekrana bas\u0131laca\u011f\u0131n\u0131 ya da d\u00f6nd\u00fcr\u00fclece\u011fini belirler. Varsay\u0131lan de\u011feri <code>true<\/code>&#8216;dur, yani ekrana bast\u0131r\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216depth8217\">&#8216;depth&#8217;<\/span><\/h3>\n\n\n\n<p>Derinlik demektir, men\u00fcn\u00fcn alt men\u00fc derinli\u011fini ifade eden sayd\u0131r. Y\u00f6netim panelinde, men\u00fc olu\u015ftururken, s\u00fcr\u00fckle\/b\u0131rak y\u00f6ntemi ile, men\u00fc elemanlar\u0131na ait alt men\u00fcler de olu\u015ftururuz. Sa\u011f tarafa s\u00fcr\u00fcklenerek olu\u015fturulan alt men\u00fcler, bir derinlik olu\u015fturur. A\u015fa\u011f\u0131da derinli\u011fi 2 olan (<code>'depth'= 2<\/code>) bir men\u00fc \u00f6rne\u011fi g\u00f6r\u00fcyorsunuz:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"925\" height=\"581\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2.png\" alt=\"WordPress temas\u0131na men\u00fc ekleme\" class=\"wp-image-2746\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2.png 925w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2-300x188.png 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-menuler-navigation-menus-2-768x482.png 768w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><\/a><figcaption>WordPress Temas\u0131na Men\u00fc Ekleme<\/figcaption><\/figure>\n\n\n\n<p>Bu arg\u00fcman, ka\u00e7 basama\u011fa kadar alt men\u00fc olu\u015fturulaca\u011f\u0131n\u0131 belirler. Varsay\u0131lan de\u011feri 0 d\u0131r. Yani s\u0131n\u0131rlama yoktur.<\/p>\n\n\n\n<p class=\"sc-dikkat\">Bu arg\u00fcmana verdi\u011finiz de\u011fer, bu lokasyondaki men\u00fcy\u00fc d\u00fczenlerken, sizi k\u0131s\u0131tlamaz. Y\u00f6netim panelinde, diledi\u011finiz derinli\u011fe inebilirsiniz. Fakat, teman\u0131zda, men\u00fcn\u00fcn derinli\u011fi, bu arg\u00fcmana verdi\u011finiz de\u011fer kadar g\u00f6sterilir, daha derinde kalan men\u00fc elemanlar\u0131n\u0131z g\u00f6sterilmez. Bu y\u00fczden, bu lokasyon i\u00e7in olu\u015fturdu\u011funuz men\u00fc, bu arg\u00fcmandan daha derin olmamal\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216walker8217\">&#8216;walker&#8217;<\/span><\/h3>\n\n\n\n<p>Bu arg\u00fcman, bu fonksiyonun \u00fcretti\u011fi men\u00fcn\u00fcn, k\u0131sa yoldan, yak\u0131\u015f\u0131kl\u0131 olmas\u0131n\u0131 sa\u011flayan arg\u00fcmand\u0131r.<\/p>\n\n\n\n<p>Bu arg\u00fcmana de\u011fer atamak i\u00e7in, bir WordPress nesnesi olan,  <code>Walker_Nav_Menu<\/code> s\u0131n\u0131f\u0131n\u0131n uzant\u0131s\u0131 olan bir Class olu\u015fturursunuz, daha do\u011frusu Google&#8217;dan haz\u0131r bir tane bulup tema dosyalar\u0131n\u0131za eklersiniz. Daha sonra, bu uzant\u0131n\u0131n bir \u00f6rne\u011fini bu arg\u00fcmana atars\u0131n\u0131z. B\u00f6ylece, men\u00fcn\u00fcz, derinli\u011fi ve di\u011fer \u00f6zellikleri ile g\u00fczel bir g\u00f6r\u00fcnt\u00fcye kavu\u015fur.<\/p>\n\n\n\n<p>Ben, bu arg\u00fcman\u0131 genellikle, men\u00fcye, Bootstrap k\u00fct\u00fcphanesini uygulamak i\u00e7in kullan\u0131r\u0131m. <a rel=\"noreferrer noopener\" aria-label=\"Buraya (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/github.com\/dupkey\/bs4navwalker\" target=\"_blank\">Buraya<\/a> t\u0131klayarak, siz de Bootstrap 4 k\u00fct\u00fcphanesini, WordPress men\u00fclerinizde kullanabilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216theme_location8217\">&#8216;theme_location&#8217;<\/span><\/h3>\n\n\n\n<p>Yukar\u0131da; iki tane men\u00fc kaydetmi\u015ftik. Men\u00fc kaydederken kulland\u0131\u011f\u0131m\u0131z fonksiyonu hat\u0131rlayal\u0131m:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>  register_nav_menus(\n    array(\n      'ana-menu' => __( 'Ana Men\u00fc', 'textdomain' ),\n      'sosyal-medya-menusu' => __( 'Sosyal Medya Hesaplar\u0131', 'textdomain' )\n     )\n   );<\/code><\/pre>\n\n\n\n<p>Bu fonksiyonda, iki tane men\u00fc kayd\u0131 yap\u0131lm\u0131\u015ft\u0131r. Birinin <code>theme_location<\/code> de\u011feri <code>ana-menu<\/code>, di\u011ferinin ise <code>sosyal-medya-menusu<\/code> olarak ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<p>Bu parametreye, \u015fablon dosyam\u0131zda, <code>register_nav_menus<\/code> fonksiyonu ile kaydetti\u011fimiz men\u00fclerden, hangisini kullanmak istiyorsak, onun lokasyon kimli\u011fini yani <code>theme_location<\/code> de\u011ferini at\u0131yoruz.<\/p>\n\n\n\n<p>Bu parametreyi bo\u015f b\u0131rak\u0131rsan\u0131z, WordPress \u015fablon dosyan\u0131za men\u00fc getirmek i\u00e7in, \u015fu ad\u0131mlar\u0131 takip eder:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>'menu'<\/code> arg\u00fcman\u0131ndaki men\u00fcy\u00fc kullan\u0131r.<\/li><li><code>'menu'<\/code> arg\u00fcman\u0131 da bo\u015fsa, bo\u015f olmayan ilk men\u00fcy\u00fc kullan\u0131r.<\/li><li>O da yoksa, <code>'fallback_cb'<\/code> arg\u00fcman\u0131ndaki men\u00fcy\u00fc kullan\u0131r.<\/li><li>O da yoksa, bo\u015f b\u0131rak\u0131r.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216items_wrap8217\">&#8216;items_wrap&#8217;<\/span><\/h3>\n\n\n\n<p>Men\u00fc linklerinizi saran HTML eleman\u0131n\u0131n yap\u0131s\u0131d\u0131r. <code>printf()<\/code> fonksiyonu ile yer tutucu de\u011ferler i\u00e7erir. Varsay\u0131lan de\u011feri \u015f\u00f6yledir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>'items_wrap' => '&lt;ul id=\"%1$s\" class=\"%2$s\">%3$s&lt;\/ul>'<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"8216item_spacing8217\">&#8216;item_spacing&#8217;<\/span><\/h3>\n\n\n\n<p>Men\u00fc i\u00e7in \u00fcretilen HTML yap\u0131s\u0131nda bo\u015fluklar\u0131 korumak ya da kald\u0131rmak i\u00e7in kullan\u0131lan arg\u00fcmand\u0131r. \u0130ki de\u011fer al\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>&#8216;<strong>preserve<\/strong>&#8216; &#8211; Bo\u015fluklar\u0131 korur<\/li><li>&#8216;<strong>discard<\/strong>&#8216; &#8211; Bo\u015fluklar\u0131 kald\u0131r\u0131r.<\/li><\/ul>\n\n\n\n<p>Bu arg\u00fcman\u0131n varsay\u0131lan de\u011feri, <code>'preserve'<\/code> olarak ayarl\u0131d\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Menu_Elemanlarina_Atanan_CSS_Siniflari\">Men\u00fc Elemanlar\u0131na Atanan CSS S\u0131n\u0131flar\u0131<\/span><\/h2>\n\n\n\n<p>Teman\u0131za, <code>wp_nav_menu()<\/code> fonksiyonu ile bir men\u00fc ekledi\u011finizde, bu fonksiyon, men\u00fcn\u00fcz i\u00e7in bir HTML yap\u0131s\u0131 olu\u015fturur. Bu HTML yap\u0131s\u0131nda, as\u0131l men\u00fc elemanlar\u0131, <code>&lt;li&gt;men\u00fc eleman\u0131&lt;\/li&gt;<\/code> eleman\u0131n\u0131n i\u00e7inde bulunur. <code>wp_nav_menu<\/code> fonksiyonu, marifetini bu <code>&lt;li&gt;<\/code> eleman\u0131nda olu\u015fturdu\u011fu <code>id<\/code> de\u011ferleri ve CSS s\u0131n\u0131flar\u0131 ile g\u00f6sterir. A\u015fa\u011f\u0131da, bu fonksiyonun, bir men\u00fc eleman\u0131n\u0131 sarmak i\u00e7in olu\u015fturdu\u011fu, \u00f6rnek bir <code>&lt;li&gt;<\/code> yap\u0131s\u0131 verilmi\u015ftir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;li id=\"menu-item-1972\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1972\">Men\u00fc eleman\u0131&lt;\/li><\/code><\/pre>\n\n\n\n<p>\u015eimdi, <code>wp_nav_menu()<\/code> fonksiyonunun b\u00fct\u00fcn di\u011fer marifetlerine bakal\u0131m ve hangi men\u00fc eleman\u0131na, hangi CSS s\u0131n\u0131flar\u0131n\u0131 olu\u015fturuyor g\u00f6relim:<\/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 class=\"sc-dikkat\">A\u015fa\u011f\u0131daki CSS s\u0131n\u0131flar\u0131, men\u00fc eleman\u0131n\u0131n g\u00f6t\u00fcrd\u00fc\u011f\u00fc i\u00e7erik tipi ve s\u0131n\u0131fland\u0131rma y\u00f6ntemi ile yak\u0131ndan ilgilidir. Bu y\u00fczden, burada bahsedilecek s\u0131n\u0131flar\u0131 daha iyi anlamak i\u00e7in, <a rel=\"noreferrer noopener\" aria-label=\"\u0130\u00e7erik Tipleri (Post Types) (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-3-icerik-tipleri-post-types\/\" target=\"_blank\">\u0130\u00e7erik Tipleri (Post Types)<\/a> ve <a rel=\"noreferrer noopener\" aria-label=\"Kategoriler \u2013 Etiketler \u2013 \u00d6zel S\u0131n\u0131fland\u0131rmalar (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-15-kategoriler-etiketler-ozel-siniflandirmalar\/\" target=\"_blank\">Kategoriler \u2013 Etiketler \u2013 \u00d6zel S\u0131n\u0131fland\u0131rmalar<\/a> adl\u0131 derslerimize g\u00f6z atmak isteyebilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item\">.menu-item<\/span><\/h3>\n\n\n\n<p>Bu s\u0131n\u0131f, b\u00fct\u00fcn b\u00fct\u00fcn men\u00fc elemanlar\u0131nda olu\u015fturulur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-has-children\">.menu-item-has-children<\/span><\/h3>\n\n\n\n<p>Alt men\u00fcs\u00fc olan men\u00fc elemanlar\u0131na atan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-object-icerik-tipi\">.menu-item-object-{i\u00e7erik-tipi}<\/span><\/h3>\n\n\n\n<p>Her men\u00fc eleman\u0131na atan\u0131r. Bu s\u0131n\u0131f\u0131n ad\u0131n\u0131n sonu, men\u00fc eleman\u0131n\u0131n hangi <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-3-icerik-tipleri-post-types\/\">i\u00e7erik tipine<\/a> veya <a rel=\"noreferrer noopener\" aria-label=\"s\u0131n\u0131fland\u0131rma y\u00f6ntemine (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-15-kategoriler-etiketler-ozel-siniflandirmalar\/\" target=\"_blank\">s\u0131n\u0131fland\u0131rma y\u00f6ntemine<\/a> ait oldu\u011funu g\u00f6sterir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-object-category\">.menu-item-object-category<\/span><\/h3>\n\n\n\n<p>Bir <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-15-kategoriler-etiketler-ozel-siniflandirmalar\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"kategoriye (yeni sekmede a\u00e7\u0131l\u0131r)\">kategoriye<\/a> ait bir men\u00fc eleman\u0131 ise bu s\u0131n\u0131f atan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-object-tag\">.menu-item-object-tag<\/span><\/h3>\n\n\n\n<p>Bir etikete ait bir men\u00fc eleman\u0131 ise bu s\u0131n\u0131f atan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-object-page\">.menu-item-object-page<\/span><\/h3>\n\n\n\n<p>Sayfa tipinde bir i\u00e7eri\u011fe ait bir men\u00fc eleman\u0131 ise bu s\u0131n\u0131f atan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-object-ozel_tip\">.menu-item-object-{\u00f6zel_tip}<\/span><\/h3>\n\n\n\n<p>Sonradan eklenmi\u015f (\u00f6zel) bir i\u00e7erik ya da <a rel=\"noreferrer noopener\" aria-label=\"s\u0131n\u0131fland\u0131rma tipine (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-15-kategoriler-etiketler-ozel-siniflandirmalar\/\" target=\"_blank\">s\u0131n\u0131fland\u0131rma y\u00f6ntemine<\/a> ait bir men\u00fc eleman\u0131 ise, bu CSS s\u0131n\u0131f\u0131 atan\u0131r. S\u0131n\u0131f ad\u0131ndaki <code>{\u00f6zel_tip}<\/code> de\u011fi\u015fkeni yerine, eklenen i\u00e7erik tipi ya da s\u0131n\u0131fland\u0131rma y\u00f6nteminin link ad\u0131 gelir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-type-tip\">.menu-item-type-{tip}<\/span><\/h3>\n\n\n\n<p>Bu CSS s\u0131n\u0131f\u0131 her men\u00fc eleman\u0131na atan\u0131r. S\u0131n\u0131f\u0131n isminin sonundaki <code>{tip}<\/code> de\u011fi\u015fkeni yerine, men\u00fc eleman\u0131na g\u00f6re ya <code>post_type<\/code> ya da <code>taxonomy<\/code> kelimeleri atan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-type-post_type\">.menu-item-type-post_type<\/span><\/h3>\n\n\n\n<p>Tipi bir <em>sayfa<\/em> ya da <em>yaz\u0131<\/em> olan bir i\u00e7eri\u011fe ait bir men\u00fc eleman\u0131na bu s\u0131n\u0131f atan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-type-taxonomy\">.menu-item-type-taxonomy<\/span><\/h3>\n\n\n\n<p>Kategori, etiket veya ba\u015fka bir <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-15-kategoriler-etiketler-ozel-siniflandirmalar\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"s\u0131n\u0131fland\u0131rma y\u00f6ntemine (yeni sekmede a\u00e7\u0131l\u0131r)\">s\u0131n\u0131fland\u0131rma y\u00f6ntemine<\/a> ait bir men\u00fc eleman\u0131na bu s\u0131n\u0131f atan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"current-menu-item\">.current-menu-item<\/span><\/h3>\n\n\n\n<p>Ekrandaki sayfaya ait olan, yani en son t\u0131klanan men\u00fc eleman\u0131na atanan s\u0131n\u0131ft\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"current-menu-parent\">.current-menu-parent<\/span><\/h3>\n\n\n\n<p>En son t\u0131klanan men\u00fc eleman\u0131n \u00fcst men\u00fcs\u00fcne atanan s\u0131n\u0131ft\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"current-object-parent\">.current-{object}-parent<\/span><\/h3>\n\n\n\n<p>En son t\u0131klanan ve <code>{object}<\/code> de\u011fi\u015fkeni ile g\u00f6sterilen <a rel=\"noreferrer noopener\" aria-label=\"i\u00e7erik tipine (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-3-icerik-tipleri-post-types\/\" target=\"_blank\">i\u00e7erik tipindeki<\/a> veya <a rel=\"noreferrer noopener\" aria-label=\"s\u0131n\u0131fland\u0131rma y\u00f6ntemine (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-15-kategoriler-etiketler-ozel-siniflandirmalar\/\" target=\"_blank\">s\u0131n\u0131fland\u0131rma y\u00f6ntemindeki<\/a> men\u00fcn\u00fcn, \u00fcst men\u00fcs\u00fcne atanan s\u0131n\u0131ft\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"current-tip-parent\">.current-{tip}-parent<\/span><\/h3>\n\n\n\n<p>En son t\u0131klanan ve <code>{tip}<\/code> de\u011fi\u015fkeni ile g\u00f6sterilen <a rel=\"noreferrer noopener\" aria-label=\"i\u00e7erik tipine (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-3-icerik-tipleri-post-types\/\" target=\"_blank\">i\u00e7erik tipindeki<\/a> men\u00fcn\u00fcn, \u00fcst men\u00fcs\u00fcne atanan s\u0131n\u0131ft\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"menu-item-home\">.menu-item-home<\/span><\/h3>\n\n\n\n<p>Sitenin <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-5-sablon-hiyerarsisi\/#Ana_Sayfa_Sablonu_Site_Front_Page\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"ana sayfas\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\">ana sayfas\u0131<\/a> i\u00e7in kullan\u0131lan men\u00fc eleman\u0131na atanan s\u0131n\u0131ft\u0131r.<\/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","protected":false},"excerpt":{"rendered":"<p>WordPress temas\u0131na, men\u00fc (navigation menus) \u00f6zelli\u011fi ekleme, register_nav_menus ve wp_nav_menu fonksiyonlar\u0131n\u0131n kullan\u0131m\u0131 detaylar\u0131yla anlat\u0131lm\u0131\u015ft\u0131r.<\/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":[115,116,117,118],"class_list":["post-2732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tema-yapimi","tag-navigation-menu","tag-wordpress-menu","tag-wordpress-menu-ekleme","tag-wordpress-temaya-menu-ekleme"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/2732","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=2732"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/2732\/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=2732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=2732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=2732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}