lostyazilim

Navbar'ı sayfalara göre özelleştirmek mümkün mü

11 Mesajlar 2.375 Okunma
lstbozum
wmaraci reklam

issystem issystem WM Aracı Kullanıcı
  • Üyelik 12.09.2017
  • Yaş/Cinsiyet 41 / E
  • Meslek sistemci
  • Konum İstanbul Avrupa
  • Ad Soyad I** Ç**
  • Mesajlar 49
  • Beğeniler 30 / 2
  • Ticaret 0, (%0)
Merhaba, ürün sayfasında bir sıkıntı yaşıyorum. Ürün için Woocommerce eklentisini kullanıyorum. Anasayfamda ana menüm (yani navbar) transparan olarak slider üzerinde duruyor. tema responsive duyarlı olduğu için pencere küçültüldüğünde slider üzerinden çıkıyor. Buraya kadar sıkıntım yok. Fakat anasayfa dışındaki diğer sayfalarda slider olmadığı için, ekran %100 iken bu sayfalar navbarın (menünün) altında kalıyor en alttaki resimde gördüğünüz gibi.

Şimdi istediğim bu css kodunu ana sayfa dışında uygulama diyebilirmiyiz. Yani Anasayfa dışında navbar (menü bar) normal görünsün, sayfa navbarın altında kalmasın.


ana sayfa dışında diğer sayfaların menü altında kaldığı kısmı scrn olarak paylaşıyorum.

 

 

wmaraci
reklam

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2772
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
.home nav { padding-bottom: 50px; }
Şeklinde yaparsanız kod sadece ana sayfada geçerli olur.
nav { padding-bottom: 100px; }
.home nav { padding-bottom: 50px !important; }
Şeklinde yaparsanız ana sayfa hariç diğer sayfalarda geçerli olur.
issystem

kişi bu mesajı beğendi.

silenthilll silenthilll WM Aracı Kullanıcı
  • Üyelik 29.09.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek öğrenci
  • Konum Manisa
  • Ad Soyad M** K**
  • Mesajlar 699
  • Beğeniler 61 / 126
  • Ticaret 1, (%100)
issystem
Sadece css'yi anasayfada göstermek istiyorsan şunu yapman yeterlidir.



issystem

kişi bu mesajı beğendi.

issystem issystem WM Aracı Kullanıcı
  • Üyelik 12.09.2017
  • Yaş/Cinsiyet 41 / E
  • Meslek sistemci
  • Konum İstanbul Avrupa
  • Ad Soyad I** Ç**
  • Mesajlar 49
  • Beğeniler 30 / 2
  • Ticaret 0, (%0)

bilimokur adlı üyeden alıntı

.home nav { padding-bottom: 50px; }
Şeklinde yaparsanız kod sadece ana sayfada geçerli olur.
nav { padding-bottom: 100px; }
.home nav { padding-bottom: 50px !important; }
Şeklinde yaparsanız ana sayfa hariç diğer sayfalarda geçerli olur.


silenthilll adlı üyeden alıntı

issystem
Sadece css'yi anasayfada göstermek istiyorsan şunu yapman yeterlidir.





Sağolun arkadaşlar vakit ayırıp cevap yazdığınız için. Ama uğraştım ama beceremedim malesef. Ben örnekle istediğimi gösterirsem sanırım daha net atış yaparız.

Şöyle söyliyim. Aşağıdaki kodlamada "position: absolute;" kodunu silersem sadece, menü slider 'in üstünden çıkıyor ve diğer sayfalarda normal oalrak menünün altında kalmıyor. benim istediğim ben bu silme işlemini sadece ana sayfa dışındakilerde geçerli kılıyım. Anasayfa için yapıyı bozmadan.

.navbar-wrapper {
position: absolute;
right: 0;
left: 0;
margin-top: 0px;
z-index: 20;
background-color: rgba(17,17,69, 0.5);

}
 

 

wmaraci
wmaraci

silenthilll silenthilll WM Aracı Kullanıcı
  • Üyelik 29.09.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek öğrenci
  • Konum Manisa
  • Ad Soyad M** K**
  • Mesajlar 699
  • Beğeniler 61 / 126
  • Ticaret 1, (%100)
issystem
Benim verdiğim örneği uygularsanız olacaktır bir farkla else koyarak şimdi iki tane css dosyası oluşturalım style.css ve style_2.css
stlyle.css anasayfa için olsun
style_2.css diğer sayfalar için olsun buna silmek istediğiniz kodları çıkararak oluşturun.
Gelelim koda






bukadar kolay gelsin.
issystem

kişi bu mesajı beğendi.

issystem issystem WM Aracı Kullanıcı
  • Üyelik 12.09.2017
  • Yaş/Cinsiyet 41 / E
  • Meslek sistemci
  • Konum İstanbul Avrupa
  • Ad Soyad I** Ç**
  • Mesajlar 49
  • Beğeniler 30 / 2
  • Ticaret 0, (%0)

silenthilll adlı üyeden alıntı

issystem
Benim verdiğim örneği uygularsanız olacaktır bir farkla else koyarak şimdi iki tane css dosyası oluşturalım style.css ve style_2.css
stlyle.css anasayfa için olsun
style_2.css diğer sayfalar için olsun buna silmek istediğiniz kodları çıkararak oluşturun.
Gelelim koda






bukadar kolay gelsin.




Temada css dosyalarını çağırma bu şekilde yapılmış.





Ben ise dediğinizi bu şekilde uygulamadım.



Css kodları içeriğinde yaptığım değişikliklere gelince;

- Temada kodun olduğu "theme-menu.css" dosyasından, daha önce belirttiğim "position: absolute;" kodunu sildim. Böylelikle temanın default dosyalarından bu istemediğim kodu çıkartmış oldum. Sonra gönderdiğim içinci resimdeki kendi oluşturduğum .css dosyalarından "theme-menuMain.css" yazana bu kodu ekli şekilde orjinal css dosyasındaki tüm kodları copy-paste yaptım. Sonra "theme-menüMainNo" yazan css dosyasından da gene "position: absolute;" kodunu sildim. Hazırladığım bu iki temayıda "functions.php" dosyasının en altına kaydettim, göndermiş olduğum ikinci resimde olduğu gibi.

Bu şekilde istemediğim dosyayı iki tarafada uygualadı. Yani olmadı.
 

 

silenthilll silenthilll WM Aracı Kullanıcı
  • Üyelik 29.09.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek öğrenci
  • Konum Manisa
  • Ad Soyad M** K**
  • Mesajlar 699
  • Beğeniler 61 / 126
  • Ticaret 1, (%100)
Kolay gelsin
Şunları yaptınız mı acaba?
1- wp_enqueue_style theme_menu.css kaldırdınız mı?
2- Benim verdiğim kodu function.php içine değil header.php yani tagları arasına koymanız gerekir.









3-is_home anasayfada göster demek yani anasayfada olması gereken css buraya.

4-else nin altındaki css dosyasıda diğer sayfalar için olan css koymanız gerekir.
issystem

kişi bu mesajı beğendi.

issystem issystem WM Aracı Kullanıcı
  • Üyelik 12.09.2017
  • Yaş/Cinsiyet 41 / E
  • Meslek sistemci
  • Konum İstanbul Avrupa
  • Ad Soyad I** Ç**
  • Mesajlar 49
  • Beğeniler 30 / 2
  • Ticaret 0, (%0)

silenthilll adlı üyeden alıntı

Kolay gelsin
Şunları yaptınız mı acaba?
1- wp_enqueue_style theme_menu.css kaldırdınız mı?
2- Benim verdiğim kodu function.php içine değil header.php yani tagları arasına koymanız gerekir.









3-is_home anasayfada göster demek yani anasayfada olması gereken css buraya.

4-else nin altındaki css dosyasıda diğer sayfalar için olan css koymanız gerekir.




,Bu yazdıklarını hanüz deniyemedim ama deniyip dönüş yapıcam. Yalnız localde çalıştırırken aşağıda resmini yüklediğim hatayı alıyorum. Online olarak yayınladığımda almıyorum. functionc.php den 73.satırı silersem düzeliyor. Bu sorunu localde nasıl çözebilirim.

 

 

silenthilll silenthilll WM Aracı Kullanıcı
  • Üyelik 29.09.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek öğrenci
  • Konum Manisa
  • Ad Soyad M** K**
  • Mesajlar 699
  • Beğeniler 61 / 126
  • Ticaret 1, (%100)
issystem PHP sürüm hatası veriyor o 73.satırdaki kod yeni PHP sürümlerinde kullanılmıyor olabilir benim anladığım kadarıyla. oradaki kodu buraya yazarsan inceleyip çözüm bulabiliriz belki.
issystem

kişi bu mesajı beğendi.

issystem issystem WM Aracı Kullanıcı
  • Üyelik 12.09.2017
  • Yaş/Cinsiyet 41 / E
  • Meslek sistemci
  • Konum İstanbul Avrupa
  • Ad Soyad I** Ç**
  • Mesajlar 49
  • Beğeniler 30 / 2
  • Ticaret 0, (%0)

silenthilll adlı üyeden alıntı

issystem PHP sürüm hatası veriyor o 73.satırdaki kod yeni PHP sürümlerinde kullanılmıyor olabilir benim anladığım kadarıyla. oradaki kodu buraya yazarsan inceleyip çözüm bulabiliriz belki.


Eski yedekten geri dönünce düzeldi cevap için teşekkürler..

Şimdi iletişim formu oluşturmak istiyorum. Contact Form 7 kurdum. Fakat yazıları silik gibi görünüyor (daha doğrusu bir yerden beyaz rengini çekiyor). css kodunu nereden çektiğini bir türlü bulamadım. O yüzden farklı bir form eklentisi yüklemeyi düşündüm. Wpforms eklentisini kurdum ama ondada başlıkları beyaz yaptı. yani adınız, mail adresiniz yazıları beyaz. ayrıca eklentiyi yükledikten sonra gönderim localhostta denenebiliyor mu.. Online ortama yüklesem bile form göndermek için ekstra bir şey kurmam gerekir mi? bilgi verirseniz sevinirim.
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al