WordPress Navigasyon Menüleri Nasıl Şekillendirilir (Güncellendi)

WordPress web sitenizin navigasyon menüsünü şekillendirmek mi istiyorsunuz?

İyi tasarlanmış bir menü büyük bir fark yaratabilir. Sitenizin genel görünümünü iyileştirebilir, ziyaretçilerin aradıklarını bulmalarını kolaylaştırabilir ve hatta onları belirli sayfalara tıklamaya teşvik edebilir.

WPBeginner’da, menüleri şekillendirmenin her türlü yaratıcı yolunu gördük, bu nedenle farklı durumlar için en iyi olanı paylaşmak istiyoruz.

Bu makalede, WordPress navigasyon menünüzü 5 farklı şekilde nasıl şekillendireceğinizi göstereceğiz.

WordPress Navigasyon Menünüzü Neden Şekillendirmelisiniz?

WordPress navigasyon menünüz web sitenizin yol haritasıdır ve ziyaretçileri en önemli sayfalara yönlendirir. Çoğu web sitesinin en üstünde görünür, bu da onu dikkat çekmek ve kullanıcıların içeriğinizi nasıl keşfettiğini etkilemek için en önemli nokta haline getirir.

Navigasyon menünüzü şekillendirmek, sadece güzel görünmesini sağlamanın ötesine geçer. Web sitenizin kullanıcı deneyimini önemli ölçüde iyileştirebilir ve karşılığında arama motoru optimizasyonunuzu (SEO) artırabilir.

Navigasyon menünüzün okunması zorsa ziyaretçiler aradıklarını bulmakta zorlanabilir ve hayal kırıklığına uğramış hissederek siteden ayrılabilirler. Öte yandan, net ve görsel olarak çekici bir menü, ziyaretçileri farklı bölümlere tıklamaya ve sitenizde daha fazla zaman geçirmeye teşvik edebilir.

Sonuç olarak, sitenizin sayfa görüntülemelerini artırabilir ve hemen çıkma oranını düşürebilirsiniz.

Bu kılavuz, WordPress temanıza ve rahatlık seviyenize bağlı olarak gezinme menünüzü şekillendirmek için farklı yöntemleri inceleyecektir. Bu eğitimde gezinmek ve sizin için en uygun yöntemi bulmak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: Gezinti Menünüzü Tam Site Düzenleyicisi ile Özelleştirin (Blok Temalar)

Bir blok tema kullanıyorsanız ve Tam Site Düzenleyicisini kullanarak sitenizin gezinme menüsünü şekillendirmek istiyorsanız, bu yöntem tam size göre.

İlk olarak, WordPress panonuza gidin ve Görünüm ” Düzenleyici bölümüne gidin.

Burada, blok temanızın farklı bölümlerini özelleştirmek için seçenekler göreceksiniz.

Devam edin ve ‘Navigasyon’a tıklayın.

Bir sonraki sayfada, kalem şeklindeki ‘Düzenle’ simgesine tıklayın.

Bu, blok düzenleyiciyi açacaktır.

Blok editörüne girdikten sonra, WordPress web sitenizin sayfalarını menü seçenekleri olarak görüntüleyen ‘Sayfa Listesi’ bloğuna tıklayın.

Ardından, ‘Düzenle’ye tıklayın.

Şimdi Sayfa Listesi bloğunu düzenleyebileceğinizi söyleyen bir açılır pencere görünecektir. Bloğu düzenleyebilir, kaldırabilir, yeniden sıralayabilir ve bloğa yeni menü öğeleri ekleyebilirsiniz.

Devam etmek için ‘Düzenle’ye tıklayın.

Gezinti menüsü için blok düzenleyici, bir sayfayı veya yazıyı düzenlediğinizde olduğu gibi çalışır. Özel bağlantılar, harekete geçirici mesaj düğmesi, arama formu, site logosu ve çok daha fazlası gibi diğer menü öğelerini eklemekten çekinmeyin.

Tam Site Düzenleyici ile menüleri yönetme konusunda daha derinlemesine bilgi edinmek isterseniz, Tam Site Düzenleme kılavuzumuzdaki gezinti men ünüzü düzenleme bölümüne göz atın. Bu bölümde alt menüler oluşturmaktan da bahsedilmektedir.

Şimdi şekillendirmeye geçelim. Başlamak için herhangi bir bloğa tıklayın.

Bloğa bağlı olarak, araç çubuğu bazı özelleştirme seçenekleri sunabilir. Örneğin, bir Sayfa Bağlantısı seçerseniz, kalınlaştırabilir, italik hale getirebilir, üzerini çizebilir ve gerekirse yeniden sıralayabilirsiniz.

Bu araçları belirli menü öğelerini diğerlerinden ayırmak için kullanabilirsiniz.

Sağdaki ayarlar panelinde ‘Blok’ sekmesine geçin ve bunun altında ‘Stiller’ sekmesine gidin.

Burada bloğunuzun rengini, tipografisini, boyutlarını, kenarlıklarını ve gölgelerini özelleştirebilirsiniz.

Bloklar varsayılan Stil ayarlarına sahip olma eğilimindedir. Örneğin, bir Sayfa Bağlantısını düzenliyorsanız, yalnızca ‘Yazı Tipi Boyutu’ ve ‘Genişlik’ gibi seçenekleri görebilirsiniz.

Ama endişelenmeyin. Yazı tipi ailesini ve harf aralığını değiştirmek gibi daha fazla özelleştirme olanağını etkinleştirmek için bu seçeneklerin yanındaki üç noktalı menüye tıklamanız yeterlidir.

Benzer şekilde, navigasyon menünüzde bir Düğme bloğunuz varsa, üzerine tıkladığınızda stilini, metnini, arka plan rengini, tipografisini, boyutlarını, kenarlığını ve hatta gölgesini özelleştirmek için seçenekler ortaya çıkacaktır.

Daha fazla bilgi için harekete geçirici mesaj düğmesinin nasıl ekleneceğine ilişkin kılavuzumuzu okuyabilirsiniz.

Gezinti menünüzün arka plan rengini değiştirmek istiyorsanız, bunu temanızın başlık şablonunu düzenleyerek yapmanız gerekecektir.

Açmak için, en üstteki ‘Navigasyon’ yazan komut arama alanına tıklamanız yeterlidir. Ardından, ‘Header’ yazın ve Enter tuşuna basın.

Şimdi Liste Görünümünü açın ve Grup öğesini seçin.

Bu grup, başlığınızın site başlığı ve gezinme menüsünden oluşur.

Ardından, Blok ayarları kenar çubuğundaki ‘Stiller’ sekmesini açın ve Renk bölümündeki ‘Arka Plan’a tıklayın.

Bundan sonra, başlık şablonunuz için bir arka plan rengi seçin.

Navigasyon menünüzün stilinden memnun olduğunuzda, ‘Kaydet’ düğmesine tıklamanız yeterlidir; yeni menünüz ve başlığınız WordPress blogunuzda veya sitenizde yayınlanacaktır.

Demo sitemizde gezinme menümüz şöyle görünüyor:

Sahip olacağınız stil seçeneklerinin, belirli temanızın genel stil seçeneklerine bağlı olduğunu unutmayın.

Temanızın genel stillerini özelleştirmek istiyorsanız, sağ üst köşedeki ‘Stiller’ düğmesine tıklamanız gerekir.

Buradan, tüm web sitesi için tipografiyi, renkleri ve düzeni değiştirebilirsiniz.

Daha fazla bilgi için Tam Site Düzenleme kılavuzunda web sitenizin genel stillerini değiştirme bölümüne göz atın.

Yöntem 2: Gezinti Menünüzü Tema Özelleştirici ile Özelleştirin (Klasik Temalar)

Bu yöntem, yerleşik Tema Özelleştirici’yi kullanarak gezinme menüsünü şekillendirmek isteyen klasik WordPress temalarına sahip kullanıcılar içindir.

Önceki yöntemde olduğu gibi, menü öğelerinin kendilerini yönetmek yerine menünün görünümünü şekillendirmeye odaklanacağız.

Klasik temalarda menüleri nasıl oluşturacağınızı ve yöneteceğinizi öğrenmek istiyorsanız WordPress’te navigasyon menüsü ekleme kılavuzumuza göz atın. Özelleştirici ile menü oluşturma, menüleri farklı menü konumlarına atama ve menüleri widget olarak ekleme konularını kapsıyor.

Tema Özelleştiriciyi kullanmak için WordPress kontrol panelinize gidin ve Görünüm ” Özelleştir bölümüne gidin.

Burada, kullandığınız temaya bağlı olarak temanızın çeşitli yönlerini özelleştirmek için seçenekler göreceksiniz. Çoğu durumda, WordPress temalarında bir ‘Menüler’ seçeneği bulunur, ancak üçüncü taraf geliştiriciler başka ayarlar da ekleyebilir.

Örneğin, Astra teması menü özelleştirmesi için özel bir Başlık Oluşturucu’ya sahiptir. Özel menü ayarları ekleyip eklemediklerini görmek için temanızın belgelerine başvurduğunuzdan emin olun.

Temanızda bu tür özelleştirme seçenekleri yoksa endişelenmeyin. Özel CSS kullanarak menüyü kolayca şekillendirebiliriz.

İlk olarak, ‘Menüler’ bölümüne tıklayın.

Sonraki sayfada, ‘Ayarlar’ dişlisine tıklayın ve ardından ‘CSS Sınıfları’nı seçin.

Bu, her menü öğesine benzersiz bir CSS sınıfı atamanıza ve daha sonra bunları ayrı ayrı şekillendirmenize olanak tanır.

Ardından, paneli aşağı kaydırın.

Ardından, birincil menünüzü açın.

Şimdi yapmak istediğiniz şey, değiştirmek istediğiniz menü öğesini bulmak ve genişletmek için tıklamaktır.

Özel bir CSS sınıfı eklemek için yeni bir seçenek göreceksiniz. Aşağıdaki örnekte, Bize Ulaşın sayfamıza sadece contact-us CSS sınıfını ekliyoruz.

Menü öğelerinize CSS sınıfları atadıktan sonra, Tema Özelleştirici’deki ana menüye geri dönün.

Ardından, ‘Ek CSS’ye tıklayın.

Burada, navigasyon menünüzü şekillendirmek için özel CSS kodu ekleyebilirsiniz.

Bazı örnekleri inceleyelim ve CSS sınıflarını ve hex renk kodunu değiştirmekten çekinmeyin:

Menü Öğesinin Arka Plan Rengini Değiştirme

Aşağıdaki kod parçacığı, CSS sınıfı contact-us olan menü öğesinin arka plan rengini yeşil (#E3FFA8) olarak değiştirir ve yuvarlatılmış köşeler (border-radius: 5px) ekler:

.contact-us {
  background-color: #E3FFA8;
  border-radius: 5px;
}

Varsayılan Menü Bağlantı Rengini Değiştirme

Bu kod parçacığı, birincil menü listesi(#primary-menu-li a) içindeki tüm menü bağlantılarının rengini kırmızı (#ff0000) olarak değiştirir:

.primary-menu li a {
    color: #ff0000; 
}

Temanızın birincil menüsü için CSS sınıfının bizimkinden farklı görünebileceğini unutmayın.

Temanızın CSS sınıfı birincil menüsünün ne olduğunu görmek için gezinti menüsü alanınızın etrafındaki denetleme aracını kullanabilirsiniz.

Ardından, ‘menu’ veya ‘navigation-menu’ yazan bir HTML kodu arayın. Yanında bunu tanımlayan bir CSS sınıfı olmalıdır.

Menü Öğelerine Hover Efektleri Ekleme

Bu kod parçacığı, birincil menü listesindeki(#primary-menu li) tüm menü öğelerini hedefler ve üzerine gelme efekti ekler:

.primary-menu li a:hover {
  background-color: #a6e4a5;
	color: #666;
	border-radius: 5px;
	}

Kullanıcı menü öğesinin üzerine geldiğinde arka plan rengi açık yeşile (#a6e4a5), metin rengi koyu griye (#666) dönüşür ve yuvarlatılmış köşeler eklenir (border-radius: 5px).

WordPress’te Şeffaf Navigasyon Menüleri Oluşturun

Bu CSS kod parçacığı navigasyon menünüzü şeffaf hale getirebilir:

#site-navigation { 
background-color:transparent; 
}

Bu efekti kullanmak, web sitenize temiz ve modern bir his vermek için arka plan görüntüsüyle harmanlayacaktır.

Daha fazla ilham almak için bu faydalı eğitimlere göz atabilirsiniz:

• WordPress Menü Öğelerine İlk ve Son CSS Sınıfı Nasıl Eklenir?
• WordPress’te Bir Menü Öğesi Nasıl Vurgulanır?

Unutmayın, bunlar başlamanız için sadece birkaç örnektir. Aynı yöntemleri kullanmak istiyor ancak Ek CSS bölümünü bulamıyorsanız, eksik tema özelleştirici sorununu nasıl çözeceğinize ilişkin kılavuzumuza göz atın.

Yöntem 3: Navigasyon Menünüzü Sayfa Oluşturucu Eklentisi ile Özelleştirin (Önerilen)

Bu yöntem, navigasyon menüsünün görünümü üzerinde daha fazla kontrol sahibi olmak isteyen ancak yine de yeni başlayanlara uygun bir deneyimi tercih edenler için mükemmeldir. Ayrıca web sitenizi oluşturmanın ilk aşamalarındaysanız ve henüz kullanıma açmadıysanız da harika bir seçenektir.

Bir sayfa oluşturucu eklentisi, herhangi bir kod yazmanıza gerek kalmadan sürükle ve bırak işlevini kullanarak web sitenizin düzenini görsel olarak tasarlamanıza olanak tanır. Bu sayede yeni başlayanlar için idealdir.

Bu bölümde, sayfa oluşturucu eklentimiz olarak SeedProd ‘u kullanacağız. SeedProd kullanıcı dostu bir arayüz sunuyor ve navigasyon menünüzü öne çıkarmak için ekstra bloklar ve özellikler içeriyor.

Adım 1: SeedProd’u Kurun ve Etkinleştirin

İlk olarak, WordPress web sitenize SeedProd eklentisini kurun ve etkinleştirin. Daha fazla bilgi için WordPress eklentisi yükleme kılavuzumuzu okuyabilirsiniz.

Etkinleştirildikten sonra, WordPress panonuzdan SeedProd ” Ayarlar bölümüne gidin. Ardından, SeedProd lisans anahtarınızı girin ve ‘Anahtarı doğrula’ düğmesine tıklayın.

Adım 2: Bir SeedProd Tema Şablonu Kiti Seçin

Şimdi, SeedProd ” Tema Oluşturucu ‘ya gidin. Burada sıfırdan özel bir WordPress teması oluşturabilirsiniz.

Önceden tasarlanmış şablonlardan oluşan bir galeriye göz atmak için ‘Tema Şablon Kitleri‘ düğmesine tıklayın.

Bu eğitim için Smile Craft Medikal Web Sitesi Temasını kullanacağız. Ancak, işinize uygun herhangi bir şablon seçmekten çekinmeyin.

Hangisinin web sitenizin tarzına uyduğunu görmek için büyüteç simgesine tıklayarak bu tema şablonu kitlerini önizleyebilirsiniz.

Beğendiğiniz bir tema şablonu bulduğunuzda, şablon parçalarını içe aktarmak için turuncu onay işareti simgesine tıklayın.

SeedProd şimdi üstbilgi, altbilgi, ana sayfa ve benzeri gibi temel web sitesi bölümlerini oluşturacaktır. Bunların hepsi sürükle-bırak oluşturucu kullanılarak görsel olarak düzenlenebilir.

Adım 3: Gezinti Menüsünü Özelleştirin

Tema şablonu yüklendikten sonra Tema Oluşturucu sayfasına geri döneceksiniz.

SeedProd tema şablonunda, gezinme menüsü başlık şablonu kısmında yer alır.

Başlık şablonunuzu düzenlemek için farenizi şablonun üzerine getirin ve ‘Tasarımı Düzenle’ bağlantısını tıklayın. Bu, şablonu sürükle ve bırak düzenleyicisinde açacaktır.

Şimdi Nav Menu bloğundan (navigasyon menünüzdür) ve temaya bağlı olarak diğer bloklardan oluşan bir başlık bölümü göreceksiniz.

Menüyü düzenlemek için Nav Menu bloğuna tıklayın. Sol kenar çubuğu size blok ayarlarının bir listesini gösterecektir.

SeedProd varsayılan olarak, kullandığınız tema şablonuna dayalı bir menü oluşturmak için ‘Basit’ menüyü kullanır. Bununla birlikte, standart WordPress menü düzenleyicisini(Görünüm ” Menüler) kullanarak önceden oluşturduğunuz bir menüyü kullanmak için ‘WordPressMenüsü‘ seçeneğini de kullanabilirsiniz.

Şimdi ikisi arasındaki farkı inceleyelim. Basit yöntem, bağlantıları doğrudan sayfa oluşturucu arayüzünde eklemenize, düzenlemenize ve kaldırmanıza olanak tanır.

Yeni bir menü öğesi oluşturmak için ‘+ Yeni Öğe Ekle’ düğmesine tıklayın.

Burada, metin etiketini ve bağlantı URL’sini girebilirsiniz.

Ardından, bağlantıyı yeni bir pencerede açmayı seçin ve bir nofollow özelliği ekleyin (gerekirse). Bunun gibi:

Ayrıca bir öğenin yanındaki üç çizgi düğmesine tıklayıp yukarı veya aşağı sürükleyerek menü öğelerini yeniden düzenleyebilirsiniz.

Bir menü öğesini silmek için üzerine gelmeniz ve yanındaki çöp simgesine tıklamanız yeterlidir.

Bu seçeneğin dezavantajı, açılır menüler oluşturamamanızdır. Bu yüzden ‘Basit’ olarak adlandırılır.

Öte yandan, ‘WordPress Menüsü’ seçeneği menü öğelerini doğrudan SeedProd editöründen yönetmenize izin vermez. Bunu menü editöründe yapmanız gerekir.

İyi haber şu ki, önceden var olan menünüz bir açılır menüyse, bu yöntemi kullanarak görüntüleyebilirsiniz.

Hangi yöntemi seçerseniz seçin, yazı tipi boyutunu ve menü öğeleri arasındaki boşluğu özelleştirebilir, bir metin bölücü ekleyebilir veya hizalamayı ayarlayabilirsiniz.

‘Gelişmiş’ sekmesi daha da fazla özelleştirme seçeneği sunar.

Liste düzenini yataydan dikeye değiştirebilir, tipografiyi ayarlayabilir, metin ve fareyle üzerine gelme renklerini değiştirebilir ve hatta metin gölgeleri ekleyebilirsiniz.

Aşağı kaydırırsanız masaüstü, tablet ve mobil cihazlar için dolgu ve kenar boşluklarını kontrol edebilirsiniz.

Bu şekilde, menünüz her ekran boyutunda kolayca gezilebilir.

Menünüzü öne çıkarmak mı istiyorsunuz?

SeedProd, daha ilgi çekici bir kullanıcı deneyimi için animasyonlar eklemenize olanak tanır. Daha fazla bilgi için WordPress’te CSS animasyonlarının nasıl ekleneceğine dair adım adım kılavuzumuzu okuyabilirsiniz.

Gezinme çubuğunuza yeni bir harekete geçirici mesaj düğmesi eklemek istiyorsanız SeedProd’un Button bloğunu kullanabilirsiniz.

Sol taraftaki kenar çubuğunda blok bulucuyu açın ve sol taraftaki kenar çubuğunda Düğme bloğunu bulun.

Ardından, bloğu başlığınızın herhangi bir yerine sürükleyin.

Bunu yaptıktan sonra, düğmenin eylem çağrısını, bağlantısını, stilini ve diğer ayarlarını özelleştirmeniz yeterlidir.

Ayrıca, kullanıcı aşağı kaydırdıkça sayfanın en üstünde kalan yapışkan bir menü de oluşturabilirsiniz. Bu şekilde, farklı bir sayfaya gitmek istediklerinde her seferinde yukarı çıkmak zorunda kalmayacaklar.

Bunu yapmak için, mor bir çizgi görünene kadar bölümün üzerine gelin ve ardından dişli ‘Ayarlar’ simgesine tıklayın.

Şimdi, ‘Gelişmiş’ sekmesine geçin.

Ardından, ‘Konum’ menüsüne ilerleyin.

Burada, ‘Yapışkan’ı seçin.

Bundan sonra, üst ofsete bir sıfır ve yüksek bir z-indeks numarası (999 gibi) ekleyin. Bu, başlığın her zaman sayfanın hemen üstünde görünmesini sağlamak içindir.

Özelleştirilmiş navigasyon menünüzden memnun olduğunuzda ‘Kaydet’ düğmesine tıklayın.

Adım 4: Özel WordPress Temanızı Yayınlayın

Bu aşamada, yeni özel WordPress temanızı kullanmaya hazırsınız. Etkinleştirmek için ‘Tema Oluşturucu’ sayfasına geri dönün ve ‘SeedProd Temasını Etkinleştir’ düğmesini açın.

Şimdi tek yapmanız gereken web sitenizi görüntülemek ve yeni özel navigasyon menünüzü kontrol etmek.

Demo sitemizde gezinme menümüz şöyle görünüyor:

Yöntem 4: Navigasyon Menünüzü Görsel CSS Düzenleyicisi ile Özelleştirin (Daha Özelleştirilebilir)

Bu yöntem, yerleşik WordPress özelliklerinden daha fazla özelleştirme seçeneği sunar, ancak bir sayfa oluşturucu eklentisi kullanmak kadar esnek değildir. Bununla birlikte, temanızı tamamen değiştirmeden navigasyon menünüzde bazı tasarım değişiklikleri yapmak istiyorsanız harika bir çözümdür.

Bu yöntem, stil seçeneklerinden yoksun klasik temalar kullanan ancak Yöntem 2’deki CSS düzenlemeleri konusunda rahat olmayanlar için de iyi bir alternatiftir.

Burada, CSS Hero adlı premium WordPress görsel CSS düzenleyici eklentisini kullanırken size rehberlik edeceğiz. Herhangi bir kod yazmadan web sitenizi görsel olarak tasarlamanızı sağlar. HTML veya CSS bilgisi gerekmez.

İlk olarak, devam edin ve WordPress’e CSS Hero eklentisini yükleyin. Daha fazla bilgi için WordPress eklentisi yükleme kılavuzumuzu okuyabilirsiniz.

CSS Hero eklentisini etkinleştirdikten sonra, WordPress yönetici araç çubuğunuzda‘CSS Hero’ adlı yeni bir düğme göreceksiniz. Görsel düzenleyiciyi başlatmak için bu düğmeye tıklayın.

CSS Hero bir WYSIWYG arayüzü kullanır. Düğmeye tıkladığınızda web siteniz ekranınızın sol tarafındaki CSS Hero bölmesiyle birlikte açılır.

Gezinti menünüzü düzenlemek için farenizi üzerine getirebilirsiniz. CSS Hero daha sonra bunu bir kenarlıkla vurgulayacaktır. Menüyü özelleştirmeye başlamak için vurgulanan alana tıklayın.

CSS Hero, arka plan, tipografi, kenarlıklar, aralıklar, listeler ve hatta ekstra efektler dahil olmak üzere navigasyon menüsü kapsayıcınızın çeşitli yönlerini düzenlemenizi sağlar.

Örneğin, arka plan rengini değiştirmek istediğinizi varsayalım. ‘Arka Plan’a tıkladığınızda yeni bir renk, gradyan veya görüntü seçebileceğiniz kullanıcı dostu bir arayüz açılacaktır.

Siz değişiklik yaptıkça, bunların sağdaki web sitesi önizlemesinde canlı olarak yansıtıldığını göreceksiniz.

Ya da menü öğelerinizi daha dikkat çekici hale getirmek için onlara bir kutu gölgesi ekleyebilirsiniz.

Bunu yapmak için ‘Ekstra’ sekmesine gidin.

Ardından, ‘Gölge Yap’a tıklayın.

Burada, gölge ayarlarını düzenleyebileceksiniz.

Artık gölgenin nasıl görüneceğiyle oynayabilirsiniz.

Gölgenin yönünü, bulanıklık ve yayılma kalitesini ve konumunu sürüklemekten çekinmeyin.

CSS Hero’nun arayüzü ile istediğiniz her şeyi değiştirebilirsiniz, böylece siteniz için en uygun olanı bulmak için denemeler yapabilirsiniz.

Özelleştirilmiş menünüzden memnun olduğunuzda, değişikliklerinizi kaydetmek için ‘Kaydet’ düğmesine tıklayın.

CSS Hero ile yapabilecekleriniz hakkında daha fazla bilgi edinmek için bu kılavuzları okuyabilirsiniz:

• WordPress Logo Boyutunuzu Değiştirme (Tüm Temalarla Çalışır)
• WordPress’te Görüntü Üzerine Gelme Efektleri Nasıl Eklenir (Adım Adım)

Yöntem 5: Navigasyon Menünüzü Kodla Özelleştirin (Gelişmiş)

Bu yöntem kod konusunda rahat olan kullanıcılar için daha uygundur. Ayrıca temanız varsayılan olarak bir menü içermiyorsa özel bir menü oluşturmanıza da olanak tanır.

Özel kod parçacıkları eklemek, functions.php ve header.php gibi tema dosyalarını düzenlemeyi içerdiğinden ilk başta göz korkutucu görünebilir. Ancak, bunu kolaylaştırmanın yolları vardır.

WPCode adlı bir eklenti kullanmanızı öneririz. Çekirdek dosyaları değiştirmeden WordPress sitenize özel kod eklemek için güvenli ve kullanıcı dostu bir yol sağlar.

WordPress temalarına özel navigasyon menüsü ekleme hakkındaki rehberimiz, WPCode ile menü oluşturma adımlarında size yol gösterebilir.

Menüyü oluşturduktan sonra bu eğitimleri inceleyebilirsiniz.

• WordPress’te Gezinti Menülerine Resim Simgeleri Ekleme
• WordPress Başlık Menünüze Düğme Ekleme
• WordPress’te Yapışkan Kayan Gezinme Menüsü Nasıl Oluşturulur

Her biri, WPCode kullanarak menüyü özelleştirmek için bir yöntem içerir.

WordPress Navigasyon Menüsünü Özelleştirmek için Nihai Kılavuzlar

Artık WordPress navigasyon menünüzü şekillendirmenin temellerini keşfettiğinize göre, menünüzü bir sonraki seviyeye taşımak için okuyabileceğiniz birkaç kılavuz daha var:

• WordPress Sitenize Mega Menü Nasıl Eklenir. Mega menüler, alt kategoriler eklemenize olanak tanıyarak kapsamlı web sitesi içeriğini düzenlemek için kullanıcı dostu bir yol sağlar.
• Mobil Cihazlara Uygun Duyarlı WordPress Menüsü Nasıl Oluşturulur. Bu kılavuz, farklı ekran boyutlarına uyum sağlayan duyarlı bir menünün nasıl oluşturulacağı konusunda size yol gösterir.
• WordPress’te Tam Ekran Duyarlı Menü Nasıl Eklenir. Bu eğitim size, etkinleştirildiğinde tüm ekran boyunca genişleyen ve cesur bir gezinme deneyimi sunan tam ekran bir menüyü nasıl uygulayacağınızı öğretecek.
• WordPress Temalarında Slayt Panel Menüsü Nasıl Eklenir. Kayar panel menüleri, kullanıcı bir düğmeyi kaydırana veya tıklayana kadar ana navigasyonu gizleyen, yerden tasarruf sağlayan bir çözümdür.
• WordPress’te Dikey Navigasyon Menüsü Nasıl Oluşturulur. Dikey navigasyon menüleri, web sitenizdeki bir kenar çubuğunda veya başka bir dikey alanda çok sayıda menü öğesini sergilemek için harika bir yol olabilir.
• WordPress Menülerine Sosyal Medya Simgeleri Nasıl Eklenir. Ziyaretçilerin sizinle bağlantı kurmasını kolaylaştırmak için sosyal medya simgelerini doğrudan navigasyon menünüze entegre edin.
• WordPress’te Katlanabilir Kenar Çubuğu Menüsü Nasıl Oluşturulur. Çok fazla sayfanız mı var? Kenar çubuğunuza katlanabilir bir menü ekleyerek kullanıcıların web sitenizde gezinmesini kolaylaştırın.

Umarız bu makale WordPress navigasyon menülerini nasıl şekillendireceğinizi öğrenmenize yardımcı olmuştur. Ayrıca en iyi WordPress iletişim formu eklentileri uzman seçimimize ve WordPress’te özel sayfa oluşturmaya yeni başlayanlar için rehberimize 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.