Wordpress'te Menüye İcon Nasıl Eklenir ?

19-01-2018, 14:47:11

#1

~~angelicmoon~~

Üyeliği durduruldu

Merhabalar,
Arkadaşlar eklenti olmadan elle nasıl ekleyebiliriz ?

19-01-2018, 14:49:46

#2

~~centrual~~

Üyeliği durduruldu

menü div ini bul dostum ordan fa - fa icon sitesine girip fa fa kodlarını ekle sonra header php den eklersin icon koduyla

19-01-2018, 14:50:52

#3

~~angelicmoon~~

Üyeliği durduruldu

Menülerin css sınıflarından eklemeyi gördüm. Fakat ben kendi markalarımızın logosunu nasıl ekleyeceğim ? Bir videoda arkadaş css sınıfının içine font awesome kodunu yapıştırınca menüye icon ekleniyor fakat ben farklı bir logo eklemek istersem bunu nasıl yapacağım ?

centrual adlı üyeden alıntı: mesajı görüntüle

menü div ini bul dostum ordan fa - fa icon sitesine girip fa fa kodlarını ekle sonra header php den eklersin icon koduyla

hocam menü divleri içindeki ul ler ve li ler header php de felan gözükmüyor. Ayırca fa fa eklemek istemiyorum başka logolar eklemek istiyorum onu nasıl yapacağım ?

19-01-2018, 14:57:09

#4

Mert.in

Aramızdan Ayrılanlar - Vefat Edenler

angelicmoon adlı üyeden alıntı: mesajı görüntüle

Menülerin css sınıflarından eklemeyi gördüm. Fakat ben kendi markalarımızın logosunu nasıl ekleyeceğim ? Bir videoda arkadaş css sınıfının içine font awesome kodunu yapıştırınca menüye icon ekleniyor fakat ben farklı bir logo eklemek istersem bunu nasıl yapacağım ?

hocam menü divleri içindeki ul ler ve li ler header php de felan gözükmüyor. Ayırca fa fa eklemek istemiyorum başka logolar eklemek istiyorum onu nasıl yapacağım ?

Menülerin isim kısımları HTML desteklemekte. <img> olarak eklemeyi dener misi?

19-01-2018, 15:06:20

#5

CanDeliboyraz

Bir sitemizde yapmıştım sanırım istediğin şeyi şu şekilde dener misin.

#menu-item-4799 a:after {
    content: "";
    background-image: url(image url);
background-repeat:no-repeat;
    width: 90px;
    height: 50px;
    position: absolute;
    margin: 5px 0 0 -15px;
}
#menu-item-4799 a {
    font-size:0px;
}

Font size ben 0 verdim menü metni görünmesin sadece image olsun diye sen onu menündeki font size ile değişip en üstteki after i before yaparsan menin solunda yer alacaktır
menu-item-4799 yazan yerleri kendi menündeki itemin numarası ile değiştir. ve image url ye logo nun resim yolunu yazıp özelleştir den Ek CSS kısmına ekle. width ve heigh ten pozisyonu ayarla.

Örnek:

Bu şekilde bir dene işini görebilir.

19-01-2018, 15:09:08

#6

~~centrual~~

Üyeliği durduruldu

Sungmert adlı üyeden alıntı: mesajı görüntüle

Menülerin isim kısımları HTML desteklemekte. <img> olarak eklemeyi dener misi?

aynen arkadaşın dediği gibi yapabilirsin ama o şekilde tasarımda kayma olabilir belki en garantisi css ile

19-01-2018, 15:11:04

#7

~~angelicmoon~~

Üyeliği durduruldu

centrual adlı üyeden alıntı: mesajı görüntüle

aynen arkadaşın dediği gibi yapabilirsin ama o şekilde tasarımda kayma olabilir belki en garantisi css ile

menü ismi menu-nav-170 diyor mesela. Html olarak eklediğimde gitmiyor. font-awesome kütüphanesinden resmi çağırırken direk sayfaya geliyor. kendi logomu font-awesome kütüphanesine dahil edip fa fa-kendilogom dediğimde gelecek şekilde nasıl a yarlayabilirim ?

CanDeliboyraz adlı üyeden alıntı: mesajı görüntüle

Bir sitemizde yapmıştım sanırım istediğin şeyi şu şekilde dener misin.

#menu-item-4799 a:after { content: ""; background-image: url(image url); background-repeat:no-repeat; width: 90px; height: 50px; position: absolute; margin: 5px 0 0 -15px; } #menu-item-4799 a { font-size:0px; }
Font size ben 0 verdim menü metni görünmesin sadece image olsun diye sen onu menündeki font size ile değişip en üstteki after i before yaparsan menin solunda yer alacaktır
menu-item-4799 yazan yerleri kendi menündeki itemin numarası ile değiştir. ve image url ye logo nun resim yolunu yazıp özelleştir den Ek CSS kısmına ekle. width ve heigh ten pozisyonu ayarla.

Örnek:

Bu şekilde bir dene işini görebilir.

İşte aradığım şey buydu. Çok teşekkür ederim.

CanDeliboyraz adlı üyeden alıntı: mesajı görüntüle

Bir sitemizde yapmıştım sanırım istediğin şeyi şu şekilde dener misin.

#menu-item-4799 a:after { content: ""; background-image: url(image url); background-repeat:no-repeat; width: 90px; height: 50px; position: absolute; margin: 5px 0 0 -15px; } #menu-item-4799 a { font-size:0px; }
Font size ben 0 verdim menü metni görünmesin sadece image olsun diye sen onu menündeki font size ile değişip en üstteki after i before yaparsan menin solunda yer alacaktır
menu-item-4799 yazan yerleri kendi menündeki itemin numarası ile değiştir. ve image url ye logo nun resim yolunu yazıp özelleştir den Ek CSS kısmına ekle. width ve heigh ten pozisyonu ayarla.

Örnek:

Bu şekilde bir dene işini görebilir.

Hocam denedim şu şekilde oluyor.