WordPress Menüye Resim Ekleme

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.

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 ;
   background-image: url(images/home.png);
   background-position: left;
   background-repeat: no-repeat;
}

Sonuç: