1. Adım: Resim Seçme
Merhaba arkadaşlar, makalemin ilk adımında sitemize eklemek üzere menüye uygun güzel resim/ikon/simge seçelim. Ben Google'da küçük bir arama yaptım isterseniz sizde aşağıdaki butonu kullanarak o aramadan devam edebilirsiniz.

Google Araması

2. Adım: WordPress Menüde CSS Sınıflarını Aktif Etme


  1. WordPress sitemizde siteadı.com/wp-admin yaparak admin paneline giriyoruz.

  2. Sol taraftaki menüden Görünüm > Menüler işlemlerini yaparak Menüler sayfasını açıyoruz.

  3. Sağ üst köşedeki Ekran Tercihleri'ne tıklayarak Ekran Tercihleri bölümünü açıyoruz.

  4. Gelişmiş menü özelliklerini göster başlığı altındaki CSS Sınıfları'nı aktif ediyoruz.





3. Adım: Menüye Still Verme



  1. Still vereceğimiz menünün ismine tıklayarak açıyoruz.

  2. Karşımıza şunlar geliyor; URL, Dolaşım etiketi, Başlık özelliği,CSS sınıfları (seçime bağlı)

  3. CSS sınıfları (seçime bağlı)'nın ait olduğu inputa vermek istediğimiz CSS ismini yazıyoruz. Ör: Ben Anasayfa menüsünü ele alayım, buna anasayfa-simge ismini vereceğim.




4. Adım: Menümüz İçin CSS Ayarları
Kendi çalışmam üzerinden devam edeceğim anlatmaya. Aşağıda verdiğim CSS kodu kendi menüme aittir. Sizde kendinize göre düzenleyebilirsiniz.


.anasayfa-simge a{
padding-left: 30px !important;
background-image: url(images/home.png);
background-position: left;
background-repeat: no-repeat;
}

Sonuç:



Kaynak: http://buraksah.in/wordpress-menuye-resim-ekleme.html