Menüye Css ile İkon Eklemek?

25.07.2017 18:46

SuhaMete SEO Danışmanı Kullanıcı

Üyelik 31.05.2013
Yaş/Cinsiyet 31 / E
Meslek SEO Danışmanı
Konum İstanbul Avrupa

Ad Soyad K** M**
Mesajlar 2548
Beğeniler 21 / 535
Ticaret 76, (%100)

Merhaba arkadaşlar, daha önceden kullandığım bir kod vardı eğer ki bir menü itemi sub menu içeriyorsa yanına font awesome'dan aşağı doğru ok ekliyordu. Kod böyleydi:

.menu-item-has-children-parent > a:after {

  content: "\f078";

  font-family: "FontAwesome";

  margin-left: 8px; 

}

Ancak şuan tasarlamaya çalıştığım sitede bu kodu custom.css'e ekledim çalışmadı nedense. Kod normalde çalışınca şöyle gözükmesi gerekiyor: http://prntscr.com/g04dyf

Site şuan bakım modunda olduğu için sitemin css dosyasını paylaşayım: https://yadi.sk/d/hqynoBTG3LPuGK

25.07.2017 22:46

#2

BirkanUlusoy Nullius in verba Kimlik Onayı

Üyelik 25.03.2012
Yaş/Cinsiyet 33 / E
Meslek Lifelong Learner
Konum Diğer

Ad Soyad B** U**
Mesajlar 202
Beğeniler 4 / 81
Ticaret 0, (%0)

Font awesome dosyaları yüklü mü?
Font awesome yükledikten sonra ile okları ekleyebilirsin.

26.07.2017 07:38

#3

SuhaMete SEO Danışmanı Kullanıcı

Üyelik 31.05.2013
Yaş/Cinsiyet 31 / E
Meslek SEO Danışmanı
Konum İstanbul Avrupa

Ad Soyad K** M**
Mesajlar 2548
Beğeniler 21 / 535
Ticaret 76, (%100)

BirkanUlusoy adlı üyeden alıntı

Font awesome dosyaları yüklü mü?
Font awesome yükledikten sonra ile okları ekleyebilirsin.

Font awesome yüklü evet, bir eklenti yardımıyla hallettim. Teşekkürler cevabınız için.

Eklenti linki : https://wordpress.org/plugins/menu-icons/
Alternatif: https://wordpress.org/plugins/font-awesome-4-menus/

26.07.2017 16:37

#4

wpuzman WordPress Developer Kullanıcı

Üyelik 13.01.2017
Yaş/Cinsiyet 33 / E
Meslek Yazılım
Konum Trabzon

Ad Soyad B** M**
Mesajlar 2771
Beğeniler 293 / 949
Ticaret 33, (%100)

Eklentiye gerek yoktu. Bu kadar basit bir şey için 2 tane eklenti yüklediniz...

Udemy Wordpress Tema Yapımı Kursum

26.07.2017 16:42

#5

SuhaMete SEO Danışmanı Kullanıcı

Üyelik 31.05.2013
Yaş/Cinsiyet 31 / E
Meslek SEO Danışmanı
Konum İstanbul Avrupa

Ad Soyad K** M**
Mesajlar 2548
Beğeniler 21 / 535
Ticaret 76, (%100)

bilimokur adlı üyeden alıntı

Eklentiye gerek yoktu. Bu kadar basit bir şey için 2 tane eklenti yüklediniz...

Yok ilkini yükledim zaten, ikincisinde ikonu menu item'ından sonraya koymuyordu. Nasıl yapılacağını öğrenmeye açığım, işimi hallettim fakat ufacık bir kodla olduğunu ben de biliyorum. Hangi kodu eklemek gerek hangi class'a?

26.07.2017 16:48

#6

wpuzman WordPress Developer Kullanıcı

Üyelik 13.01.2017
Yaş/Cinsiyet 33 / E
Meslek Yazılım
Konum Trabzon

Ad Soyad B** M**
Mesajlar 2771
Beğeniler 293 / 949
Ticaret 33, (%100)

font awesomeyi sitenize aşağıdaki kodla ekleyebilirsiniz. Kodu header.php 'de yazısının hemen üstüne koyacaksınız.

Daha sonra wordpress menü ayarlarında örneğin Ana Sayfa değilde;

Ana Sayfa

şeklinde yazacaksınız.

Udemy Wordpress Tema Yapımı Kursum

26.07.2017 16:52

#7

SuhaMete SEO Danışmanı Kullanıcı

Üyelik 31.05.2013
Yaş/Cinsiyet 31 / E
Meslek SEO Danışmanı
Konum İstanbul Avrupa

Ad Soyad K** M**
Mesajlar 2548
Beğeniler 21 / 535
Ticaret 76, (%100)

bilimokur adlı üyeden alıntı

font awesomeyi sitenize aşağıdaki kodla ekleyebilirsiniz. Kodu header.php 'de yazısının hemen üstüne koyacaksınız.

Daha sonra wordpress menü ayarlarında örneğin Ana Sayfa değilde;

Ana Sayfa

şeklinde yazacaksınız.

Teşekkürler yardımınız için :)

26.07.2017 17:19

#8

TEHET ✨ Kullanıcı

Üyelik 04.10.2014
Yaş/Cinsiyet 32 / E
Meslek Tasarımcı
Konum Ankara

Ad Soyad M** A**
Mesajlar 791
Beğeniler 96 / 374
Ticaret 1, (%100)

https://jsfiddle.net/tehet/1578fhkb/

Eklediğiniz kodda sıkıntı yok. Ama belki menü yapısından dolayı bir hata oluyor olabilir.

Menüye Css ile İkon Eklemek?

Üye Girişi Yap