WordPress Gezinme Menülerini Ustalaşmak İçin En İyi 15 Eğitim

WordPress gezinme menüleriyle çalışmak için en iyi öğreticileri mi arıyorsunuz? WordPress gezinme menüleri, web sitenizdeki menüleri kolayca özelleştirmenize ve yönetmenize olanak tanır. Bu makalede, WordPress gezinme menülerinde ustalaşmak için en iyi öğreticileri göstereceğiz.

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

1. WordPress Gezinme Menülerine Başlangıç
2. WordPress Menülerine Sosyal Medya Simgeleri Ekleme
3. WordPress'te Giriş Yapmış Kullanıcılara Farklı Menüler Göster
4. Gezinme Menülerine Koşullu Mantık Ekleme
5. WordPress Gezinme Menülerini Stilize Etme
6. WordPress Gezinme Menüleriyle Resim Simgeleri Ekleme
7. WordPress'e Özel Gezinme Menüleri Ekleme
8. WordPress Temalarına Kaydırmalı Panel Menüsü Ekleme
9. Mobil Uyumlu Duyarlı Bir WordPress Menüsü Oluşturma
10. WordPress'te Tam Ekran Duyarlı Menü Ekleme
11. WordPress'te Gezinme Menülerine Açıklama Ekleme
12. WordPress Gezinme Menülerine Konu Ekleme
13. WordPress Kenar Çubuğuna Gezinme Menüleri Nasıl Eklenir
14. WordPress Gezinme Menüsünü Gönderilerde ve Sayfalarda Ekleme
15. WordPress Gezinme Menülerine NoFollow Bağlantıları Ekleme

1. WordPress Gezinme Menülerine Başlangıç

Web tasarımında gezinme menüsü, web sitenizin ziyaretçilerinin sitenizdeki farklı sayfalara ve bölümlere gitmesini sağlayan bir bağlantı listesidir. Kullanıcıların web sitenizde gezinmesine yardımcı olur, bu yüzden adı gezinme menüsüdür.

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.

Burada, sol sütundaki öğeleri sağa ekleyerek menüler oluşturabilirsiniz. Menülerinize herhangi bir WordPress gönderisi, sayfası, kategorisi ve özel bağlantı ekleyebilirsiniz.

Ayrıntılı talimatlar için, WordPress'e gezinme menüsü ekleme konusundaki başlangıç rehberimize 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, WordPress eklentisi nasıl kurulur hakkındaki adım adım kılavuzumuza bakın.

Etkinleştirildikten sonra, Görünüm » Menüler sayfasına gidin. Yeni bir sosyal menü oluşturun ve ardından sol sütundaki özel bağlantılar sekmesinde.

Sosyal medya simgelerini bağlantı metni ve URL alanlarının altında 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 simgeleri ekleme kılavuzumuza bakın.

3. WordPress'te Giriş Yapmış Kullanıcılara Farklı Menüler Gösterin

Eğer bir WordPress üyelik sitesi çalıştırıyorsanız, oturum açmış kullanıcılara farklı menüler göstermek isteyebilirsiniz. İşte bunu kolayca nasıl başarabileceğiniz.

İlk olarak iki farklı menü oluşturmanız gerekir. Biri oturum açmış kullanıcılarınız için, diğeri ise oturum açmamış kullanıcılar için. Bu menülere 'oturum-açmış' ve 'oturum-açmamış' adını verebilirsiniz.

Son olarak, 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 gezinme menülerinizi çalışırken test edebilirsiniz.

Daha ayrıntılı talimatlar için, WordPress'te giriş yapmış kullanıcılara farklı menülerin nasıl gösterileceği hakkındaki eğitimimize bakın.

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

Belirli koşullara göre menüleri değiştirmek mi istiyorsunuz? Ana sayfada farklı bir menü gibi veya tekil gönderilerde bir öğeyi gizlemek gibi. WordPress'te bunu nasıl başarabileceğiniz aşağıda açıklanmıştır.

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

Etkinleştirdikten sonra, 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 fark edeceksiniz.

Bu seçeneği işaretlemek, size iki açılır menü seçeneği gösterecektir. Belirli koşullara uyduğunda bir menü için gösterme veya gizleme seçeneğini belirleyebilirsiniz. Örneğin, bir kullanıcı yöneticiyse menü öğesini gizleyin veya bir kullanıcı yalnızca tek bir gönderiyi görüntülediğinde menü öğesini 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 Biçimlendirme

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

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

Navigasyon menülerinizi CSS yazarak da stilize edebilirsiniz. Ayrıntılı talimatlar için, WordPress navigasyon menülerinin nasıl stilize edileceğine dair rehberimize bakın: WordPress navigasyon menülerinin nasıl stilize edileceği.

6. WordPress'te Gezinme Menüleriyle Resim Simgeleri Ekleme

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

İlk olarak, Menu Image eklentisini yükleyip etkinleştirmeniz gerekir. Etkinleştirdikten sonra, Görünüm » Menüler'e gidin. Mevcut menünüzdeki her öğe için resim ekleme seçeneğini orada göreceksiniz.

Resim simgeleri eklemek için CSS'i de kullanabilirsiniz. Ayrıntılı talimatlar için, WordPress'te navigasyon menüleriyle resim simgelerinin nasıl ekleneceğine dair kılavuzumuza bakın.

7. WordPress'te Özel Gezinme Menüleri Ekleme

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

Öncelikle, bu kodu temanızın functions.php dosyasına ekleyerek yeni gezinme 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.

Özel menünüzü görüntülemek için, menüyü görüntülemek istediğiniz yere bu kodu temanıza 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ında özel gezinme menülerinin nasıl ekleneceği hakkındaki makalemize bakın.

9. WordPress Temalarında Kaydırmalı Panel Menüsü Ekleme

Sitenizin gezinme menüsünün kayan bir panelde görünmesini mi istiyorsunuz? Kaydırılan 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 bir anlayışa sahip olmanız gerekecektir.

Adım adım talimatlar için, WordPress temalarında kaydırmalı panel menüsü ekleme kılavuzumuza bakın.

9. Mobil Uyumlu Duyarlı WordPress Menüsü Oluşturma

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

Neyse ki, kod yazmadan mobil uyumlu duyarlı menüler eklemenin bazı kolay yolları var.

Öncelikle, Responsive Menu eklentisini kurmanız ve etkinleştirmeniz gerekir.

Etkinleştirdikten sonra, eklenti ayarlarını yapılandırmak için WordPress yönetici çubuğundaki 'Responsive Menu'ye tıklamanız gerekir.

Mobil duyarlı menünün görünür olacağı bir genişlik seçmeniz yeterlidir. Ardından mevcut bir gezinme menüsü seçmeniz gerekir.

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

Mobil uyumlu bir menü eklemenin birçok başka yolu da vardır. Bir geçiş efektiyle görünen bir menü, kayan bir menü ve duyarlı bir açılır menü gibi. Mobil uyumlu, duyarlı bir WordPress menüsü oluşturma kılavuzumuzda bunların hepsi hakkında daha fazla bilgi edinin.

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

Bazı popüler web sitelerinin tam ekran gezinme menüsü kullandığını fark ettiniz mi? Genellikle bazı yaratıcı JavaScript ve CSS kullanımlarını gerektirir. Neyse ki, WordPress'te kod yazmadan bunu yapabilirsiniz.

Öncelikle, DC – Full Screen Responsive Menu eklentisini yükleyip etkinleştirmeniz gerekir. Etkinleştirdikten sonra, eklenti ayarlarını yapılandırmak için Görünüm » DC Fullscreen Menu sayfasını ziyaret etmeniz gerekir.

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

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

Bu konu hakkında daha fazla bilgi için, WordPress'e tam ekran duyarlı menü ekleme konusundaki rehberimize bakın.

11. WordPress'te Gezinme Menülerine Açıklama Ekleme

WordPress gezinme menüleri genellikle yalnızca bağlantı etiketini veya bağlantı metnini gösteren metin bağlantılarıdır. Her bir gezinme menüsü öğesine küçük bir açıklama veya slogan eklemek isteseydiniz ne olurdu?

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

Öncelikle açıklamalar öğesini etkinleştirmeniz gerekecek. Ekranın sağ üst köşesindeki Ekran Seçenekleri düğmesine tıklayın.

Bu, etkinleştirebileceğiniz bir dizi kutu ve seçenek gösterecektir. Açıklama'nın yanındaki kutuyu işaretlemeniz gerekir.

Ş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.

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ızda menü açıklamaları ekleme rehberimize bakın.

12. WordPress Gezinme Menülerine Konu Ekleme

Bize sıkça WordPress'te blog konularını navigasyon menülerine nasıl ekleyeceğimiz soruluyor. Birçok yeni başlayan, bunları menülere eklemek için her konu için sayfa oluşturmaları gerektiğini varsayar.

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

Makalelerinizi ilgili kategorilere ekleyin ve ardından Görünüm » Menüler sayfasına gidin. Genişletmek için kategoriler sekmesine tıklayın ve ardından gezinme menülerinizde görüntülemek istediğiniz kategorileri seçin.

Daha fazla ayrıntı için, WordPress gezinme 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 gezinme menüleri bulunur. Ancak, menüleri WordPress kenar çubuğunuza da oluşturup ekleyebilirsiniz.

Yalnızca 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'ların nasıl ekleneceği ve kullanılacağı hakkındaki kılavuzumuza bakın.

Widget'ı bir kenar çubuğuna ekledikten sonra açılır seçenekten bir menü seçebilirsiniz. Ayarlarınızı kaydetmeyi unutmayın, kaydet düğmesine tıklayın.

14. Yazılara ve Sayfalara WordPress Gezinme Menüsü Ekleme

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

İlk olarak, Menu Shortcode eklentisini yükleyip etkinleştirmeniz gerekir. Etkinleştirdikten sonra, menünüzü görüntülemek istediğiniz gönderiyi veya sayfayı düzenleyin ve şu kısa kodu ekleyin:

[listmenu menu="Menü Adınız"]

Kendi gezinme menünüzün adıyla 'Menü Adınız' kısmını 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, WordPress gezinme menüsünü gönderilere veya sayfalara nasıl ekleyeceğiniz konusundaki kılavuzumuza bakın.

15. WordPress Navigasyon Menülerine NoFollow Bağlantıları Ekleme

Genellikle, sitenizin gezinme menüsü kendi yazıları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" özniteliği eklenmesini önerir. WordPress gezinme menülerindeki bağlantılara nofollow özniteliğini nasıl ekleyeceğiniz aşağıda açıklanmıştır.

İlk olarak, Görünüm » Menüler sayfasına gitmeniz ve ardından ekranın sağ üst köşesindeki Ekran Seçenekleri düğmesine tıklamanız gerekir.

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

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

Bağlantı ilişkisi seçeneğine nofollow girmeniz gerekir. Bağlantıyı yeni pencerede/sekmede aç seçeneğini de isterseniz işaretleyebilirsiniz.

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

Daha ayrıntılı talimatlar için, WordPress gezinme menülerine nofollow bağlantıları nasıl ekleyeceğiniz konusundaki öğreticimize bakın.

Bu makalenin WordPress gezinme menülerinde ustalaşmak için en iyi eğitimleri bulmanıza yardımcı olduğunu umuyoruz. Ayrıca işletme web siteleri için olmazsa olmaz 24 WordPress eklentisi listemize de bakmak isteyebilirsiniz.

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