Wordpress logo vs sabitleme nasıl yapılır? - Çözüldü

Easy Logo eklentisi ile logomu ekledim, myStickymenu eklentisini kurdum eklentinin ayarlar bölümüne .easylogo ekledim ve oldu

Hocam şimdi sitenizi inceledim de şöyle olsa daha iyi olur. Bilmiyorum kurduğunuz eklentide öyle bir ayar var mı? Şöyle ki yukarıya doğru gidince bu sticky menü kaybolsun zira logo içeriğinizi kapatıyor. Örnek olarak siteme bakabilirsiniz.

sofu44 bende şimdi ona bakıyordum da hocam bulamadım öyle birşey. onun yeride saydam yapmayı denicem

dump3cz sofu44 arkadaşlar bi sorum olacak. sayfayı aşşağıya kaydırdığımızda logonunküçülmesini sağlayabilirmiyiz?

hocam benim sayfamda temanın kendi özelliği olarak dediğiniz yapılmış bu da demek oluyor ki istenilirse yapılabilir. Ama yüklediğiniz eklentide var mı bilemiyorum

Ramazan Hocam bilmiyorum zor olabilir ama genellikle küçük bir boyut ayarlanır.

Bu kadar eklenti ile sitenizi yormaya ne gerek var anlamıyorum? 2 satır css kod sadece;

Logonuzun bulunduğu divin class ını veya id sini bulup css dosyanıza şunu eklemeniz yeterli:

Class ile:

.logoclass{
position:fixed;
top:0;
left:0;
}

ID ile:

#logoid{
position:fixed;
top:0;
left:0;
}




top veya left değerlerini arttırarak logonuzun durduğu konumu değiştirebilirsiniz.

id veya class değerlerini nasıl bulacam dersenizde eğer logonuzun üstüne sağ tıklayıp öğeyi denetle diyin. Mouse ile div hiyerarşisinin üstünde gezinerek sitenizde logonuzu kapsayan divi bulmaya çalışın. Logonuzu kapsayan divin id veya classı işinizi görecektir.

Logunun küçülmesi konusunda ise;


$(window).scroll(function() {
var scroll = $(window).scrollTop();
//console.log(scroll);
if (scroll >= 50) {
$(".logo").addClass("minified");
} else {
$(".logo").removeClass("minified");
}


yukarıda sayfanın scroll value si 50 den büyük ise yani scrollanmışsa .logo class lı elemente minified classını ekletiyorum. value 50 den küçük ise çıkarıyorum. Bu js kodlarını sitenizin sonuna script tagleri içinde yerleştirin veya temanızın özel script dosyasının sonuna ekleyin. Ayrıca if koşulundaki 50 değerini arttırıp azaltarak sayfanın neresinde logonun küçülüp büyüyeceğini kontrol edebilirsiniz. Yorum satırı içerisindeki console.log(scroll); kodunu sayfayı denetle kısmının console bölümüne yapıştırıp enter diyin ve sayfayı scrollayın istediğiniz scroll değerine gelince bırakın ve console a dönüp son bastığı ( en sondaki ) değeri alın if koşulundaki 50 ile değiştirin.

Şimdi ise css dosyanıza minified class ı oluşturarak width ve height değeri verin;


.minified{
width:150px;
height:150px;
}


değerleri istediğiniz şekilde ayarlayabilirsiniz.