Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Navigasyon Menüsü Nasıl Eklenir (Başlangıç Kılavuzu)

İyi yapılandırılmış bir navigasyon menüsü, ziyaretçileri WordPress sitenizde yönlendirmek ve ihtiyaç duydukları bilgileri kolayca bulmalarını sağlamak için çok önemlidir.

İster ilk web sitenizi kuruyor ister mevcut bir web sitenizdeki kullanıcı deneyimini iyileştirmeye çalışıyor olun, navigasyon menüsünün nasıl ekleneceğini ve özelleştirileceğini öğrenmek önemli bir beceridir.

WordPress, kolayca başlık menüleri, açılır menü seçenekleri ve çok daha fazlasını oluşturmak için kullanabileceğiniz bir sürükle ve bırak menü arayüzü ile birlikte gelir.

Yıllar boyunca farklı markalarımız için çeşitli menüler oluşturduk ve bu da bize menü stilleri tasarlama konusunda ilk elden deneyim kazandırdı. Farklı işletmeler için hangi tür menülerin en iyi sonucu verdiğini, hangi bağlantıların ve sayfaların dahil edileceğini ve daha iyi bir kullanıcı deneyimi için navigasyonun nasıl optimize edileceğini öğrendik.

Bu adım adım kılavuzda, WordPress’e nasıl kolayca navigasyon menüsü ekleyebileceğinizi göstereceğiz.

How to Add Navigation menu in WordPress

Navigasyon Menüsü Nedir?

Navigasyon menüsü, bir web sitesinin önemli alanlarına işaret eden bağlantıların bir listesidir. Genellikle bir WordPress sitesindeki her sayfanın üst kısmında yatay bir bağlantı çubuğu olarak sunulurlar.

Bu menüler sitenize yapı kazandırır ve ziyaretçilerin aradıklarını bulmalarına yardımcı olur. Gezinti menüsü WPBeginner’da şu şekilde görünür:

WPBeginner navigation menu example

WordPress menüler ve alt menüler eklemeyi gerçekten kolaylaştırır. En önemli sayfalarınıza, kategorilerinize veya konularınıza, blog yazılarınıza ve hatta sosyal medya profiliniz gibi özel bağlantılara bağlantılar ekleyebilirsiniz.

Menünüzün tam konumu WordPress temanıza bağlı olacaktır. Çoğu temanın çeşitli seçenekleri olacaktır, böylece farklı yerlerde görüntülenebilecek farklı menüler oluşturabilirsiniz.

Örneğin, çoğu WordPress temasında en üstte görünen bir birincil menü bulunur. Bazı temalar ayrıca ikincil bir menü, bir alt menü veya bir mobil navigasyon menüsü içerebilir.

Bununla birlikte, WordPress’te nasıl özel bir gezinme menüsü oluşturabileceğinizi görelim.

İlk Özel Navigasyon Menünüzü Oluşturma

Bir navigasyon menüsü oluşturmak için WordPress yönetici panelinizdeki Görünüm ” Menüler sayfasını ziyaret etmeniz gerekir.

Not: Sitenizde‘Görünüm ” Menüler‘ seçeneğini göremiyorsanız ve yalnızca‘Görünüm ” Düzenleyici‘ seçeneğini görüyorsanız, temanızda Tam Site Düzenleme (FSE) etkinleştirilmiş demektir. Aşağıdaki FSE bölümüne geçmek için buraya tıklayabilirsiniz.

Create a new menu

Buraya geldiğinizde, menünüz için ‘Üst Gezinti Menüsü’ gibi bir ad verin ve ardından ‘Menü Oluştur’ düğmesine tıklayın.

Bu, menü alanını genişletecek ve aşağıdaki gibi görünecektir:

Newly created menu in WordPress

Ardından, menüye eklemek istediğiniz sayfaları seçebilirsiniz. Tüm yeni üst düzey sayfaları otomatik olarak ekleyebilir ya da sol sütundan belirli sayfaları seçebilirsiniz.

İlk olarak, sitenizin tüm sayfalarını görmek için ‘Tümünü Görüntüle’ sekmesine tıklayın. Daha sonra, menünüze eklemek istediğiniz sayfaların her birinin yanındaki kutuya tıklayın ve ardından ‘Menüye Ekle’ düğmesine tıklayın.

Add pages to your menu

Sayfalarınız eklendikten sonra, bunları ‘Menü Yapısı’ bölümünde sürükleyip bırakarak taşıyabilirsiniz.

Bu şekilde, sıralarını değiştirebilir ve yeniden düzenleyebilirsiniz.

Drag and drop pages in the menu

Not: Tüm menü öğeleri menü düzenleyicide dikey (yukarıdan aşağıya) olarak listelenir. Menüyü sitenize canlı olarak yerleştirdiğinizde, seçtiğiniz konuma bağlı olarak ya dikey ya da yatay (soldan sağa) olarak görüntülenecektir.

Çoğu temada menüleri koyabileceğiniz birkaç farklı konum vardır. Bu örnekte, 5 farklı konuma sahip olan Astra temasını kullanıyoruz.

Menüye sayfaları ekledikten sonra, görüntülemek istediğiniz konumu seçin ve ‘Menüyü Kaydet’ düğmesine tıklayın.

Select menu location

İpucu: Her bir konumun nerede olduğundan emin değilseniz, menüyü farklı yerlere kaydetmeyi deneyin ve ardından nasıl göründüğünü görmek için sitenizi ziyaret edin. Muhtemelen tüm konumları kullanmak istemeyeceksiniz, ancak birden fazla konum kullanmak isteyebilirsiniz.

Bu konuda daha fazla ayrıntı için WordPress’te dikey gezinme menüsü oluşturma eğitimimize göz atabilirsiniz.

İşte sitedeki bitmiş menümüz:

Menu preview

WordPress’te Açılır Menüler Oluşturma

Bazen iç içe menüler olarak da adlandırılan açılır menüler, üst ve alt menü öğelerine sahip gezinme menüleridir.

İmlecinizi bir üst öğenin üzerine getirdiğinizde, tüm alt öğeler bir alt menüde onun altında görünecektir.

Bir alt menü oluşturmak için, bir öğeyi ana öğenin altına sürükleyin ve ardından hafifçe sağa sürükleyin. Bunu menümüzde ‘Hizmetler’in altındaki 3 alt öğe ile yaptık:

Creating a submenu

Hatta alt menünüzün bir alt menüye sahip olabilmesi için birden fazla açılır menü katmanı ekleyebilirsiniz. Bu biraz dağınık görünebilir ve birçok tema çok katmanlı açılır menüleri desteklemez.

Daha ayrıntılı talimatlar için lütfen WordPress’te açılır menü oluşturma hakkındaki eğitimimize bakın.

İşte demo sitemizdeki canlı alt menü:

Submenu preview in WordPress

WordPress Menülerine Kategori Ekleme

Bir blog çalıştırmak için WordPress kullanıyorsanız, blog kategorilerinizi WordPress menünüze bir açılır menü olarak eklemek isteyebilirsiniz.

Bunu WPBeginner’da yapıyoruz ve haberler, temalar, eğitimler ve daha fazlası gibi birden fazla kategorimiz var.

Category menu on WPBeginner

Menü ekranının sol tarafındaki Kategoriler sekmesine tıklayarak menünüze kolayca kategori ekleyebilirsiniz. Tüm kategorilerinizi görmek için ‘Tümünü Görüntüle’ sekmesine de tıklamanız gerekebilir.

Menüye eklemek istediğiniz kategorileri seçmeniz ve ardından ‘Menüye Ekle’ düğmesine tıklamanız yeterlidir.

Select categories to add

Kategoriler, menünüzün alt kısmında normal menü öğeleri olarak görünecektir.

Ardından, bunları sürükleyip konumlarına bırakabilirsiniz. Örneğin, tüm bu kategorileri Blog menü öğesinin altına yerleştireceğiz.

Drag the categories under the main menu

Daha fazla talimat için lütfen WordPress gezinti menülerine konu ekleme hakkındaki başlangıç kılavuzumuza bakın.

Demo sitemizdeki gezinme menüsünde farklı kategorilerin nasıl göründüğü aşağıda gösterilmiştir:

Blog categories in navigational menu

WordPress, kategoriler ve sayfaların yanı sıra menünüze özel bağlantılar eklemeyi de son derece kolay hale getirir. Bunu sosyal medya profillerinize, çevrimiçi mağazanıza ve sahip olduğunuz diğer web sitelerine bağlantı vermek için kullanabilirsiniz.

Bunu yapmak için Menü ekranındaki ‘Özel Bağlantılar’ sekmesini kullanmanız gerekecektir. Menünüzde kullanmak istediğiniz metinle birlikte bağlantıyı eklemeniz ve ‘Menüye Ekle’ düğmesine tıklamanız yeterlidir.

Add a custom link

Hatta daha yaratıcı olabilir ve daha fazla dönüşüm elde etmek için menünüze veya harekete geçirici mesaj düğmelerinize sosyal medya simgeleri ekleyebilirsiniz.

WordPress Gezinti Menülerinde Bir Menü Öğesini Düzenleme veya Kaldırma

Özel gezinti menünüze sayfa veya kategori eklediğinizde, WordPress bağlantı metni olarak sayfa başlığını veya kategori adını kullanır. İsterseniz bunu değiştirebilirsiniz.

Herhangi bir menü öğesi, yanındaki aşağı oka tıklanarak düzenlenebilir.

Edit or remove menu item

Daha sonra menü öğesinin adını buradan değiştirebilirsiniz. Bağlantıyı menünüzden tamamen kaldırmak için ‘Kaldır’a da tıklayabilirsiniz.

Sürükle ve bırak arayüzünde zorlanıyorsanız, uygun ‘Taşı’ bağlantısına tıklayarak menü öğesini de taşıyabilirsiniz.

Tam Site Düzenleyicisine (FSE) Gezinme Menüleri Ekleme

Yeni tam site editörü, blok editörünü kullanarak WordPress temalarınızı özelleştirmenize olanak tanır. WordPress 5.9 ‘da yayınlandı ve benzersiz bir tasarım oluşturmak için şablonlarınıza farklı bloklar eklemenizi sağlıyor.

Tam site düzenleyicisini kullanarak bir gezinti menüsü eklemek için WordPress panonuzdan Görünüm ” Düzenleyici ‘yi ziyaret edin.

Bu eğitim için varsayılan Twenty Twenty-Three temasını kullanacağız. Daha fazla ayrıntı için en iyi WordPress tam site düzenleme temaları yazımıza bakabilirsiniz.

Editöre girdikten sonra, devam edin ve genişletmek için ‘Navigasyon’ sekmesine tıklayın.

Expand the navigation tab

Bu, sol sütunda bazı yeni ayarlar açacaktır.

Buradan, en üstteki ‘Düzenle’ simgesine tıklamanız yeterlidir.

Click the Edit icon in the FSE

Bu, ekranınızda tam site düzenleyicisini başlatacak ve burada bir gezinme menüsü öğesi eklemek için ‘+’ simgesine tıklayabilirsiniz.

Şimdi bir komut istemi açılacak ve açılır menüden bir seçenek belirleyebilirsiniz.

Ancak, özel bir bağlantı eklemek istiyorsanız, blok panelindeki gezinme menüsü öğesi için bir etiket ve URL ekleyebilirsiniz. Menünüze bir arama seçeneği de ekleyebilirsiniz.

Add a navigation menu item in the full site editor

Bir öğe ekledikten sonra, sağdaki sütundan ‘Stiller’ sekmesine geçin.

Artık menü öğelerinizin tipografisini, görünümünü, yüksekliğini, aralığını, harf büyüklüğünü ve metin dekorasyonunu değiştirebilirsiniz.

Blok araç çubuğundaki simgesine tıklayarak da bir alt menü ekleyebilirsiniz.

Customize the menu item by switching to the styles block

İşiniz bittiğinde, menünün gerçek zamanlı olarak nasıl göründüğünü görmek için değişiklikleri önizleyebilirsiniz. Ardından üstteki ‘Kaydet’ düğmesine tıklamayı unutmayın.

Kenar Çubuklarına ve Altbilgilere WordPress Menüleri Ekleme

Temanız için sadece görüntüleme konumlarına bağlı kalmak zorunda değilsiniz. Kenar çubuğunuz veya altbilginiz gibi widget kullanan herhangi bir alana navigasyon menüleri ekleyebilirsiniz.

Basitçe Görünüm ” Widget ‘lara gidin ve ardından üstteki ‘Blok Ekle’ (+) düğmesine tıklayın ve ‘Gezinti Menüsü’ widget bloğunu kenar çubuğunuza ekleyin.

Add a navigation menu

Ardından, widget için bir başlık ekleyin ve ‘Menü Seç’ açılır listesinden doğru menüyü seçin.

İşiniz bittiğinde, ‘Güncelle’ düğmesine tıklamanız yeterlidir.

Add a title and select your menu

İşte kurucumuz Syed Balkhi’nin web sitesi için oluşturulmuş özel bir WordPress altbilgi menüsü örneği.

Navigational menu preview

Navigasyon Menüleriyle Daha İleri Gitme

Çok sayıda bağlantı içeren gerçekten destansı bir menü oluşturmak istiyorsanız, WordPress’te nasıl mega menü oluşturacağınıza dair bir eğitimimiz var.

Bu, resimler de dahil olmak üzere çok sayıda öğe içeren bir açılır menü oluşturmanıza olanak tanır.

Mega menu preview

Mega menüler, çevrimiçi mağaza veya haber sitesi gibi büyük bir siteniz varsa harika bir seçenektir. Bu tür menüler Reuters, Buzzfeed, Starbucks gibi siteler tarafından kullanılır.

Video Eğitimi

Bu öğreticiyi izlemeyi tercih ederseniz, aşağıdaki videomuza göz atın:

Subscribe to WPBeginner

WordPress Menüleri Hakkında SSS

İşte yeni başlayanların WordPress gezinti menüleri hakkında en sık sorduğu sorulardan bazıları.

1. WordPress menüsüne nasıl ana sayfa bağlantısı ekleyebilirim?

Ana sayfanızı bir navigasyon menüsüne eklemek için Sayfalar altındaki ‘Tümünü Görüntüle’ sekmesine tıklamanız gerekir. Buradan ana sayfanızı görmeniz gerekir.

‘Ana Sayfa’nın yanındaki kutuyu işaretleyin ve ‘Menüye Ekle’ye tıklayın. Değişikliklerinizi kaydetmeyi unutmayın.

Add homepage to menu

2. WordPress’te birden fazla gezinme menüsünü nasıl ekleyebilirim?

WordPress’te istediğiniz kadar menü oluşturabilirsiniz. Web sitenize bir menü yerleştirmek için, yukarıda gösterdiğimiz gibi temanızın menü konumlarından birine veya bir widget alanına eklemeniz gerekir.

WordPress sitenize birden fazla gezinme menüsü eklemek istiyorsanız, önce yukarıdaki eğitimimizi izleyerek menüleri oluşturun.

Bunları sitenize yerleştirmek için ‘Konumları Yönet’ sekmesine tıklayın.

Manage menu locations

Buradan, temanızda mevcut olan menü konumlarında hangi menüyü görüntülemek istediğinizi seçebilirsiniz.

Sitenize yeni bir menü konumu eklemek istiyorsanız, WordPress temalarına özel gezinme menüleri ekleme hakkındaki eğitimimize bakın.

Umarız bu makale WordPress’te nasıl navigasyon menüsü ekleyeceğinizi öğrenmenize yardımcı olmuştur. WordPress’te gezinme menülerinin nasıl şekillendirileceği ve WordPress’te yapışkan bir kayan gezinme menüsünün nasıl oluşturulacağı hakkındaki kılavuzlarımıza da göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

117 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi

    what your thoughts are on having a sticky navigation menu? do recommend having a sticky one or an nonstick one?

    • WPBeginner Support

      It is mostly a question of personal preference. There is not specifically better option between the two. At the moment we use a static menu instead of sticky :)

      Yönetici

  3. Dayo Olobayo

    This was exactly what I needed. I’ve been wanting to make my website look more professional and adding a navigation menu is a big part of that. Thanks for the clear instructions!

  4. Jiří Vaněk

    Regarding adding pages to the menu, don’t know how to solve the search problem? Or if you haven’t met him. I have a website where there are currently about 600 pages, which are mainly used for dictionary purposes. The problem is, when I want to add one of the pages to the menu, I write its link in the search, so wordpress does not find it and I have to first display all and find it alphabetically. It delays my work quite a bit and I haven’t figured out where the problem is.

    • WPBeginner Support

      You would want to try writing the title of the page, otherwise you could use custom links and link to the page if you have the URL directly.

      Yönetici

      • Jiří Vaněk

        Yes, I do. I type the site name into the search box and WordPress lists similar sites, but usually not the one I’m looking for. So I will search further where the problem might be.

  5. David Keevis

    Thanks so much for a really excellent tutorial. We’re building our site with multiple CPT’s and this post clearly explained what was needed. Had it implemented in a couple minutes. We’re using Generate Press/Generate Blocks and the query loop is exceptionally powerful. Y’all just made our day!!!!

    • WPBeginner Support

      Glad to hear our guide helped!

      Yönetici

  6. NPH LLC

    If I “remove” a link within my main navigation menu, can I bring it back easily? We want to take a page offline while we are reconfiguring it.

    Thanks!

    • WPBeginner Support

      Yes, you can easily add and remove menu items and if the menu items even if the item is not currently on the menu. You would want to ensure you clear any caching on your site so your visitors see the up-to-date menu.

      Yönetici

  7. Akanksha

    Thank you ..This was very helpful to me

    • WPBeginner Support

      Glad it was helpful!

      Yönetici

  8. Sunny

    A very basic question. How can you link your website URL to your homepage? Meaning, having the website URL, also as your homepage section in the menu. Thanks

    • WPBeginner Support

      You could either set the menu to the homepage you have set under Settings>General for your site or create a custom URL and add your domain there to point to your homepage.

      Yönetici

  9. Lisa

    I’m confused about how to get my posts where I want them to go… I have a recipe blog. On the top of my site, I have categories you can click such as “Dinner recipes” and “Side dishes”… How do I get my specific posts to go on those specific pages when you click on the title at the top of the page?

  10. aberry

    Is there a way that when you add a category it automatically adds the sub categories?

  11. HJ

    Very basic question, but how to enable menu on a subpage? I designed some subpages, but the menu is not visible on top. In my main pages the menu is visible. How to enable the menu to make it visible on the sub-pages?

    • WPBeginner Support

      You would want to reach out to the support for your specific theme, it sounds like your theme may remove the menu for certain pages. If you reach out to the support they should let you know how to add the menu back.

      Yönetici

  12. Janien

    I’m trying to get a navigation menu that is sticky and is not transparent. I’ve tried everything. Am I allowed to change the navigation bar in a theme?

    • WPBeginner Support

      You are but it would require some coding knowledge, we would recommend reaching out to your theme’s support and they can normally assist.

      Yönetici

  13. Miranda

    I have made a navigation menu but it won’t show up on the mobile site and when I go to navigation menu settings it does not have mobile menu as an option. Do you know how I can fix this or do I need to find a different theme?

    • WPBeginner Support

      You would need to reach out to the support for your specific theme for it not displaying properly and they would be able to assist.

      Yönetici

    • WPBeginner Support

      You’re welcome :)

      Yönetici

  14. Nanyc

    This helped a lot. I wanted a heads up before I started. Presented very well.

    • WPBeginner Support

      Glad our article was helpful :)

      Yönetici

  15. atta

    Thanks for the detailed guide. I have a question: how can we add a navbar (for a landing page) which links the landing page sections/elements instead of navigating to other pages. An example is Wikipedia. On any Wikipedia page, you can click on the name of the section and it will immediately go down to that section.

  16. Gina

    Hi,

    I created categories and added to my menu so that once a reader clicks they can find all the blog posts on that category. My problem is that I don’t want the blog name to appear at the top of the page, that is, Blogging category => Blogging category description => blog posts, how do I remove that?

    • WPBeginner Support

      That would depend on your specific theme’s styling. If you reach out to your theme’s support they should be able to assist with changing what is shown

      Yönetici

  17. wan

    i try to add menu item on my menu structure. even when i save menu, the website doesn’t change. why?

    • WPBeginner Support

      You would want to ensure your site or your hosting provider does not have a cache that could be causing your issue.

      Yönetici

    • WPBeginner Support

      Thank you :)

      Yönetici

  18. Linda McMillan

    Hello, I am using Elementor and OceanWP. I set up a custom link in my menu so that when clicking on it goes to the Home page. How can I make it go instead of just to the Home page, but down the page to a certain section? I appreciate your help.

  19. Annie

    Pretty much there with the navigation. One question though, I have one point in my navigation “products” from there it splits into 3 other sections (drop down menu coming up). I don’t want visitors be able to access this product page as it will be empty, I want them to choose directly from the drop down menu instead of accessing the products page first. So products will be still displayed in the navigation but will be inaccessible, visitors have to click onto the drop down menu to choose what they are after. How do I do this? I m I m removing the whole products section it wont be displayed in the navi anymore, how can I make the products page inaccessible?

    • WPBeginner Support

      You can create a custom link under Appearance>Menus titled Products and link it to either a different page or # which should keep the users on the same page they are on.

      Yönetici

      • Ishan

        Thank you for your help.I was facing the same problem

  20. Terry L. Cooper

    How old is this anyway?? I’m not seeing any of this on the WP page.

  21. Azizi

    Sorry sir, which WordPress theme you’re using on WPbeginner.com?????

    • WPBeginner Support

      We are using a theme we created for our site built on the Genesis Framework, for more on what we’re using on our site you would want to take a look at our blueprint page here: https://www.wpbeginner.com/blueprint/ :)

      Yönetici

  22. Inzamam ul haq

    It really helped me. very informative.Thanks

  23. Natalie V

    Hi! Thanks so much for this post. It helped me a lot. I have the “Karuna” theme. Whenever I add more menu options (I have 4) they are displayed in two row. I would like them all to be in one row. Is there a way to fix this? Thank you so much!

  24. David

    Needed to link a buy now button to woo commerce cart page. Spent two days going in circles. Tried to contact woo with little success. Then found you guys who helped solve the problem.
    Often it is the little things which can stop us in our tracks. A big thank you for the simplified set of clear instructions.

  25. Elliot Kershaw

    Hello,

    I am making a website with Ocean WP and Elementor, however I am unable to see the menu at the top of all of my pages. It only appears at the top of the home page. So people can navigate to any page from the home page, however if anyone wanted to navigate back to the home page or to another page from there, it would tricky. Do you have a solution for this? Thank you!

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.