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

15 WordPress Navigasyon Menülerinde Ustalaşmak İçin En İyi Öğreticiler

WordPress navigasyon menüleri ile çalışmak için en iyi eğitimleri mi arıyorsunuz? WordPress navigasyon menüleri, web sitenizdeki menüleri kolayca özelleştirmenize ve yönetmenize olanak tanır. Bu makalede, WordPress navigasyon menülerinde ustalaşmanız için size en iyi eğitimleri göstereceğiz.

Best tutorials to master WordPress navigation menus

Bu uzun bir makale olduğundan, daha kolay gezinme için bir içindekiler listesi ekledik.

  1. WordPress Gezinti Menüleri ile Başlarken
  2. WordPress Menülerine Sosyal Medya Simgeleri Ekleme
  3. WordPress’te Oturum Açan Kullanıcılara Farklı Menüler Gösterme
  4. Gezinti Menülerine Koşullu Mantık Ekleme
  5. WordPress Navigasyon Menülerini Şekillendirme
  6. WordPress’te Gezinti Menülerine Resim Simgeleri Ekleme
  7. WordPress’te Özel Gezinti Menüleri Ekleme
  8. WordPress Temalarına Slayt Paneli Menüsü Ekleme
  9. Mobil Kullanıma Hazır Duyarlı WordPress Menüsü Oluşturma
  10. WordPress’te Tam Ekran Duyarlı Menü Ekleme
  11. WordPress’te Gezinti Menüleriyle Açıklama Ekleme
  12. WordPress Gezinti Menülerine Konular Nasıl Eklenir
  13. WordPress Kenar Çubuğuna Navigasyon Menüleri Nasıl Eklenir
  14. Yazılara ve Sayfalara WordPress Gezinti Menüsü Ekleme
  15. WordPress Gezinti Menülerine NoFollow Bağlantılar Ekleme

1. WordPress Gezinti Menüleri ile Başlarken

Web tasarımında navigasyon menüsü, web sitenizin ziyaretçilerinin web sitenizdeki farklı sayfaları ve bölümleri ziyaret etmelerini sağlayan bağlantıların bir listesidir. Kullanıcıların web sitenizde gezinmesine yardımcı olur, dolayısıyla navigasyon menüsü adını alır.

Navigation menu

WordPress, web sitenizde menüler oluşturmanıza ve kullanmanıza olanak tanıyan yerleşik bir araçla birlikte gelir. Bu araç WordPress yönetici alanınızdaki Görünüm ” Menüler sayfasında bulunur.

Creating and managing navigation menus in WordPress

Burada sol sütundan sağa doğru öğeler ekleyerek menüler oluşturabilirsiniz. Menülerinize herhangi bir WordPress yazısı, sayfası, kategorisi ve özel bağlantılar ekleyebilirsiniz.

Ayrıntılı talimatlar için WordPress’te gezinme menülerinin nasıl ekleneceğine ilişkin başlangıç kılavuzumuza bakın.

2. WordPress Menülerine Sosyal Medya Simgeleri Ekleme

WordPress menüleri web sitenize sosyal medya düğmeleri eklemek için de kullanılabilir. Bu, simgeleri kolayca güncellemenize, yeniden düzenlemenize ve istediğiniz zaman yeni sosyal medya simgeleri eklemenize olanak tanır.

Bunu yapmanın en kolay yolu Menu Social Icons eklentisini kullanmaktır. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından Görünüm ” Menüler sayfasına gidin. Yeni bir sosyal menü oluşturun ve ardından sol sütundan özel bağlantılar sekmesine tıklayın.

Adding social menus

Bağlantı metni ve URL alanlarının altında sosyal medya simgelerini göreceksiniz. Tek yapmanız gereken bir sosyal medya simgesine tıklamak ve sosyal profil URL’nizi girmektir. İşiniz bittiğinde menüye ekle düğmesine tıklayın.

Eklemek istediğiniz tüm sosyal medya profilleri için bu işlemi tekrarlayın. İşiniz bittiğinde bir menü konumu seçin ve ardından menüyü kaydet düğmesine tıklayın.

Daha ayrıntılı talimatlar için WordPress menülerine sosyal medya simgelerinin nasıl ekleneceğine ilişkin kılavuzumuza bakın.

3. WordPress’te Oturum Açan Kullanıcılara Farklı Menüler Gösterme

Eğer bir WordPress üyelik sitesi işletiyorsanız, giriş yapan kullanıcılarınıza farklı menüler göstermek isteyebilirsiniz. İşte bunu nasıl kolayca başarabileceğiniz.

Öncelikle iki farklı menü oluşturmanız gerekir. Biri oturum açmış kullanıcılarınız için, diğeri de oturum açmamış kullanıcılarınız için. Bu menüleri oturum açmış ve oturum kapatmış olarak adlandırabilirsiniz.

Ardından, bu kodu temanızın functions.php dosyasına veya siteye özel bir eklentiye eklemeniz gerekir.

function my_wp_nav_menu_args( $args = '' ) {

if( is_user_logged_in() ) { 
	$args['menu'] = 'logged-in';
} else { 
	$args['menu'] = 'logged-out';
} 
	return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );

Hepsi bu kadar. Artık navigasyon menülerinizi çalışırken test edebilirsiniz.

Daha ayrıntılı talimatlar için WordPress’te oturum açmış kullanıcılara farklı menülerin nasıl gösterileceğine ilişkin eğitimimize bakın.

4. Gezinti Menülerine Koşullu Mantık Ekleme

Menüleri belirli koşullara göre değiştirmek mi istiyorsunuz? Ana sayfada farklı bir menü veya tek bir gönderide bir öğeyi gizlemek gibi. İşte WordPress’te bunu nasıl başarabileceğiniz.

Öncelikle If Menu eklentisini yüklemeniz ve etkinleştirmeniz gerekir.

Etkinleştirmenin ardından, Görünüm ” Menüler ekranını ziyaret edin ve düzenlemek istediğiniz bir menü öğesine tıklayın. ‘Koşullu mantığı etkinleştir’ için yeni bir seçenek göreceksiniz.

Conditional logic option for a menu item

Bu seçeneğin işaretlenmesi size iki açılır seçenek gösterecektir. Belirli koşullarla eşleşiyorsa bir menü için göster veya gizle seçeneğini belirleyebilirsiniz. Örneğin, bir kullanıcı yönetici ise menü öğesini gizleyin veya bir menü öğesini yalnızca bir kullanıcı tek bir gönderiyi inceliyorsa gösterin.

Daha ayrıntılı talimatlar için WordPress menülerine koşullu mantık ekleme hakkındaki makalemize bakın.

5. WordPress Navigasyon Menülerini Şekillendirme

WordPress temanız, web sitenizdeki gezinti menülerinin görünümünü kontrol eder. CSS kullanarak gezinti menülerinin görünümünü özelleştirebilirsiniz.

Bunu yapmanın en kolay yolu CSS Hero eklentisini kullanmaktır. Tek bir satır kod yazmadan herhangi bir WordPress temasını özelleştirmenize olanak tanıyan premium bir WordPress eklentisidir (HTML veya CSS gerekmez). Daha fazla bilgi için CSS Hero incelememize bakın.

Navigasyon menülerinizi manuel olarak CSS yazarak da şekillendirebilirsiniz. Ayrıntılı talimatlar için WordPress gezinti menülerinin nasıl şekillendirileceğine ilişkin kılavuzumuza bakın.

6. WordPress’te Gezinti Menülerine Resim Simgeleri Ekleme

Image icons in navigation menus

Birçok popüler web sitesi, daha dikkat çekici hale getirmek için navigasyon menülerinin yanında resim simgeleri kullanıyor. İşte WordPress’te navigasyon menülerine nasıl resim simgeleri ekleyebileceğiniz.

Öncelikle Menü Resmi eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Etkinleştirdikten sonra Görünüm ” Menüler bölümüne gidin. Orada mevcut menünüzdeki her bir öğeye resim ekleme seçeneği göreceksiniz.

Adding image to a menu item in WordPress

Görsel simgeler eklemek için CSS de kullanabilirsiniz. Ayrıntılı talimatlar için WordPress’te navigasyon menüleriyle görsel simgelerin nasıl ekleneceğine ilişkin kılavuzumuza bakın.

7. WordPress’te Özel Gezinti Menüleri Ekleme

Çoğu ücretsiz ve premium WordPress teması, navigasyon menülerinizi görüntülemek için önceden tanımlanmış konumlarla birlikte gelir. Ancak temalarınıza özel navigasyon menüleri de ekleyebilirsiniz.

Öncelikle bu kodu temanızın functions.php dosyasına ekleyerek yeni navigasyon menünüzü kaydetmeniz gerekecektir.

function wpb_custom_new_menu() {
  register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' );

Bu kod temanız için ‘Özel Menüm’ oluşturacaktır. Bunu Görünüm ” Menüler sayfasında bir menüyü düzenleyerek görebilirsiniz.

Theme location for your custom menu

Özel menünüzü görüntülemek için, bu kodu temanızda menüyü görüntülemek istediğiniz yere eklemeniz gerekecektir.

<?php
wp_nav_menu( array( 
    'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?>

Daha ayrıntılı talimatlar için WordPress temalarına özel gezinme menülerinin nasıl ekleneceğine ilişkin makalemize bakın.

8. WordPress Temalarına Slayt Paneli Menüsü Ekleme

A slide panel navigation menu in WordPress

Sitenizin gezinme menüsünü kayan bir panel olarak göstermek ister misiniz? Kaydırmalı paneller kullanmak menülerinizi daha etkileşimli, daha az müdahaleci ve özellikle mobil cihazlarda eğlenceli hale getirir.

Ancak bunları eklemek için JavaScript, WordPress temaları ve CSS hakkında orta düzeyde bilgi sahibi olmanız gerekir.

Adım adım talimatlar için WordPress temalarında slayt paneli menüsünün nasıl ekleneceğine ilişkin kılavuzumuza bakın.

9. Mobile Hazır Duyarlı WordPress Menüsü Oluşturma

Mobile responsive navigation menu in WordPress

Çoğu WordPress teması duyarlıdır ve mobil cihazlar için hazır navigasyon menüleriyle birlikte gelir. Ancak, temanız mobil cihazlarda gezinme menülerini iyi yönetmiyorsa, mobil cihazlardaki kullanıcı deneyimini etkiler.

Neyse ki, herhangi bir kod yazmadan mobil cihazlar için hazır duyarlı menüler eklemenin bazı kolay yolları var.

İlk olarak, Duyarlı Menü eklentisini yüklemeniz ve etkinleştirmeniz gerekir.

Etkinleştirmenin ardından, eklenti ayarlarını yapılandırmak için WordPress yönetici çubuğunuzdaki ‘Duyarlı Menü’ye tıklamanız gerekir.

Mobil duyarlı menünün görünür olması gereken bir genişlik seçmeniz yeterlidir. Bundan sonra mevcut bir navigasyon menüsü seçmeniz gerekir.

Ayarlarınızı kaydetmek için ‘Seçenekleri Güncelle’ düğmesine tıklamayı unutmayın. Hepsi bu kadar artık web sitenizi ziyaret edebilir ve mobil duyarlı menüyü görmek için tarayıcı ekranını yeniden boyutlandırabilirsiniz.

Mobil duyarlı menü eklemenin başka birçok yolu vardır. Geçiş efektiyle görünen bir menü, kaydırmalı menü ve duyarlı seçme menüsü gibi. Tüm bu yöntemler hakkında daha fazla bilgiyi mobil uyumlu WordPress menüsü oluşturma kılavuzumuzda bulabilirsiniz.

10. WordPress’te Tam Ekran Duyarlı Menü Ekleme

Fullscreen responsive menu in WordPress

Bazı popüler web sitelerinin nasıl tam ekran navigasyon menüsü kullandığını fark ettiniz mi? Genellikle JavaScript ve CSS’in yaratıcı bir şekilde kullanılmasını gerektirir. Neyse ki, bunu WordPress’te herhangi bir kod yazmadan yapabilirsiniz.

Öncelikle DC – Tam Ekran Duyarlı Menü‘yü yüklemeniz ve etkinleştirmeniz gerekir. Etkinleştirmenin ardından, eklenti ayarlarını yapılandırmak için Görünüm ” DC Tam Ekran Menü sayfasını ziyaret etmeniz gerekir.

Fullscreen menu settings

Burada tam ekran menünüz için bir menü, arka plan ve metin rengi ve Google yazı tipi seçebilirsiniz.

Ayarlarınızı kaydetmek için gönder düğmesine tıklayın. Artık tam ekran duyarlı menünüzü çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Bu konu hakkında daha fazla bilgi için WordPress’te tam ekran duyarlı menü ekleme kılavuzumuza bakın.

WordPress navigasyon menüleri genellikle sadece bağlantı etiketini veya bağlantı metnini gösteren metin bağlantılarıdır. Peki ya navigasyon menünüzdeki her bir öğe için küçük bir açıklama veya etiket satırı eklemek isterseniz?

Neyse ki WordPress, navigasyon menülerinizdeki her öğeye açıklama eklemek için yerleşik işlevsellikle birlikte gelir.

İlk olarak, açıklamalar öğesini etkinleştirmeniz gerekecektir. Ekranın sağ üst köşesindeki Ekran Seçenekleri düğmesine tıklayın.

Bu, etkinleştirebileceğiniz kutuların ve seçeneklerin bir listesini gösterecektir. Açıklama’nın yanındaki kutuyu işaretlemeniz gerekir.

Enabling description field for navigation menus in WordPress

Şimdi aşağı kaydırın ve düzenlemek için bir menü öğesine tıklayın; açıklama eklemek için bir seçenek göreceksiniz.

Description field added to menu items

Açıklamanızı ekleyin ve menüyü kaydet düğmesine tıklayın.

Temanız menü açıklamalarını destekliyorsa, bunları hemen görebilirsiniz. Aksi takdirde, açıklamaları göstermek için tema dosyalarınızı düzenlemeniz gerekecektir.

Ayrıntılı talimatlar için WordPress temanıza menü açıklamalarını nasıl ekleyeceğinize ilişkin kılavuzumuza bakın.

Displaying blog topics in WordPress navigation menu

WordPress’te gezinti menülerine blog konularının nasıl ekleneceği bize sık sık soruluyor. Yeni başlayanların çoğu, menülere eklemek için her konu için sayfa oluşturmaları gerektiğini varsayıyor.

Aslında ihtiyacınız olan şey kategorilerdir. Kategoriler ve etiketler, WordPress taksonomilerinde yerleşik olarak bulunur ve içeriği ilgili konulara göre sıralamanıza olanak tanır.

Makalelerinizi ilgili kategorilere ekleyin ve ardından Görünüm ” Menüler sayfasına gidin. Kategoriler sekmesine tıklayarak genişletin ve ardından gezinme menülerinizde görüntülemek istediğiniz kategorileri seçin.

Adding categories to navigation menus in WordPress

Daha fazla ayrıntı için WordPress gezinti menülerine konu ekleme hakkındaki makalemize bakın.

13. WordPress Kenar Çubuğuna Navigasyon Menüleri Nasıl Eklenir

WordPress temalarında genellikle üstte veya altta navigasyon menüleri bulunur. Bununla birlikte, WordPress kenar çubuğunuza da menüler oluşturabilir ve ekleyebilirsiniz.

Basitçe Görünüm ” Widget ‘lar sayfasını ziyaret edin ve kenar çubuğunuza ‘Özel Menü’ widget’ını ekleyin. Ayrıntılı talimatlar için WordPress’te widget ekleme ve kullanma kılavuzumuza bakın.

Adding navigation menu to sidebar widget

Widget’ı bir kenar çubuğuna ekledikten sonra aşağı açılır seçenekten bir menü seçebilirsiniz. Ayarlarınızı saklamak için kaydet düğmesine tıklamayı unutmayın.

Genellikle navigasyon menüleri bir web sitesinin başlığında veya kenar çubuğunda gösterilir. Ancak, bazen bir WordPress yazısının veya sayfasının içine bir menü eklemek isteyebilirsiniz. İşte bunu nasıl yapacağınız.

Öncelikle Menu Shortcode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Etkinleştirdikten sonra, menünüzü görüntülemek istediğiniz yazıyı veya sayfayı düzenleyin ve bu kısa kodu ekleyin:

[listmenu menu="Your Menu Name"]

‘Menü Adınız’ı kendi navigasyon menünüzün adıyla değiştirmeyi unutmayın. Gönderinizi kaydedin veya yayınlayın ve ardından önizleme düğmesine tıklayın.

Daha fazla ayrıntı için yazılara veya sayfalara WordPress gezinme menüsü ekleme kılavuzumuza bakın.

Genellikle sitenizin gezinti menüsü kendi yayınlarınıza ve sayfalarınıza bağlantılar içerir. Ancak bazen harici bir siteye bağlantı eklemeniz gerekebilir.

Birçok SEO uzmanı harici bağlantılara rel=”nofollow” özelliğinin eklenmesini önermektedir. WordPress navigasyon menülerindeki bağlantılara nofollow özelliğini nasıl ekleyeceğiniz aşağıda açıklanmıştır.

Öncelikle Görünüm ” Menüler sayfasını ziyaret etmeniz ve ardından ekranın sağ üst köşesindeki Ekran Seçenekleri düğmesine tıklamanız gerekir.

Check target and link relationship boxes in Screen Options

Bu, Bağlantı İlişkisi (XFN) ve Bağlantı Hedefi seçeneklerinin yanındaki kutuları işaretlemeniz gereken bir menü getirecektir.

Şimdi düzenlemek istediğiniz menü öğesine tıklayın. İki yeni seçenek göreceksiniz: Bağlantı İlişkisi ve Bağlantıyı yeni bir pencerede/sekmede aç.

Adding nofollow to a menu item

Bağlantı ilişkisi seçeneğine nofollow girmeniz gerekiyor. İsterseniz open link in new window/tab seçeneğini de işaretleyebilirsiniz.

Değişikliklerinizi kaydetmek için menüyü kaydet düğmesine tıklayın. Artık WordPress navigasyon menünüzdeki bu özel bağlantıya rel=”nofollow” özelliği eklenecektir.

Daha ayrıntılı talimatlar için WordPress gezinti menülerine nofollow bağlantıların nasıl ekleneceğine ilişkin eğitimimize bakın.

Umarız bu makale WordPress navigasyon menülerinde ustalaşmak için en iyi eğitimleri bulmanıza yardımcı olmuştur. İşletme web siteleri için mutlaka sahip olunması gereken 24 WordPress eklentisi listemizi de görmek isteyebilirsiniz.

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

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

1 YorumBir Cevap Bırakın

  1. ERFmama

    Thank you so much for a fantastic overview! I’ve learned a few new things! :D :D

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.