lostyazilim
tr.link

Mobil Ziyaretlerde Bileşenler Görünmesin

14 Mesajlar 2.561 Okunma
acebozum
tr.link

selimcayir selimcayir bilgirehberi.net Kullanıcı
  • Üyelik 16.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Vatman
  • Konum İzmir
  • Ad Soyad S** Ç**
  • Mesajlar 376
  • Beğeniler 31 / 88
  • Ticaret 13, (%100)
Merhaba arkadaşlar. Siteyi mobilden ziyaret edenler için sidebardaki bileşenleri göstermeyeceğimiz bir kod veya eklenti var mıdır? Wp touch, mobile pack gibi temaların haricinde bir bileşen aracı istiyorum.
Sidebardaki bileşenlerin sadece bilgisayar kullanıcılarına görünmesini istiyorum. Var mıdır yardımcı olacak arkadaş ?
 

 

wmaraci
reklam

dump3cz dump3cz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 01.05.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Yazılım
  • Konum Bilecik
  • Ad Soyad O** Ç**
  • Mesajlar 1749
  • Beğeniler 169 / 326
  • Ticaret 3, (%67)
Hocam hangi bileşenler görünmesin istiyorsunuz?
selimcayir

kişi bu mesajı beğendi.

krm krm Kerem Kullanıcı
  • Üyelik 31.05.2015
  • Yaş/Cinsiyet 39 / E
  • Meslek gezgin
  • Konum İstanbul Anadolu
  • Ad Soyad K** S**
  • Mesajlar 309
  • Beğeniler 55 / 124
  • Ticaret 2, (%100)
Aşağıdaki css ile yapabilirsiniz.

@media all and (max-width: 450px) {
.gizleceğiniz class { css gizleme komutu }
selimcayir

kişi bu mesajı beğendi.

dump3cz dump3cz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 01.05.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Yazılım
  • Konum Bilecik
  • Ad Soyad O** Ç**
  • Mesajlar 1749
  • Beğeniler 169 / 326
  • Ticaret 3, (%67)
krm 450 px ve masaüstü görünümü veriyorsa ?
 

 

wmaraci
wmaraci

YasinErgul YasinErgul www.yasinergul.net Kullanıcı
  • Üyelik 02.11.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci/Çalışan
  • Konum İstanbul Avrupa
  • Ad Soyad Y** E**
  • Mesajlar 1030
  • Beğeniler 157 / 226
  • Ticaret 43, (%100)
Ufak Düzeltme


@media all and (max-width: 450px) {
.gizleceğiniz-class { display:none !important;}
}


veya


@media all and (max-width: 450px) {
#gizlenecek-id{display:none !important;}
}
selimcayir

kişi bu mesajı beğendi.

Adsense Yerleşim ile Kazancını Arttır PM
https://goo.gl/KJ2g4V

selimcayir selimcayir bilgirehberi.net Kullanıcı
  • Üyelik 16.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Vatman
  • Konum İzmir
  • Ad Soyad S** Ç**
  • Mesajlar 376
  • Beğeniler 31 / 88
  • Ticaret 13, (%100)
@media all and (max-width: 450px) {
.widget-area { display:none !important;}
}

style.css içerisinde son "}" işaretinden sonra yukarıdaki kodu yapıştırıp kaydettim. Fakat sidebardaki bileşenler görünmeye devam ediyor. Ben mi yanlış yaptım acaba? İmzamdaki site için yardım eder misiniz? Sidebardaki tüm bileşenlerin mobilde gösterilmemesini istiyorum.
 

 

dump3cz dump3cz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 01.05.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Yazılım
  • Konum Bilecik
  • Ad Soyad O** Ç**
  • Mesajlar 1749
  • Beğeniler 169 / 326
  • Ticaret 3, (%67)
hocam side bar derken ? hangi bileşenler yazarsanız onları gizleyeceğim.
 

 

selimcayir selimcayir bilgirehberi.net Kullanıcı
  • Üyelik 16.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Vatman
  • Konum İzmir
  • Ad Soyad S** Ç**
  • Mesajlar 376
  • Beğeniler 31 / 88
  • Ticaret 13, (%100)

dump3cz adlı üyeden alıntı

hocam side bar derken ? hangi bileşenler yazarsanız onları gizleyeceğim.

Site içi arama, id search-8 sanırım.
Sponsor reklam, id custom_html-8 sanırım.
Kategoriler, id categories-16 sanırım.
Yazar Kafe Yazarı, id text-31 sanırım.
Gizlemek istediklerim bunlar :) Teşekkür ederim.
widget-area diye tek olarak da engellemek istedim. Onu da beceremedim :)
Edit: Class eklemesi.
 

 

dump3cz dump3cz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 01.05.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Yazılım
  • Konum Bilecik
  • Ad Soyad O** Ç**
  • Mesajlar 1749
  • Beğeniler 169 / 326
  • Ticaret 3, (%67)
Hazır hocam:
function detectMOB(){
if(navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i)|| navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)){
document.getElementById("search-8").style.display = "none";
document.getElementById("custom_html-8").style.display = "none";
document.getElementById("categories-16").style.display = "none";
document.getElementById("text-31").style.display = "none";
}else{
return true;
}
}

body "detectMOB();" ekleyin.
selimcayir

kişi bu mesajı beğendi.

selimcayir selimcayir bilgirehberi.net Kullanıcı
  • Üyelik 16.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Vatman
  • Konum İzmir
  • Ad Soyad S** Ç**
  • Mesajlar 376
  • Beğeniler 31 / 88
  • Ticaret 13, (%100)

dump3cz adlı üyeden alıntı

Hazır hocam:
function detectMOB(){
if(navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i)|| navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)){
document.getElementById("search-8").style.display = "none";
document.getElementById("custom_html-8").style.display = "none";
document.getElementById("categories-16").style.display = "none";
document.getElementById("text-31").style.display = "none";
}else{
return true;
}
}

body "detectMOB();" ekleyin.


Bu verilen kodları style.css içerisine mi ekleyeceğim. Cahilliğimi mazur görün :(
 

 

wmaraci
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