Menüde Otomatik Hiyerarşik Kategoriler - WP Eklenti

Atakan Au

27 Oca, 2021

İçindekiler

Automatically Hierarchic Categories in Menu - WordPress Plugin

WordPress gezinme menülerine shortcode kullanarak hiyerarşik kategorileri otomatik olarak eklemenizi sağlar. Varsa tüm alt kategoriler de alt dallarda dinamik olarak oluşturulur. Uzun bir kategori ve alt kategori listeniz varsa, WordPress menü bölümünde öğeleri tek tek seçmek çok zaman alır. Kategorilerde bir değişiklik olduğunda menüye yeniden ekleme / kaldırma / sıralama işlemlerini yapmak gerekir. Bu WordPress eklentisi bu süreci programatik hale getirir. Kategorilerle otomatik doldurulan bir menü oluşturur.

Automatically Hierarchic Categories in Menu Pro

Eklentinin ne yaptığını ve nasıl çalıştığını ücretsiz sürümle görebilirsiniz. Pro sürümü ücretsiz sürümle birlikte çalışır ve onu genişletir. Pro sürümle daha fazla parametre kullanılabilir hale gelir.

Bağış yaparak Pro sürümünü edinmek veya eklentiyi temanızla uyumlu hale getirmek için formu doldurarak benimle iletişime geçebilir ya da Telegram üzerinden bana yazabilirsiniz. Her anlaşma tek bir alan adı içindir. Süre sınırı yoktur, ömür boyu kullanılabilir. Bağışınızı kripto cüzdanıma çok hızlı bir şekilde gönderebilirsiniz. Ayrıca Binance Pay kullanarak sıfır komisyon - ücret - masraf ile para transferi yapabilirsiniz. Üye değilseniz bu bağlantıyı (referanslı) kullanarak bir hesap oluşturabilirsiniz.

Pro özellikleri:
⭐ Özel taksonomi uyumluluğu (etiket, özel yazı kategorisi)
⭐ Bağlantı metninin başına / sonuna alt öğe ekleme
⭐ URL bağlantısında sondaki eğik çizgi
⭐ Kredi bağlantısı kaldırıldı
⭐ Bir kategorideki yazı sayısını gösterme
⭐ Menüye dahil edilecek kök öğeleri ID'ye göre seçme
⭐ Menü öğelerini sıralama (Alfabetik artan - azalan)

Yapılacaklar listesi:
☐ Geçerli öğeye aktif CSS sınıfı ekleme
☐ Menü öğesinde kategori görselini kullanma (simge, bayrak vb.)

Karmaşık bir menü yapısı kullanan temalar için özelleştirme gereklidir. Bu konuda size profesyonel bir çözüm sunabilirim. Özelleştirme ve geliştirme için geçici bir alan adı veya alt alan adı üzerinde, canlı web sitenizin birebir kopyası olan bir hazırlık (staging) sitesi kurun. Menünüzü öğeleri manuel olarak ekleyerek oluşturun. Sizden bana yönetici erişimi vermenizi isteyebilirim. Bu, menü yapısını incelememe ve çözümü bulmama yardımcı olacaktır.

WordPress Gezinme Menülerine hiyerarşik kategoriler otomatik olarak nasıl eklenir?

Bu WordPress eklentisini kullanabilirsiniz:
Automatically Hierarchic Categories in Menu - WordPress Plugin İndir

Güncelleme duyurusu (v2.1.0+)

Ana eklentiyi daha hafif ve bakımını daha kolay hale getirmek amacıyla, WooCommerce ürün kategorisi (product_cat) desteği artık Lite Extension üzerinden sunulmaktadır.

Web sitenizde [autocategorymenu taxonomy="product_cat" ...] shortcode'unu kullanıyorsanız, aynı shortcode'u herhangi bir değişiklik yapmadan kullanmaya devam etmek için Lite Extension'ı kurup etkinleştirmeniz yeterlidir.

Lite Extension ayrıntıları ve indirme

Eklentiyi beğendiyseniz lütfen 5 yıldız verin. Olumlu geri bildiriminiz benim için önemlidir.

Bu eklenti birçok temayla sorunsuz çalışır. Standart bir menü yapısı kullanan bir tema kullanıyorsanız, eklenti sıfır yapılandırma ile menüyü oluşturur. Ancak bazı temalar menüleri farklı bir yapıyla üretir. HTML öğeleri ve/veya CSS sınıf adları farklı olabilir. Bu durumda menü, temanıza uygun şekilde web sitenizde doğru görüntülenmeyebilir. Bunun nedeni eklenti değil, temanızdır. Temaya bağlı olarak HTML ve CSS bilgisi gerekebilir. HTML ve CSS bilginiz varsa, parametreleri kullanarak eklentiyi temanıza uyarlayabilirsiniz. Karmaşık menüler kullanan temalar için Pro sürümünü edinmek ve özelleştirme yaptırmak sizin için çözüm olacaktır.

Kullanım

Shortcode içinde parametreleri ve değerleri kullanarak temanız için bazı özelleştirmeler yapabilirsiniz.

Parametreler

Parametre	Varsayılan		Açıklama
taxonomy	category		taksonomi türü
exclude		false			taksonomi kimlik(ler)ini hariç tut
level		2			hiyerarşi maksimum seviyesi
prnt_tag	ul			üst etiket, DOM adı
prnt_cls	sub-menu		üst etiket, sınıf
chld_tag	li			alt etiket, DOM adı
chld_cls	menu-item		alt etiket, sınıf
chld_chc	menu-item-has-children	alt etiket, alt öğe içerir sınıfı
chld_cid	false			sınıfa ID ekle
a_cls		false			varsayılan bağlantı sınıfı
subi_bfr	false			alt öğe, alt öğeleri olan öğeden önce
subi_aft	false			alt öğe, alt öğeleri olan öğeden sonra
nline		"\n"			yeni satır
linkget		false			bağlantıdan sonra ekstra GET parametresi
hide_empty	1			boş kategorileri gizle

taxonomy:: 'taxonomy' türü. Yazı kategorileri için bu parametreyi göz ardı etmeyin. WooCommerce ürün kategorilerini menü öğesi olarak kullanmak için 'product_cat' değerini verin. Örnek: [autocategorymenu taxonomy="product_cat"]
exclude:: Menüde hariç tutmak istediğiniz kategoriler için bu parametreyi kullanın. Hariç tutmak istediğiniz kategori ID'lerini belirtin. ID numaralarını boşluk bırakmadan virgülle ayırın. Örnek: exclude="123,124"
level:: Maksimum seviye sınır değeri. '1' değerini verirseniz yalnızca en üst kök seviyedeki öğeler menüye dahil edilir. Alt kategoriler menüye eklenmez. '2' değerini ayarlarsanız kök kategoriler ve bu kategorilerin alt kategorileri menüye eklenir.
prnt_tag:: Üst etiketin DOM adı. Menü öğelerini kapsayacak HTML öğesi.
prnt_cls:: Üst etiketin sınıfı. Menü öğelerini içerecek HTML öğesinin sınıf değeri.
chld_tag:: Menü öğelerinin sıralandığı HTML öğesi.
chld_cls:: Menü öğesi olan HTML öğesinin sınıf değeri.
chld_chc:: Alt kategoriye sahip menü öğesinin sınıf değeri.
chld_cid:: Menü öğesinin ID'sini menü HTML öğesinin sınıfına eklemek için '1' değerini verin.
a_cls:: HTML bağlantı öğesine (a) sınıf değeri atamak için bir değer belirleyin.
subi_bfr:: Alt kategori olan menü öğesinin (a) öğesinden önceki içerik.
subi_aft:: Alt kategori olan menü öğesinin (a) öğesinden sonraki içerik.
nline:: Her HTML öğesinden sonra yeni satır ekler. Kaynak kodunun okunabilirliğini sağlar. HTML kodunu küçültmek için boş değer verin. Örnek: nline=""
linkget:: Bağlantıdan sonra ekstra GET parametresi ekler. Bağlantı adresi domain.com/category yerine domain.com/category?reg=val olacak şekilde değiştirmek için reg=val değerini verin.
hide_empty:: Varsayılan olarak içinde hiç yazı bulunmayan kategoriler menüye eklenmez. Yazı içermeyen kategorileri menüye eklemek için '0' değerini verin.

Ücretli PRO sürümü parametreleri

Parametre	Varsayılan
subi_atb	false
subi_ate	false
t_slash		true
txtcount	false
cntnr_1s	false
cntnr_1e	false
prnt_co1	false
prnt_ca1	false
startids	false
sortname	false
fn_custom	false

subi_atb: Alt kategoriye sahip menü öğesinin adından önceki içerik.
subi_ate: Alt kategoriye sahip menü öğesinin adından sonraki içerik.
t_slash: Bağlantının sonuna eğik çizgi (trailing slash) ekler.
txtcount: Kategori adına toplam yazı sayısını ekler. Örnek değer: " (%s)", Örnek sonuç: "Seyahat (5)"
cntnr_1s: Alt kategori listesini saran HTML öğesinden (varsayılan ul) önceki içerik.
cntnr_1e: Alt kategori listesini saran HTML öğesinden (varsayılan ul) sonraki içerik.
prnt_co1: Alt kategori listesini içeren HTML öğesinin (varsayılan ul) sınıfını 1. seviyeden sonra değiştirmek için kullanılacak CSS seçici değeri.
prnt_ca1: Alt kategori listesini içeren HTML öğesinin (varsayılan ul) sınıfına 1. seviyeden sonra eklenecek CSS seçici değeri.
startids: Menüye dahil edilecek kök öğelerin ID ile seçilmesi. Kategorilerin ID değerlerini yazın. Kategorinin kendisini hariç tutup tüm alt kategorilerini dahil etmek için ID değerinin negatifini yazın. Birden fazla ID'yi boşluk bırakmadan virgülle ayırın. Örneğin: "101,102,-103"
sortname: Kategori öğelerini alfabetik olarak sıralar. Kullanılabilir değerler: "ASC", "DESC"
fn_custom: Standart olmayan yapıya sahip tema menüleri için ücret karşılığında yazılan özel fonksiyonlar için kullanılır.

Örnek shortcode (⭐= Pro )	Menü ağacı	Örnek ekran
İçlerinde yazı olmasa bile tüm kategorileri göster: `[autocategorymenu level="4" hide_empty="0"]`	┌───● Cat Id 1 ├───■ Cat Id 2 │ ├───● Cat Id 21 │ └───● Cat Id 22 ├───■ Cat Id 3 │ ├───● Cat Id 31 │ ├───■ Cat Id 32 │ │ ├───● Cat Id 321 │ │ ├───● Cat Id 322 │ │ └───● Cat Id 323 │ └───● Cat Id 33 └───■ Cat Id 4 └───■ Cat Id 41 └───■ Cat Id 411 └───● Cat Id 4111
Yalnızca ID numarası 2 olan kategoriyi ve alt hiyerarşisindeki tüm kategorileri dahil et: `⭐[autocategorymenu startids="2"]`	────■ Cat Id 2 ├───● Cat Id 21 └───● Cat Id 22
Yalnızca ID numarası 32 olan kategoriyi ve alt hiyerarşisindeki tüm kategorileri dahil et, 3. seviye hedef kategoriyi kök seviyeye taşı: `⭐[autocategorymenu startids="32"]`	────■ Cat Id 32 ├───● Cat Id 321 ├───● Cat Id 322 └───● Cat Id 323
ID numarası 3 olan kategorinin kendisini dahil etmeden tüm alt kategorilerini dahil et: `⭐[autocategorymenu startids="-3"]`	┌───● Cat Id 31 ├───■ Cat Id 32 │ ├───● Cat Id 321 │ ├───● Cat Id 322 │ └───● Cat Id 323 └───● Cat Id 33
Birden fazla öğeyi aynı anda dahil et: `⭐[autocategorymenu startids="1,2,-411"]`	┌───● Cat Id 1 ├───■ Cat Id 2 │ ├───● Cat Id 21 │ └───● Cat Id 22 └───● Cat Id 4111
Menü öğelerini azalan sırada sırala: `⭐[autocategorymenu level="4" sortname="DESC"]`	┌───■ Cat Id 4 │ └───■ Cat Id 41 │ └───■ Cat Id 411 │ └───● Cat Id 4111 ├───■ Cat Id 3 │ ├───● Cat Id 33 │ ├───■ Cat Id 32 │ │ ├───● Cat Id 323 │ │ ├───● Cat Id 322 │ │ └───● Cat Id 321 │ └───● Cat Id 31 ├───■ Cat Id 2 │ ├───● Cat Id 22 │ └───● Cat Id 21 └───● Cat Id 1
WoodMart Teması mobil gezinme otomatik menüsü: `⭐[autocategorymenu level="4" chld_cls="menu-item menu-simple-dropdown wd-event-hover" a_cls="woodmart-nav-link" prnt_cls="wd-sub-menu" prnt_co1="sub-sub-menu"]` Kurulum: Görünüm > Menüler > Konumları Yönet > Ana Menü > [Menü Adı]	┌───● Cat Id 1 ├───■ Cat Id 2 │ ├───● Cat Id 21 │ └───● Cat Id 22 ├───■ Cat Id 3 │ ├───● Cat Id 31 │ ├───■ Cat Id 32 │ │ ├───● Cat Id 321 │ │ ├───● Cat Id 322 │ │ └───● Cat Id 323 │ └───● Cat Id 33 └───■ Cat Id 4 └───■ Cat Id 41 └───■ Cat Id 411 └───● Cat Id 4111
WoodMart Teması masaüstü ana gezinme otomatik menüsü: `⭐[autocategorymenu level="4" prnt_ca1="wd-dropdown" chld_cls="menu-item menu-simple-dropdown wd-event-hover" a_cls="woodmart-nav-link" prnt_cls="sub-menu wd-sub-menu" cntnr_1e="</div></div>" cntnr_1s="<div class='color-scheme-dark wd-design-default wd-dropdown-menu wd-dropdown'><div class='container'>"]` Kurulum: WoodMart > Header Builder > Header Base (Düzenle) > Masaüstü > Header bottom > Main menu (Düzenle) > Menü seç > [Menü Adı]	┌───● Cat Id 1 ├───■ Cat Id 2 │ ├───● Cat Id 21 │ └───● Cat Id 22 ├───■ Cat Id 3 │ ├───● Cat Id 31 │ ├───■ Cat Id 32 │ │ ├───● Cat Id 321 │ │ ├───● Cat Id 322 │ │ └───● Cat Id 323 │ └───● Cat Id 33 └───■ Cat Id 4 └───■ Cat Id 41 └───■ Cat Id 411 └───● Cat Id 4111
WoodMart Teması masaüstü sol kategoriler gezinmesi: `⭐[autocategorymenu level="4" prnt_ca1="wd-dropdown" chld_cls="menu-item menu-simple-dropdown wd-event-hover" a_cls="woodmart-nav-link" prnt_cls="sub-menu wd-sub-menu" cntnr_1e="</div></div>" cntnr_1s="<div class='color-scheme-dark wd-design-default wd-dropdown-menu wd-dropdown'><div class='container'>"]` Kurulum: WoodMart > Header Builder > Header Base (Düzenle) > Masaüstü > Header bottom > Categories (Düzenle) > Menü seç > [Menü Adı]	┌───● Cat Id 1 ├───■ Cat Id 2 │ ├───● Cat Id 21 │ └───● Cat Id 22 ├───■ Cat Id 3 │ ├───● Cat Id 31 │ ├───■ Cat Id 32 │ │ ├───● Cat Id 321 │ │ ├───● Cat Id 322 │ │ └───● Cat Id 323 │ └───● Cat Id 33 └───■ Cat Id 4 └───■ Cat Id 41 └───■ Cat Id 411 └───● Cat Id 4111
WoodMart Teması masaüstü tam genişlik açılır ızgara - sütunlar menüsü: `⭐[autocategorymenu lng_label="My Label" fn_custom="woodmart01"]` Kurulum: WoodMart > Header Builder > Header Base (Düzenle) > Masaüstü > Header bottom > Menu (Düzenle) > Menü seç > [Menü Adı] Görünüm > Menüler > Menüleri Düzenle > [Menü Adı] > Ek seçenekler > CSS Sınıfları (isteğe bağlı) : menu-item-has-children	┌───● Cat Id 1 ├───■ Cat Id 2 │ ├───● Cat Id 21 │ └───● Cat Id 22 ├───■ Cat Id 3 │ ├───● Cat Id 31 │ ├───● Cat Id 32 │ └───● Cat Id 33 └───■ Cat Id 4 └───● Cat Id 41
Flatsome Teması masaüstü Ana Menü: Lütfen bağış yapın	┌───● Cat Id 1 ├───■ Cat Id 2 │ ├───● Cat Id 21 │ └───● Cat Id 22 ├───■ Cat Id 3 │ ├───● Cat Id 31 │ ├───● Cat Id 32 │ └───● Cat Id 33 └───■ Cat Id 4 └───● Cat Id 41
Flatsome Teması mobil Ana Menü: Lütfen bağış yapın	┌───● Cat Id 1 ├───■ Cat Id 2 │ ├───● Cat Id 21 │ └───● Cat Id 22 ├───■ Cat Id 3 │ ├───● Cat Id 31 │ ├───■ Cat Id 32 │ │ ├───● Cat Id 321 │ │ ├───● Cat Id 322 │ │ └───● Cat Id 323 │ └───● Cat Id 33 └───■ Cat Id 4 └───■ Cat Id 41 └───■ Cat Id 411 └───● Cat Id 4111

Woodmart Demo - test ortamı: Tema sürümü 7.1.4, WordPress sürümü 6.3.1, PHP sürümü 7.4 / 8.2, WooCommerce sürümü 8.1.1 üzerinde "Woodmart Main" hazır web sitesi içe aktarıldı.
Flatsome Demo - test ortamı: Tema sürümü 3.15.6, WordPress sürümü 6.3.1, PHP sürümü 7.4 / 8.2, WooCommerce sürümü 8.1.1 üzerinde "Classic Shop" hazır web sitesi içe aktarıldı.

Shortcode Yardımcısı

Shortcode'unuz:
[autocategorymenu]
Sıfırla


Menü öğeleri: 
Kategori boşsa gizle: 
Hariç tutulacak öğe ID(leri): 
Maksimum hiyerarşi seviyesi: 
HTML'de yeni satırlar ekle: 
Öğe ID'sini menü öğesi sınıfına ekle: 
Bağlantıdan sonra ekstra GET parametresi: 
<ul id="primary-menu" class="menu-container">
   < class="">
   ¦   <a href="#" class="">Seviye 1, Öğe 1</a>
   </li>
   <li class="menu-item">
   ¦   <a href="#">Seviye 1, Öğe 2</a>
   </li>
   <li class="menu-item ">
   ¦   
   ¦   <a href="#">Seviye 1, Öğe 3</a>
   ¦   
   ¦   < class="">
   ¦   ¦   <li class="menu-item">
   ¦   ¦   ¦   <a href="#">Seviye 2, Öğe 3.1</a>
   ¦   ¦   </li>
   ¦   </ul>
   </li>
   <li class="menu-item menu-item-has-children">
   ¦   
   ¦   <a href="#">Seviye 1, Öğe 4</a>
   ¦   
   ¦   <ul class="sub-menu">
   ¦   ¦   <li class="menu-item">
   ¦   ¦   ¦   <a href="#">Seviye 2, Öğe 4.1</a>
   ¦   ¦   </li>
   ¦   ¦   <li class="menu-item">
   ¦   ¦   ¦   <a href="#">Seviye 2, Öğe 4.2</a>
   ¦   ¦   </li>
   ¦   </ul>
   </li>

Shortcode'unuz:
[autocategorymenu]

Bu eklenti WordPress temalarının çoğuyla çalışır. Bazı durumlarda ek parametreler kullanmanız gerekebilir. İşte ücretsiz sürüm için örnekler.

1 - Twenty Twenty-One

<ul id="primary-menu-list" class="menu-wrapper">
  <li id="menu-item-16006" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16006"><a href="#">Lost password</a></li>
  <li id="menu-item-16004" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-16004"><a href="#">Account</a>
    <button class="sub-menu-toggle" aria-expanded="false" onClick="twentytwentyoneExpandSubMenu(this)"><span class="icon-plus"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z" fill="currentColor"/></svg></span><span class="icon-minus"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 11h12v2H6z" fill="currentColor"/></svg></span><span class="screen-reader-text">Open menu</span></button>
    <ul class="sub-menu">
      <li id="menu-item-16003" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16003"><a href="#">Address</a></li>
      <li id="menu-item-16001" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-16001"><a href="#">Orders</a>
        <ul class="sub-menu">
          <li id="menu-item-16002" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16002"><a href="#">Downloads</a></li>
        </ul>
      </li>
      <li id="menu-item-16005" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16005"><a href="#">Logout</a></li>
    </ul>
  </li>
</ul>

level : 2
chld_cls : menu-item menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children
chld_chc : menu-item-has-children
subi_aft : <button class="sub-menu-toggle" aria-expanded="false" onClick="twentytwentyoneExpandSubMenu(this)"><span class="icon-plus"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z" fill="currentColor"/></svg></span><span class="icon-minus"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 11h12v2H6z" fill="currentColor"/></svg></span><span class="screen-reader-text">Open menu</span></button>

Shortcode :

[autocategorymenu hide_empty="0" level="2" chld_cls="menu-item menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children" chld_chc="menu-item-has-children" subi_aft='<button class="sub-menu-toggle" aria-expanded="false" onClick="twentytwentyoneExpandSubMenu(this)"><span class="icon-plus"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z" fill="currentColor"/></svg></span><span class="icon-minus"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 11h12v2H6z" fill="currentColor"/></svg></span><span class="screen-reader-text">Open menu</span></button>']

2 - Twenty Twenty

<ul class="primary-menu reset-list-style">
  <li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a href="#">Bulk 0</a></li>
  <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8">
    <a href="#">Bulk 1</a>
    <span class="icon"></span>
    <ul class="sub-menu">
      <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="#">Bulk 1 . 1</a></li>
      <li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a href="#">Bulk 1 . 2</a></li>
    </ul>
  </li>
</ul>

subi_aft : <span class="icon"></span>

Shortcode : [autocategorymenu hide_empty="0" level="3" subi_aft='<span class="icon"></span>']

3 - Twenty Nineteen

<div class="menu-main-menu-auto-container">
  <ul id="menu-main-menu-auto" class="main-menu" tabindex="0">
    <li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a href="#">Bulk 0</a></li>
    <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8">
      <a href="#" aria-haspopup="true" aria-expanded="false">Bulk 1</a>
      <span class="submenu-expand" tabindex="-1">
        <svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path><path fill="none" d="M0 0h24v24H0V0z"></path></svg>
      </span>
      <ul class="sub-menu">
        <li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1"><span class="menu-item-link-return" tabindex="-1"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>Bulk 1</span></li>
        <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="#">Bulk 1 . 1</a></li>
        <li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a href="#">Bulk 1 . 2</a></li>
      </ul>
    </li>
  </ul>
</div>

subi_aft : <span class="submenu-expand" tabindex="-1"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path><path fill="none" d="M0 0h24v24H0V0z"></path></svg></span>

Shortcode :

[autocategorymenu hide_empty="0" subi_aft='<span class="submenu-expand" tabindex="-1"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path><path fill="none" d="M0 0h24v24H0V0z"></path></svg></span>']

4 - Astra

<ul id="ast-hf-menu-1" class="main-header-menu ast-nav-menu ast-flex  submenu-with-border astra-menu-animation-fade  stack-on-mobile">
  <li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a href="#" class="menu-link">Bulk 0</a></li>
  <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8"><a href="#" class="menu-link">Bulk 1</a><button class="ast-menu-toggle" aria-expanded="false"><span class="screen-reader-text">Menu Toggle</span></button>
    <ul class="sub-menu">
      <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="#" class="menu-link">Bulk 1 . 1</a></li>
      <li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10"><a href="#" class="menu-link">Bulk 1 . 2</a><button class="ast-menu-toggle" aria-expanded="false"><span class="screen-reader-text">Menu Toggle</span></button>
        <ul class="sub-menu">
          <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="#" class="menu-link">xx</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

a_cls : menu-link
level : 3

Shortcode : [autocategorymenu hide_empty="0" level="3" a_cls="menu-link"]

5 - PopularFX

<ul id="primary-menu" class="menu">
  <li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a href="#">Bulk 0</a></li>
  <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8"><a href="#">Bulk 1</a>
    <ul class="sub-menu">
      <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="#">Bulk 1 . 1</a></li>
      <li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10"><a href="#">Bulk 1 . 2</a>
        <ul class="sub-menu">
          <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="#">xx</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

level : 3

Shortcode : [autocategorymenu hide_empty="0" level="3"]

6 - Twenty Twenty-Three

Shortcode : <nav class="is-horizontal is-content-justification-right is-layout-flex wp-container-2 is-responsive items-justified-right wp-block-navigation" aria-label="Header navigation"> <button aria-haspopup="true" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-micromodal-trigger="modal-atakanau-1"> <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <rect x="4" y="7.5" width="16" height="1.5"></rect> <rect x="4" y="15" width="16" height="1.5"></rect> </svg> </button> <div class="wp-block-navigation__responsive-container " style="" id="modal-atakanau-1"> <div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close=""> <div class="wp-block-navigation__responsive-dialog" aria-label="Menu"> <button aria-label="Close menu" data-micromodal-close="" class="wp-block-navigation__responsive-container-close"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"> <path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path> </svg> </button> <div class="wp-block-navigation__responsive-container-content" id="modal-atakanau-1-content"> <ul class="wp-block-navigation__container"> [autocategorymenu taxonomy0="product_cat" hide_empty="0" prnt_cls="wp-block-navigation__submenu-container" chld_cls="wp-block-navigation-item" chld_chc="has-child open-on-hover-click wp-block-navigation-submenu" a_cls="wp-block-navigation-item__content" subi_aft="<button aria-label='Bulk 1 submenu' class='wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle' aria-expanded='false'><svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' aria-hidden='true' focusable='false'><path d='M1.50002 4L6.00002 8L10.5 4' stroke-width='1.5'></path></svg></button>"] </ul> </div> </div> </div> </div> </nav>

== Değişiklik Günlüğü ==

= Sürüm 2.1.0 (2026.07.14) =
* Eklendi: Lite Extension ile otomatik algılama ve entegrasyon.
* Taşındı: WooCommerce Ürün Kategorisi desteği Lite Extension'a.
* Güncellendi: Yönetici bildirimleri ve taksonomi bilgileri.

= Sürüm 2.0.12 =
* Düzeltildi: ASCII içeriği kaldırılarak sunucu tarafındaki kötü amaçlı yazılım yanlış pozitif uyarıları giderildi.
* "Tested up to: 7.0" güncellendi.

= Sürüm 2.0.11 =
* Küçük güncelleme: PHP 8.x kaynak kodu yükseltildi.
* Değiştirildi: Bilgi içeriği.
* "Tested up to: 6.9" güncellendi.

= Sürüm 2.0.10 =
* Parametre değerleri escape edildi.

= Sürüm 2.0.9 =
* Küçük güncelleme: Kaynak kodu PHP 8.x uyumluluğu için yükseltildi.
* "Tested up to: 6.8.x" güncellendi.

= Sürüm 2.0.8 =
* Güvenlik: XSS JavaScript enjeksiyonu düzeltildi.
* "Tested up to: 6.7.x" güncellendi.

= Sürüm 2.0.7 =
* Güvenlik: XSS JavaScript enjeksiyonu düzeltildi.
* Genişletildi: PRO sürümü uyumluluğu.
* "Tested up to: 6.6.x" güncellendi.

= Sürüm 2.0.5 =
* Basitleştirildi: Kod yorumları.
* "Tested up to: 6.5" güncellendi.

= Sürüm 2.0.4 =
* Değiştirildi: Bilgi bağlantıları.
* "Tested up to: 6.4.2" güncellendi.

= Sürüm 2.0.3 =
* Küçük güncelleme: Arayüz iyileştirmeleri.
* "Tested up to: 6.3.1" güncellendi.

= Sürüm 2.0.2 =
* Düzeltildi: Pro sürümü uyumluluğu.
* "Tested up to: 6.3" güncellendi.

= Sürüm 2.0.1 =
* Düzenlendi: Bilgi metni.
* "Tested up to: 6.2" güncellendi.

= Sürüm 2.0.0 =
* Eklendi: Menü öğesi sınıfına öğe ID'si eklemek için yeni seçenek.
* Eklendi: Yönetim paneline taksonomi listesi.
* Eklendi: Ücretli Pro sürümü ile genişletilebilir yapı.
* Kaldırıldı: Özel taksonomi desteği.
* "Tested up to: 6.1.1" güncellendi.

= Sürüm 1.02 =
* Eklendi: PHP'de temel kategori yolu için null dizi öğesi işleyicisi.
* Düzeltildi: Bozuk destek bağlantısı.
* "Tested up to: 6.0.1" güncellendi.

= Sürüm 1.01 =
* "Tested up to: 5.9" güncellendi.

= Sürüm 1.00 =
* İlk sürüm yayımlandı.

Önerilen WordPress Eklentisi

—

WordPress için ücretsiz WhatsApp eklentisi. Sitenize tıklanabilir bir WhatsApp düğmesi ekleyin. Kompakt, Basit, Hızlı: CSS chat button. En iyi SEO performansı için hafif ve hızlı yüklenir.

WoodMart kategori menüsü, WoodMart mobil menü kategorileri, Astra kategori menüsü, Astra otomatik kategori menüsü, Avada kategori menüsü, Divi kategori menüsü, Hello Elementor kategori menüsü, OceanWP kategori menüsü, Sydney kategori menüsü, Betheme kategori menüsü, GeneratePress kategori menüsü, The7 kategori menüsü, Porto kategori menüsü, Phlox kategori menüsü, Enfold kategori menüsü, X Theme kategori menüsü, Uncode kategori menüsü, WoodMart otomatik kategori menüsü, Flatsome kategori menüsü, Flatsome mobil kategori menüsü, Bridge kategori menüsü, Jupiter kategori menüsü, Salient kategori menüsü, Newspaper kategori menüsü, Hestia kategori menüsü, OnePress kategori menüsü, Neve kategori menüsü, Impreza kategori menüsü, Go tema kategori menüsü, Kadence WP kategori menüsü, TheGem kategori menüsü, uDesign kategori menüsü, Kallyas kategori menüsü, Total kategori menüsü, Brooklyn kategori menüsü, Kalium kategori menüsü, Soledad kategori menüsü, Monstroid2 kategori menüsü, Shopkeeper kategori menüsü, Eduma kategori menüsü, Oshine kategori menüsü, Visualmodo kategori menüsü, WordPress otomatik kategori menüsü, WordPress hiyerarşik kategori menüsü, WordPress navigation menu categories, WooCommerce kategori menüsü, WooCommerce ürün kategorileri menüsü, otomatik kategori menüsü, dinamik kategori menüsü, kategori ağacı menüsü, WordPress kategori ağacı, WordPress shortcode kategori menüsü

Menüde Otomatik Hiyerarşik Kategoriler - WP Eklenti

Automatically Hierarchic Categories in Menu Pro

WordPress Gezinme Menülerine hiyerarşik kategoriler otomatik olarak nasıl eklenir?

Kullanım

Parametreler

Ücretli PRO sürümü parametreleri

Shortcode Yardımcısı

Popüler Yazılar

Kategoriler

Etiketler

Blog Arşivi

Menü öğeleri:
Kategori boşsa gizle:
Hariç tutulacak öğe ID(leri):
Maksimum hiyerarşi seviyesi:
HTML'de yeni satırlar ekle:
Öğe ID'sini menü öğesi sınıfına ekle:
Bağlantıdan sonra ekstra GET parametresi:

Automatically Hierarchic Categories in Menu Pro

WordPress Gezinme Menülerine hiyerarşik kategoriler otomatik olarak nasıl eklenir?

Kullanım

Parametreler

Ücretli PRO sürümü parametreleri

Shortcode Yardımcısı

Popüler Yazılar

Yerli üretim logosu | png svg bmp eps pdf

Cloudinary yüklü tüm dosyaları listeleme

Slug üret - Çok satır metin, toplu URL

İki listeyi karşılaştır, çevrimiçi fark bul

Vultr Nedir ve Azure ile karşılaştırması

Kategoriler

Etiketler

Blog Arşivi