Wordpress Temada Menüye Sosyal Ağ İconu Nasıl Ekleyebilirim ?

08-06-2016, 14:27:41

Üyeliği durduruldu

Merhabalar arkadaşlar bir tasarım üzerinde çalışıyorum kafama takılan biryer var bana yardımcı olurmusunuz aşağıdaki vermiş olduğum S.S görüntüsündeki kırmızı içe aldığım alana atıyorum aynı wmaracı blog kısmındaki gibi yani kastettiğim yeride aynı şekilde S.S ile kırmızı kutu içerisinde belirttim aynı o şekildeki gibi bir diğer menüye nasıl ekleyebilirim yardımcı olursanız sevinirim..

İconu eklemek istediğim alanın resmi

Örnek olarak sosyal ağ iconu eklenmiş olan resim

08-06-2016, 14:49:38

#2

d3nnis

Temanızı menü* destekli yaptığınızı varsayarak en basit şekilde anlatıyorum hocam.

Admin panelinden Menü -> özel bağlantı kısmına gelip mesela RSS menusu oluşturun. Menüyü oluşturuken Css class kısmına menu-rss gibi bir class atayın. (https://codex.wordpress.org/WordPress_Menu_User_Guide)

style.css dosyanıza ekleyin

.MENU-CLASS .menu-rss { 
	float: right;  
	margin-right: 5px; // AYARLAYIN
	background: url(images/RSS.png) no-repeat right;
}

temanızın /images klasörüne de iconu atmanız yeterli.

.MENU-CLASS yazan kısımı menünüzün classı ile değiştirin.

eklediğiniz ikinci icon için 5px kısmını biraz daha büyük tutun. mesela 12px gibi. üçüncüsü için 19px gibi.

08-06-2016, 15:11:05

#3

~~Emintasarimcom~~

Üyeliği durduruldu

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

Temanızı menü* destekli yaptığınızı varsayarak en basit şekilde anlatıyorum hocam.

Admin panelinden Menü -> özel bağlantı kısmına gelip mesela RSS menusu oluşturun. Menüyü oluşturuken Css class kısmına menu-rss gibi bir class atayın. (https://codex.wordpress.org/WordPress_Menu_User_Guide)

style.css dosyanıza ekleyin

.MENU-CLASS .menu-rss { 
	float: right;  
	margin-right: 5px; // AYARLAYIN
	background: url(images/RSS.png) no-repeat right;
}

temanızın /images klasörüne de iconu atmanız yeterli.

.MENU-CLASS yazan kısımı menünüzün classı ile değiştirin.

eklediğiniz ikinci icon için 5px kısmını biraz daha büyük tutun. mesela 12px gibi. üçüncüsü için 19px gibi.

@d3nnis Paylaştığım rsimdeki kırmızı kutu içerisine aldığım şekil gibimi diyorsunuz ?

08-06-2016, 15:14:36

#4

d3nnis

Evet hocam.

Css sıniflari yazan kutucugu kullanin. menu-rss yazip style.css'de

.menu-rss

sinifini istediginiz gibi konumlandirabilirsiniz.

08-06-2016, 19:00:56

#5

~~Emintasarimcom~~

Üyeliği durduruldu

Hala yardım beklenmektedir arkadaşlar lutfen yardımcı olurmusunuz.

08-06-2016, 20:12:43

#6

tuuruls

Kimlik doğrulama veya yönetimden onay bekliyor.

Arkadaş yardım etmiş zaten

Tema dosyaları içinden de o başlık alanını bulup;

<div style="float:right;">
<a href="sosyal ağ linki"><i class="fa fa-facebook"></i></a>
... şeklinde gidebilirsiniz.
</div>

veya @d3nnis; isimli arkadaşın dediği gibi yapabilirsiniz.

08-06-2016, 22:03:47

#7

~~Emintasarimcom~~

Üyeliği durduruldu

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

Arkadaş yardım etmiş zaten

Tema dosyaları içinden de o başlık alanını bulup;

<div style="float:right;">
<a href="sosyal ağ linki"><i class="fa fa-facebook"></i></a>
... şeklinde gidebilirsiniz.
</div>

veya @d3nnis; isimli arkadaşın dediği gibi yapabilirsiniz.

Merhabalar hocam öncelikle teşekkür ederim index.php kodunu BURADAN bakabilirsiniz deniyceğim umarım olur sizde kod ekleyip tekrar verirseniz sevinirim teşekkürler.