wmaraci reklam

Wordpress'te menü nasıl oluşturulur? Açılır kapanır menü nasıl eklenir?

10 Mesajlar 3.975 Okunma
smmexpress

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)
Wordpress üzerine pratik kullanım bilgileri serisinde yeni bölüme hoş geldiniz arkadaşlar!

Bu konuda sizlere Wordpress tabanlı websitenize nasıl menü ekleyeceğinizi anlatacağım. Bu anlatımda oluşturacağımız menüye hem birinci düzey menü ögeleri hem de 2. düzey (açılır kapanır) menü ögeleri ekleyeceğiz. Hadi gelin lafı hiç uzatmadan konuya geçelim:

Wordpress'te Üst Tarafa Menü Ekleme

İlk olarak Wordpress sitemizin üst tarafına (çoğunlukla logonun hemen sağ tarafındaki alana) nasıl menü ekleyeceğimize bir bakalım. Bu anlatımda örnek olarak kullanacağım tema kendi tasarımım olan Minima blog ve magazin temasıdır (Son günlerinde Ramazan indirimini kaçırmayın!). Sizin temanızda menü konumlarının isimleri farklı olabilir ancak temel mantığı çözdüğünüzde zaten deneme yanılma ile doğru konumu rahatlıkla bulabilirsiniz.

Menü oluşturma ve 1. düzey menü ögesi ekleme

Wordpress yönetici panelimize giriş yaptıktan sonra sol taraftaki Wordpress menü alanından Görünüm > Menüler sayfasına gidiyoruz. Aşağıdaki resimde numaralandırarak gösterdiğim gibi yeni bir menü oluşturuyoruz. Numaralandırılmış adımların açıklamalarını resmin altında bulabilirsiniz.



1. Adım: Wordpress yönetici panelimize girdikten sonra sol taraftaki menüden Görünüm > Menüler sayfasına gidiyoruz.

2. Adım: "Yeni bir menü oluşturun" linkine tıklıyoruz.

3. Adım: Oluşturacağımız menüye herhangi bir isim veriyoruz. Bu ismi sizden başka birisi göremez (Yöneticiler hariç). O yüzden "Ana menü, üst menü, güzel menü, hoş menü" gibi dilediğiniz isimleri verebilirsiniz.

4. Adım: Yeni bir menü oluşturmaya çalıştığımız için menüye öge eklemeden önce ilk olarak kaydetmemiz gerekiyor. O yüzden bu adımda "Menüyü oluştur" butonuna tıklayıp menümüzü oluşturuyoruz.

5. & 6. Adım: Şimdi sırada menüde görünmesini istediğimiz ögeleri ekleme işlemi var. Sol tarafta "Sayfalar", "Yazılar", "Özel bağlantılar", "Kategoriler" gibi açılır kapanır alanlar göreceksiniz. Örneğin menüye daha önce Sayfalar kısmından oluşturduğumuz bir sayfayı eklemek istiyorsak (iletişim sayfası hakkımızda sayfası vs.) Sayfalar sekmesinden o sayfayı buluyoruz ve yanındaki tiki işaretleyip "Menüye ekle" butonuna tıklıyoruz.

Sayfalar sekmesinden istediğimiz sayfayı eklediysek veya sayfa yerine Kategoriler bölümünden sitemizdeki herhangi bir kategoriyi menüye eklemek istiyorsak hemen aynı hizadaki "Kategoriler" sekmesine tıklıyoruz ve açılan alt kısımdan menüde görünmesini istediğimiz kategorileri seçip yine "Menüye ekle" butonuna tıklıyoruz.



İp ucu! Eğer menüye eklediğimiz bu menü ögelerinin sırasını değiştirmek istiyorsanız yapmanız işlem çok basit. Herhangi bir menü ögesinin üzerine basılı tutup istediğiniz gibi sırasını değiştirebilirsiniz. Örneğin yukarıdaki resimde gördüğünüz "İletişim" ögesini sürükle bırak yaparak kategorilerin altına taşırsanız menüde de iletişim son sırada görünecektir.

Eğer menüye sitemizin anasayfasını eklemek istiyorsak ya da başka bir siteye bağlantı vermek istiyorsak bunun için de "Özel bağlantılar" sekmesine tıklıyoruz ve aşağıda gördüğünüz gibi eklemek istediğimiz özel linki ve linkin adını yazıp "Menüye ekle" butonuna tıklıyoruz.




7. Adım: Bu adımda oluşturduğumuz menünün sitemizin neresinde görünmesini istediğimizi seçiyoruz. Başta da belirttiğim gibi ben bu anlatımı kendi tasarımım olan Minima blog ve magazin temasına göre yapıyorum. Minima blog temasında üst kısımdaki menü konumunun adı "Header Sol Menü" şeklinde. Sizin kullandığınız temada üst kısımdaki menü konumunun adı farklı olacaktır. Genellikle "Header Menu", "Main Menu", "Primary Menu", "Üst Menü" gibi isimlendirmeler kullanılır. Ancak eğer kullandığınız temada farklı isimlendirmeler varsa deneme yanılma yolu ile doğru seçeneği bulabilirsiniz.

2. adımdan başlayarak aynı yöntemlerle yeni bir menü oluşturup sitemizin "Footer" (yani alt bölüm) alanında menü konumu varsa o konuma da tamamen farklı bir menü ekleyebilirsiniz.

8. Adım: Menümüzde görünmesini istediğiniz tüm ögeleri eklediyseniz şimdi artık yapmanız gereken tek şey "Menüyü kaydet" butonuna tıklamak. Artık sitemizin üst kısmına ya da farklı menü konumlarına bir menü eklemiş olduk. Hepsi bu kadar!

2. düzey menü ögesi ekleme (Açılır-kapanır menüler)

Eğer menümüzde açılır kapanır şekilde menü ögeleri göstermek istiyorsak yapmamız gerekenler yine çok kolay.

Yukarıdaki adımları takip ederek oluşturduğumuz menüye menü ögelerini ekledikten sonra sürükle bırak yaparak menü ögelerini bir diğerinin alt menüsü haline getirebilirsiniz. Eğer temanız bu özelliği destekliyorsa menü kısmında alt menüler açılır kapanır olarak görünecektir.

Örneğin,

"Özel bağlantılar" sekmesinden "URL" kısmına "#" işareti koyup "Bağlantı metni" kısmına "Kategoriler" yazıp menüye ekleyelim. Ve ardından "Kategoriler" sekmesinden menüye eklediğimiz kategorileri bu özel bağlantının alt ögeleri haline getirelim. İşte şu şekilde:




Aşağıdaki resimde Minima temasının demosundaki menüyü, 1. düzey menü ögelerini (örneğin Anasayfa linki) ve açılır kapanır menüleri (2. düzey menüler) görebilirsiniz.



Wordpress'e menü eklemek işte bu kadar kolay.

Hepinize mutlu bloglamalar! :)
TheAnalyzer kaanst sworks

kişi bu mesajı beğendi.

wmaraci
reklam

kaanst kaanst Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 28.02.2018
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad K** S**
  • Mesajlar 669
  • Beğeniler 435 / 160
  • Ticaret 31, (%94)
Ellerinize emeğinize sağlık hocam çok emek veriyorsunuz belli :)
 

 

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)

kaanst adlı üyeden alıntı

Ellerinize emeğinize sağlık hocam çok emek veriyorsunuz belli :)


Çok teşekkür ederim :)
 

 

mxaksoy mxaksoy Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 23.03.2018
  • Yaş/Cinsiyet 29 / E
  • Meslek Webmaster
  • Konum İstanbul Avrupa
  • Ad Soyad M** A**
  • Mesajlar 1359
  • Beğeniler 482 / 344
  • Ticaret 3, (%100)
Ellerine Sağlık.
 

 

wmaraci
wmaraci

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)


Teşekkürler :)
 

 

MertCenikut MertCenikut 💎[~ Cloud Expert ~]💎 Kullanıcı
  • Üyelik 19.06.2018
  • Yaş/Cinsiyet 25 / E
  • Meslek System Administrator
  • Konum İzmir
  • Ad Soyad M** C**
  • Mesajlar 51
  • Beğeniler 3 / 28
  • Ticaret 0, (%0)
Selam,

Elinize sağlık bence gayet başarılı bir makale olmuş :)
 

 

⭐️[~System Administrator~]⭐️
Site: https://www.mertcenikut.com

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)

MertCenikut adlı üyeden alıntı

Selam,

Elinize sağlık bence gayet başarılı bir makale olmuş :)


Selamlar, çok teşekkürler :)
 

 

boducx boducx Doly Bilişim Kullanıcı
  • Üyelik 25.04.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek Sistem Uzmanı
  • Konum Ankara
  • Ad Soyad A** A**
  • Mesajlar 270
  • Beğeniler 25 / 71
  • Ticaret 2, (%100)
Üstad emeğine sağlık. Mükemmel bir anlatım olmuş.
 

 

Doly.com.tr=>Bilişim ve Teknoloji Hizmetleri | DolyBilisim.com=>Proje Bilgisayar Çözümleri

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 32 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2773
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Güzel anlatım. Tebrikler.
 

 

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)

boducx adlı üyeden alıntı

Üstad emeğine sağlık. Mükemmel bir anlatım olmuş.


bilimokur adlı üyeden alıntı

Güzel anlatım. Tebrikler.


Yorumlarınız için teşekkürler :)
 

 

wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al