Menü Sabitleme Wordpress

30.03.2017 18:26

WaLek WM Aracı Kullanıcı

Üyelik 02.10.2013
Yaş/Cinsiyet 37 / E
Meslek Mutfak Şefi
Konum İzmir

Ad Soyad M** U**
Mesajlar 671
Beğeniler 601 / 214
Ticaret 3, (%100)

Merhabalar ;

Kaç gündür yapabileceğim bir kaynak varmıdır diye bakıyorum ama bulamadım :D Denediklerimde olmadı Kimi yerde postion:fixed ile sabitleyebilir kimi yerdede JS kullanmam gerektiği söylenmiş sadece ana sayfa aşağı indiğinde menü üstte görünür sabit kalmasını istiyorum ... İlgili arkadaşlara şimdiden teşekkür ederim ... :)

Sabitlemek istediğim yer :

30.03.2017 18:51

#2

creed74 WM Aracı Kullanıcı

Üyelik 30.06.2016
Yaş/Cinsiyet 50 / E
Meslek Yazılım
Konum İstanbul Anadolu

Ad Soyad Y** T**
Mesajlar 977
Beğeniler 33 / 388
Ticaret 45, (%100)

Linkinizi verirseniz daha sağlıklı cevaplar alırsınız..

30.03.2017 19:21

#3

WaLek WM Aracı Kullanıcı

Üyelik 02.10.2013
Yaş/Cinsiyet 37 / E
Meslek Mutfak Şefi
Konum İzmir

Ad Soyad M** U**
Mesajlar 671
Beğeniler 601 / 214
Ticaret 3, (%100)

creed74 Hocam ;

İmzadaki Link : https://www.chefmustafa.net/

Haklısınız daha açıklayıcı olmak gerek : )

30.03.2017 19:32

#4

creed74 WM Aracı Kullanıcı

Üyelik 30.06.2016
Yaş/Cinsiyet 50 / E
Meslek Yazılım
Konum İstanbul Anadolu

Ad Soyad Y** T**
Mesajlar 977
Beğeniler 33 / 388
Ticaret 45, (%100)

Şimdi hocam fixed fonksiyonu eğer menünüz sitenizin en üstünde yer alıyorsa bir nebze işe yarar, fakat gördüğüm kadarıyla menünün üstünde top bar da var, bu durumda en sağlıklısı jquery kullanmanız, google da "jquery sticky" diye aratırsanız isteğiniz için döküman bulabileceğinize inanıyorum..

1 kişi bu mesajı beğendi.

30.03.2017 20:18

#5

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)

Merhaba. Önce style.css dosyasına aşağıdaki kodu ekleyin:

.kaydirma {
    z-index: 100;
    position: fixed;
}

Daha sonra header.php dosyasında tagının hemen üstüne aşağıdaki kodu ekleyin:

<script>
$(document).ready(function() {
var stickyNavTop = $('.head-menu-bar').offset().top;
 
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
      
if (scrollTop > stickyNavTop) { 
    $('.head-menu-bar, .mobilbar').addClass('kaydirma');
} else {
    $('.head-menu-bar, .mobilbar').removeClass('kaydirma'); 
}
};
 
stickyNav();
 
$(window).scroll(function() {
  stickyNav();
});
});
</script>

2 kişi bu mesajı beğendi.

Udemy Wordpress Tema Yapımı Kursum

30.03.2017 20:23

#6

WaLek WM Aracı Kullanıcı

Üyelik 02.10.2013
Yaş/Cinsiyet 37 / E
Meslek Mutfak Şefi
Konum İzmir

Ad Soyad M** U**
Mesajlar 671
Beğeniler 601 / 214
Ticaret 3, (%100)

bilimokur Hocam yardımınız için teşekkürler.. Tarif ettiğiniz gibi yaptım ama olmadı ... Kontrol de ettim ...

30.03.2017 20:38

#7

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)

Ben deneyince oluyor. İlginç. Özelden team verin bakayım bi.

1 kişi bu mesajı beğendi.

Udemy Wordpress Tema Yapımı Kursum

05.08.2019 11:24

#8

WaLek WM Aracı Kullanıcı

Üyelik 02.10.2013
Yaş/Cinsiyet 37 / E
Meslek Mutfak Şefi
Konum İzmir

Ad Soyad M** U**
Mesajlar 671
Beğeniler 601 / 214
Ticaret 3, (%100)

wpuzman Merhaba ;
Konu Biraz eski, de olsa yardım etmeye çalışmıştınız ... 2017 den bu yana hala yapamamışım demekki :D Müsait olduğunuzda son post'unuza istinaden geçerliliği var ise yardımcı olur musunuz :)

05.08.2019 11:36

#9

Philosopher We are all Philosophers Kullanıcı

Üyelik 05.07.2019
Yaş/Cinsiyet 22 / E
Meslek Öğrenci
Konum Diğer

Ad Soyad S** A**
Mesajlar 259
Beğeniler 186 / 117
Ticaret 0, (%0)

WaLek Bu(youtube) linkini izleyerek yapabilirsiniz.

Veya

MyStickymenu eklentisini indirip, Stick class boşluğuna ".head-menu-bar" yazıp kaydedip deneyebilirsiniz.

1 kişi bu mesajı beğendi.

>_<

05.08.2019 12:29

#10

WaLek WM Aracı Kullanıcı

Üyelik 02.10.2013
Yaş/Cinsiyet 37 / E
Meslek Mutfak Şefi
Konum İzmir

Ad Soyad M** U**
Mesajlar 671
Beğeniler 601 / 214
Ticaret 3, (%100)

Philosopher İlk Önce teşekkür ederim ;
Videoyu baştan sona 2 kez izledim ama guncelleme gelince değişmiş arayuz önemli değil :)

Şeklinde yaptım çerezleride sildim hala aynı duruyor bir değişiklik yok

Menü Sabitleme Wordpress

Üye Girişi Yap