Mega Menü

Ne yapacaksın

Navbar'daki bir menü öğesinin altında çok sütunlu, bileşen tabanlı mega menü açılmasını sağlayacaksın.

Nereye

Adım	Yol
Menü öğesine CSS sınıfı ekleme	Görünüm → Menüler
Mega menü bileşen alanını doldurma	Görünüm → Bileşenler (Widget alanları)

Adımlar

1. CSS Sınıfları alanını aç

Görünüm → Menüler sayfasına git.

Sağ üstteki Ekran Seçenekleri butonuna tıkla.

CSS Sınıfları kutucuğunu işaretle. Bu, her menü öğesinde CSS sınıfı girişi alanını görünür yapar.

2. Menü öğesine mega menü sınıfı ekle

Mega menü yapmak istediğin menü öğesini genişlet (ok ikonuna tıkla).

CSS Sınıfları alanına şunu yaz:

kanews-mega-menu

Menüyü Kaydet.

3. Bileşen alanını doldur

Görünüm → Bileşenler (Widgets) sayfasına git.

Listede menü öğesi adıyla … - Mega Menu şeklinde yeni bir bileşen alanı görünür.

Bu alana istediğin bileşenleri (widget) sürükle-bırak ile ekle — örneğin son haberler, kategoriler veya özel HTML.

Bileşen alanı, menü öğesini kaydedip sayfayı yeniledikten sonra görünür. Hemen görmüyorsan sayfayı yenile.

Beklenen sonuç

Ön yüzde ilgili navbar öğesinin üzerine gelince (veya tıklayınca) bileşen alanına eklediğin içerikler çok sütunlu bir panel olarak açılır.

Dikkat

CSS sınıfı büyük/küçük harfe duyarlıdır: kanews-mega-menu olarak yazılmalı.

Mega menü yalnızca Navbar konumuna atanmış menülerde çalışır.

Çok fazla bileşen eklemek paneli kalabalıklaştırır; 3-4 bileşen ideal sayıdır.

Yanlış olduysa

Bileşen alanı Görünüm → Bileşenler'de görünmüyorsa: menü öğesini kaydettiğinden ve CSS sınıfının kanews-mega-menu olduğundan emin ol; ardından sayfayı yenile.

Panel açılmıyorsa: CSS sınıfında yazım hatası olup olmadığını kontrol et.

Ekran Seçenekleri'nde CSS Sınıfları işaretli değilse alan menü öğesinde görünmez.

Hâlâ olmuyorsa

Başka bir eklentinin menü çıktısını değiştirip değiştirmediğini kontrol et (walker override). Sorun devam ederse destek formu üzerinden menü öğesi adını ve ekran görüntüsünü paylaş.

Bu sayfa faydali oldu mu?

On this page