Tatil Fırsatları Burada!

Yayınlanan: 2023-01-04

Web sitenize daha modern bir dokunuş vermek ister misiniz?
Geleneksel bir yatay menüyü dikey bir menüyle değiştirmek, WordPress sitenize anında şık ve modern bir görünüm kazandırabilir. Bunun da ötesinde, dikey bir menü de kullanıcı deneyimini geliştirebilir .

Ancak WordPress'te dikey menü nasıl oluşturulur?

Pekala, WordPress sitenize dikey bir menü eklemenin birkaç yolu vardır.

Bu blogda size WordPress'te dikey menü yapmayı göstereceğiz ve ayrıca dikey mega menü oluşturabilirsiniz.

içindekiler gizlenir
WordPress'te Dikey Menü nedir?
Bir WordPress sitesinde dikey menü kullanmanın avantajları:
Elementor ve ElementsKit kullanarak WordPress'te Dikey Menü Nasıl Oluşturulur
1. Adım: Elementor ve ElementsKit'i kurun
Adım 2: WordPress dikey menünüz için bir menü oluşturun
3. Adım: ElementsKit'in dikey menü widget'ını etkinleştirin
4. Adım: Widget'ı sürükleyip bırakın
5. Adım: Dikey menü ayarlarını özelleştirin
6. Adım: Dikey Menünün Stilini Özelleştirin
Elementor ve ElementsKit kullanarak WordPress'te dikey bir mega menü nasıl oluşturulur?
1. Adım: Gerekli ElementsKit modüllerini açın
2. Adım: ElementsKit Megamenu seçeneğini açın
3. Adım: ElementsKit'i kullanarak menüyü mega menüye dönüştürün
Son sözler

WordPress'te Dikey Menü nedir?

WordPress'teki dikey bir menü, geleneksel yatay olandan ziyade dikey sırada düzenlenmiş bir bağlantı koleksiyonunu temsil eder. Günümüzde, bu tür bir WordPress dikey menüsü, özellikle mobil cihazlarda daha kullanıcı dostu olduğu için son zamanlarda oldukça popüler hale geldi.

Bir WordPress sitesinde dikey menü kullanmanın avantajları:

  • Bu menüler görsel olarak daha iyi görünüyor
  • Gezinmesi kolay menü
  • Web sitesinin yanıt verebilirliğini mobil cihazlarda koruyun
  • Dikey menüye yatay menüden daha fazla üst düzey menü ekleyebilirsiniz.
  • E-Ticaret web sitelerinde harika çalışıyor
En İyi Elemetor Eklentisi - ElementsKit

Elementor ve ElementsKit kullanarak WordPress'te Dikey Menü Nasıl Oluşturulur

İşte WordPress'te dikey menünün nasıl yapılacağına dair adım adım kılavuz. Bir sayfa oluşturucuya ihtiyacınız olacak - Elementor ve dikey menü WordPress eklentisi - ElementsKit. Aşağıdaki adımları izlerseniz kolayca WordPress dikey menüsü oluşturabilirsiniz:

1. Adım: Elementor ve ElementsKit'i kurun

Yüklemek için panonuza giriş yapın ve

  • Şuraya gidin: Eklentiler ⇒ Yeni Ekle
  • Elementor / ElementsKit'i arayın (birer birer)
  • Şimdi Yükle'ye tıklayın
Dikey menü wordpress eklentisi.

Kurulumdan sonra, etkinleştirmek için Etkinleştir düğmesine tıklayın.

Dikey menü wordpress eklentisi.

Adım 2: WordPress dikey menünüz için bir menü oluşturun

Şimdi bir menü oluşturalım. Bunun için Görünüm ⇒ Menü'ye gidin.

WordPress'te dikey menü oluşturmak için menüye tıklayın

Menü sayfasına girdikten sonra yapmanız gerekenler

  1. Yeni bir menü oluştur'a tıklayın
  2. Menü Adı seçeneği altında bir ad girin
  3. Son olarak, menüyü oluşturmak için Menü Oluştur'a tıklayın.
wp'de menü oluşturma

Şimdi yapmanız gerekenler:

  1. Açılır menüden menüyü seçin
  2. Seç'e tıklayın
  3. Eklemek istediğiniz menünün onay kutusuna tıklayın
  4. Seçtiğiniz menüye eklemek için Menüye Ekle'ye tıklayın
  5. Son olarak, güncellemek için Menüyü Kaydet'e tıklayın
wp menüsüne menü öğesi ekle

Çok seviyeli menünüz varsa, menü öğelerini yeniden sıralayabilir ve güncellemek için Menüyü Kaydet'e tıklayabilirsiniz .

sipariş menüsünü düzelt

3. Adım: ElementsKit'in dikey menü widget'ını etkinleştirin

ElementsKit ⇒ WIDGETS ⇒ Dikey Menü widget'ına gidin , widget'ı açın ve Değişiklikleri Kaydet'e tıklayın.

ElementsKit dikey menüsünü etkinleştir

4. Adım: Widget'ı sürükleyip bırakın

Elementor ile Düzenle seçeneği ile sayfayı düzenleyin. Ardından, Ekit simgesine sahip Stilist Listesi widget'ını arayın ve widget'ı sayfaya sürükleyip bırakmanız yeterlidir.

dikey menüyü sürükleyip bırakın

5. Adım: Dikey menü ayarlarını özelleştirin

Şimdi yeni oluşturduğunuz veya tercih ettiğiniz menüyü dikey menünüze ekleme zamanı. Bunu Seçim Menüsü açılır menüsünden yapabilirsiniz.

WordPress'te dikey menü nasıl oluşturulur?

Elementor dikey menünüzü katlanabilir bir düğmeye dönüştürmek istiyorsanız, Toggle düğmesini açmanız gerekir. Açtıktan sonra, geçiş düğmesinin başlığını değiştirebilir ve ayrıca hem sol hem de sağ tarafa simgeler eklemeyi seçebilirsiniz.

dikey menüyü WordPress'te dikey menü oluşturma adımını bir geçiş düğmesine dönüştürün

Vurgulu Etkinleştir seçeneğini açın ve fareyle üzerine gelindiğinde geçişi etkinleştirin (varsayılan olarak tıklamayla çalışır.)

6. Adım: Dikey Menünün Stilini Özelleştirin

Şimdi dikey menünüzün stilini değiştirme zamanı. Bunun için stil sekmesine gidin.

Arka Plan Türü, Renk, Konum, İkinci Renk, Kutu Gölgesi, Kenarlık yarıçapı ve benzerlerini değiştirmek için Menü Kabı seçeneğini genişletin.

menü kabı stili ayarları WordPress Dikey menüsü

Benzer şekilde, Menü Öğeleri ve Alt Menü Öğeleri altındaki birçok stil seçeneğini değiştirebilirsiniz.

Tüm özelleştirmeyi tamamladığınızda, yayınla'yı tıklayın ve önizlemeyi görün:

WordPress'te dikey menü nasıl oluşturulur?

ElementsKit, eksiksiz bir WordPress web sitesi oluşturmanız için sizi donatır. Şuradaki blogu kontrol et:
WordPress'te tek sayfa gezinme ile tek sayfa web sitesi nasıl oluşturulur

Elementor ve ElementsKit kullanarak WordPress'te dikey bir mega menü nasıl oluşturulur?

Bu öğreticiyi takip etmek için, daha önce açtığınız dikey menü widget'ının hala açık olduğundan emin olmanız gerekir.

1. Adım: Gerekli ElementsKit modüllerini açın

ElementsKit ⇒ Modüller'e gidin , hem Mega Menü'yü hem de Üstbilgi Altbilgi Oluşturucu'yu açın ve son olarak güncellemek için Değişiklikleri Kaydet'e tıklayın.

mega menü ve üst bilgi alt bilgi oluşturucuyu etkinleştir

Şimdi yukarıda gösterilen adımları izleyerek dikey menünüz için bir menü oluşturduğunuzdan emin olun.  

2. Adım: ElementsKit Megamenu seçeneğini açın

Menünüzü hazırlamayı tamamladığınızda, mega menü özelliğini etkinleştirmek için ElementsKit Megamenu seçeneğini işaretleyin. Bu seçeneği işaretledikten sonra, menünün üzerine geldiğinizde mega menü seçeneğini göreceksiniz.

menülerden mega menüyü etkinleştir
Ekit Elementor eklentisi

3. Adım: ElementsKit'i kullanarak menüyü mega menüye dönüştürün

Şimdi basit bir menüyü mega menüye dönüştürmek için, menüye gelin ve mega menü seçeneğine tıklayın. Ardından Mega menü değiştirme düğmesini açın ve Mega Menü İçeriğini Düzenle'ye tıklayın .

mega menü içeriğini düzenle

Şimdi Ekit simgesine tıklayın, bölüm sekmesine gidin, mega menüyü arayın ve ardından beğendiğiniz hazır mega menü şablonunu seçin. Ekledikten sonra, ihtiyaçlarınıza göre düzenleyebilirsiniz.

dikey mega menü ekle

İşiniz bittiğinde, menüyü kaydetmek için güncellemeye tıklayın. Aynı işlemi mega menü oluşturmak istediğiniz tüm menülerde tekrarlayın.

İşte bu kadar mega menünüzü oluşturdunuz. Web sitenize bir mega menü eklemek için ElementsKit üst bilgi alt bilgi oluşturucusunu kullanabilirsiniz.

ElementsKit'in mega menü oluşturucusu hakkında daha fazla ayrıntı için blogumuza göz atın   Elementor ve ElementsKit ile Mega Menü Nasıl Oluşturulur ? Tüm süreci aşağıdaki videodan da izleyebilirsiniz:

Son sözler

ElementsKit, WordPress'te dikey bir menü oluşturmayı yürütmesi son derece kolay bir görev haline getirir. Yatay bir menü harika olsa da, bazen menüde değişiklik yapmak web sitenizin görünümünü iyileştirebilir. Özellikle bir e-ticaret siteniz varsa ElementsKit'in mega menü özelliğini denemelisiniz.

Umarım blogu faydalı bulmuşsunuzdur, dikey menü WordPress eklentisi ile ilgili herhangi bir sorunuz varsa, bize bildirmekten çekinmeyin.

Dikey Menü eklemek için ElementsKit'i indirin