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