WordPress'te Açılır Menü Nasıl Oluşturulur (Başlangıç ​​Kılavuzu)


Bir açılır menü oluşturmak ve bunu WordPress web sitenize eklemek ister misiniz?

Bir açılır menü, farenizi menüdeki bir öğenin üzerine getirdiğinizde bağlantıların bir listesini gösterir.

WPBeginner'da bir açılır menü kullanıyoruz, devam edin ve farenizi üstteki gezinme menüsünün üzerine getirin.

Bu başlangıç ​​kılavuzunda, adım adım talimatlarla WordPress'te nasıl kolayca açılır menüyü oluşturacağınızı göstereceğiz.

Creating a dropdown menu in WordPress

WordPress'te Neden Açılır Menüler Kullanılır?

WordPress, WordPress sitenize kolayca gezinme menüleri eklemenizi sağlayan yerleşik bir menü yönetim sistemi ile birlikte gelir.

Gezinme menüleri, web sitenizin ana sayfalarına, genellikle web sitesinin logosunun hemen yanında yatay bir satır olarak görünen bağlantılardır.

Typical navigation menu with a horizontal row of links

Bir blog başlatıyorsanız veya yalnızca birkaç sayfadan oluşan bir web sitesi oluşturuyorsanız, bunları tek satıra ekleyebilirsiniz.

Ancak, bir çevrimiçi mağaza veya büyük bir web sitesi işletiyorsanız, gezinme menüsüne daha fazla bağlantı eklemek isteyebilirsiniz.

Açılır menüler, yalnızca kullanıcılar farelerini bir üst öğenin üzerine getirdiğinde menü bağlantılarını göstererek sınırlı alan sorununu çözmenize yardımcı olur. Ayrıca menü yapısını konulara veya hiyerarşiye göre düzenlemenize de izin verir.

Dropdown menu example

Son olarak, onlar da oldukça güzel görünüyorlar.

Bununla birlikte, şimdi WordPress açılır menülerini nasıl kolayca oluşturabileceğinize bir göz atalım, bunları web sitenize ekleyin.

Video öğretici

WPBeginner'a abone olun

Videoyu beğenmediyseniz veya daha fazla talimata ihtiyacınız varsa okumaya devam edin.

Adım 1. Açılır Menü Desteği ile Tema Seçme

WordPress yerleşik bir menü yönetim sistemi ile birlikte gelir ancak bu menüleri görüntülemek tamamen WordPress temanıza bağlıdır.

Hemen hemen tüm WordPress temaları, varsayılan olarak açılır menüleri destekler. Ancak, bazı temalar uygun menü desteğine sahip olmayabilir.

Açılır menüleri destekleyen bir WordPress teması kullandığınızdan emin olmanız gerekir.

Kullandığınız temanın açılır menüyü destekleyip desteklemediğini nasıl anlarsınız?

Temanın demosuna bir bağlantı bulabileceğiniz temanın web sitesini ziyaret edebilirsiniz. Buradan demonun gezinme menüsünde bir açılır menü gösterip göstermediğini görebilirsiniz.

Değilse, yapan bir WordPress teması bulmanız gerekir.

Web siteniz için mükemmel WordPress temasını nasıl seçeceğinizle ilgili kılavuzumuza bakın.

Kutudan çıkan açılır menüyü destekleyen birkaç mükemmel tema.

  • Astra – Birkaç başlangıç ​​sitesi ve tonlarca özellik ile gelen çok amaçlı bir WordPress temasıdır.
  • StudioPress temaları – Genesis tema çerçevesi üzerine inşa edilen bu profesyonel temalar, performans için oldukça optimize edilmiştir.
  • OceanWP – Her tür web sitesi için uygun olan popüler bir WordPress teması.
  • Ultra – Themify oluşturucu tarafından desteklenen bu sürükle ve bırak WordPress teması, güzel şablonlar ve esnek tema seçenekleriyle birlikte gelir.
  • Divi – Divi sayfa oluşturucuyu kullanan ve açılır menüler dahil tonlarca sürükle ve bırak özelliğiyle gelen Elegant Themes'in popüler teması.

Bununla birlikte, şimdi bir açılır WordPress menüsünün nasıl oluşturulacağına bir göz atalım.

Adım 1. WordPress'te Gezinme Menüsü Oluşturma

Web sitenizde zaten bir gezinme menüsü ayarladıysanız, bir sonraki adıma geçebilirsiniz.

Önce basit bir menü oluşturalım.

Görünüm » Menüler sayfasına gidin ve üst kısımdaki 'Yeni menü oluştur' bağlantısını tıklayın.

Create a menu

Ardından, gezinme menünüz için bir ad sağlamanız gerekir. Bu ad web sitenizde herkese açık olarak görünmeyecektir. Menü adının amacı, WordPress yönetici alanı içindeki menüyü tanımlamanıza yardımcı olmaktır.

Menu name

Menünüz için bir ad girin ve ardından 'Menü Oluştur' düğmesini tıklayın.

WordPress şimdi sizin için yeni bir boş menü oluşturacak.

En üstteki linkleri navigasyon menüsüne ekleyelim. Bu öğeler menünüzün en üst satırında görünecektir.

Eklemek istediğiniz sayfaları sol sütundan seçin ve 'Menüye ekle' düğmesini tıklayın. Ayrıca blog gönderilerini, kategorileri seçebilir veya özel bağlantılar ekleyebilirsiniz.

Add pages to menu

Artık bu sayfaların yeni menünüzün altındaki sağ sütunda göründüğünü göreceksiniz.

Adım 2. Menüye Alt Öğeler Ekleme

Alt öğeler, açılır menüde görünecek öğelerdir. Menülerinizi nasıl düzenlemek istediğinize bağlı olarak, bunları mevcut öğelerden herhangi birinin altına ekleyebilirsiniz.

Bu öğretici uğruna, blog bağlantısının altına kategoriler ekleyeceğiz.

Sol sütundan eklemek istediğiniz öğeleri seçin ve ardından 'Menüye ekle' düğmesini tıklayın. Öğeleriniz artık sağ sütunda görünecek.

New menu items added to the menu

Ancak, bu bağlantılar normal öğeler olarak görünecektir. Bunları bir üst menünün alt öğesi haline getirmemiz gerekiyor.

Bir menü öğesini basitçe sürükleyip bırakabilir ve üst öğenin altına yerleştirebilirsiniz. Hafifçe sağa hareket ettirin ve bir alt öğe haline gelecektir.

Adding sub menu items to create a dropdown menu

Açılır menü altında göstermek istediğiniz tüm bağlantılar için işlemi tekrarlayın.

İşiniz bittiğinde, değişikliklerinizi kaydetmek için 'Menüyü kaydet' düğmesine tıklamayı unutmayın.

3. Adım. Açılır Menünüzü Yayınlayın

Web sitenizde zaten yayında olan bir menüyü düzenliyorsanız, bu menü hemen web sitenizde görünmeye başlayacaktır.

Ancak, bu yeni bir menü öğesiyse, şimdi bu menüyü görüntülemek için bir tema konumu seçmeniz gerekir.

WordPress temaları, menüleri farklı konumlarda gösterebilir. Her tema kendi menü konumlarını tanımlar ve orada hangi menüyü görüntülemek istediğinizi seçebilirsiniz.

Bu seçeneği, 'Menü ayarları' altındaki sağ sütunda bulacaksınız. 'Konumu görüntüle' ayarının yanında bir seçenek belirleyin ve 'Menüyü kaydet' düğmesini tıklayın.

Choose theme location

Artık açılır menünüzü çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Dropdown menu preview

Etkileşimli Açılır Menüler Oluşturma İpuçları

Gezinme menüleri önemlidir çünkü bu, kullanıcılarınızın belirli bilgileri görmek istediklerinde ilk bakacakları yerdir.

Bunları doğru kullanmak, kullanıcılarınızın web sitenizde yollarını bulmalarına yardımcı olacaktır. Ayrıca web sitenizde daha fazla sayfa görüntüleme, dönüşüm ve satış elde etmenize yardımcı olur.

Gezinme menülerinizi açılır menülerle daha etkileşimli hale getirmek için birkaç ipucu.

1. Çok seviyeli açılır menüler oluşturabilirsiniz

Bir bağlantıyı başka bir bağlantının alt öğesi yapmak, açılır menüde görünmesini sağlar. Çok seviyeli açılır menüler oluşturmak için başka bir alt öğenin altına bir alt öğe de ekleyebilirsiniz.

Multi level menus

Temanız, bunları otomatik olarak açılır menüde bir alt menü olarak gösterir.

Multi-level dropdown menu

2. Birden fazla açılır menü de oluşturabilirsiniz.

Menünüzdeki herhangi bir üst bağlantının altında bir açılır menü oluşturabilirsiniz. Ana gezinme menünüze birden fazla açılır menü bile ekleyebilirsiniz.

Multiple dropdown menus in the primary menu

3. Canlı önizleme ile menüler oluşturun

Menünüz çok karmaşık hale gelirse, görsel önizlemeye geçebilirsiniz. Canlı tema özelleştiriciyi başlatmak için Görünüm » Özelleştir'e gidin.

Oradan, 'Menüler' sekmesine tıklayın ve ardından navigasyon menünüzü seçin. Artık sol sütunda, sağ panelde sitenizin canlı önizlemesini içeren bir sürükle ve bırak menü düzenleyicisi göreceksiniz.

Customize WordPress menus with a live preview

4. WordPress'te açılır menü olarak büyük bir mega menü oluşturma

Açılır menüler bir seferde yalnızca bir açılır menü gösterir. Web sitenizin tüm yapısını yalnızca kullanıcılar ana menüye geldiklerinde görünen bir mega menü olarak göstermek isteseydiniz?

Mega menu example

Mega menüler bir açılır menü olarak görünür, ancak çok daha fazla bağlantı, alt menü ve daha fazlasını gösterebilirler. Ayrıntılı talimatlar için, WordPress'te bir mega menünün nasıl oluşturulacağına ilişkin adım adım eğitimimize bakın.

Bu makalenin, WordPress'te kolayca açılır menüyü nasıl oluşturacağınızı öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, WordPress'te yapışkan bir kayan gezinme menüsünün nasıl oluşturulacağını ve WordPress'te gezinme menülerine görüntü simgelerinin nasıl ekleneceğini kılavuzumuzu görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir