WordPress Notları

WordPress Haberleri,İpuçları,Eklentileri,Temaları ve dahası

  • Haberler
  • İpuçları
  • Nasıl Yapılır
  • Eklentiler
  • Temalar
  • Multisite
  • Güvenlik

10 Eylül 2013 tarihinde Mustafa Uysal yazdı 2 Yorum

Seçili Menüyü Öne Çıkarmak

current-item

WordPress teması geliştirirken en çok ihtiyaç duyduğumuz özelliklerden biriside menülerde aktif olan menü ögesini seçili olarak göstermektir. Çok güzel front-end yazan arkadaşlarda da bu eksiği gördüm ve yazma gereği duydum.

WordPress seçili olan menü ögesine “.current-menu-item” sınıfını atayarak bu işi gerçekleştiriyor fazladan herhangi bir kod yazmamıza gerek yok. Artık sınıfa uygun css yazarak şekillendirin 😉

Menü alanı boşsa genelde otomatik olarak sayfaları eklediğinden, current-menu-item yerine current-page-item sınıfını da kullanabilirsiniz.

 

 

 

Bunu paylaş:

  • Tweet
  • Daha fazla
  • Tumblr' da Paylaş
  • Reddit
  • E-posta

İlgili

Kategori:İpuçları, Nasıl Yapılır Etiketler: menü ögesi, seçili menüyü öne çıkarmak, wordpress, wordpress menü, wordpress menü yapımı, wordpress seçili menü

Hakkımda Mustafa Uysal

WPNotları'nın kurucu editörü. WordPress üzerine yazar, çizer arada katkı yapar.

Yorumlar

  1. Abdullah der ki

    19 Temmuz 2014 ile 16:39

    teşekkür ederim işimi gördü peki seçili olanın yazı rengi classı da var mı acaba

    Cevapla
  2. Abdullah der ki

    19 Temmuz 2014 ile 16:44

    gerek kalmadıı buldum 😀

    Cevapla

Bir cevap yazın Cevabı iptal et

Lütfen gerçek bilgilerinizi kullanın. Herhangi bir site adı ile yazılan yorumlar onaylanmayacaktır!

Popüler Yazılar & Sayfalar

  • Amelia: WordPress Rezervasyon Eklentisi
    Amelia: WordPress Rezervasyon Eklentisi
  • Hakkımızda
    Hakkımızda
  • İletişmeyin!
    İletişmeyin!
  • Bülten Gönder
    Bülten Gönder
  • Otomatik Olarak "Öne Çıkan Görsel" Belirlemek
    Otomatik Olarak "Öne Çıkan Görsel" Belirlemek

Bloga e-posta ile abone ol

Bu bloga abone olmak ve e-posta ile bildirimler almak için e-posta adresinizi girin.

Blogroll

  • HandyPlugins
  • NoCodeWP
  • Powered Cache
  • WholeStuff
  • WPHandle
  • Hakkımızda
  • İletişmeyin!
  • Bülten Gönder
  • Site Haritası
  • Gizlilik Politikası

© 2023 - WPNotlari

Bu internet sitesinde, kullanıcı deneyimini geliştirmek ve internet sitesinin verimli çalışmasını sağlamak amacıyla çerezler kullanılmaktadır. TamamGizlilik politikası