Worldprees Mobil'de farklı görsel

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Hazır forum ve portallar Worldprees Mobil'de farklı görsel

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

8
Cevap 955
Tıklama 0
Öne Çıkarma

1. sayfa

Worldprees Mobil'de farklı görsel

Cevap Yaz

crackzz

6 yıl (425 mesaj)

Yüzbaşı

Konu Sahibi

Arkadaşlar merhaba,

Düğün fotoğrafçılığı ile uğraşmaktayım ek iş olarak. Bir internet sitesi hazırlattım arkadaşıma. Ancak şöyle bir sıkıntım var, mesela desktop için yatay görüntü var anasayfa slider olarak ancak bu yatay görüntü Mobile geçince saçma bir hal alıyor ve görselin tamamı gözükmüyor. Bende anasayfa slider da koyduğum görsellerin mobilde farklı (dikey görsel) Desktop'da farklı (yatay görüntü) eklemek istiyorum bunun için yapabileceğimiz bir şey var mı? Aşağıya desktop ve Mobile görüntüsü ekliyorum.

Sitem :https://www.1kare2alyans.com/

< Resime gitmek için tıklayın >< Resime gitmek için tıklayın >

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

BiletlerBiletxD

6 yıl (4956 mesaj)

Binbaşı

Mobil ve desktop için iki ayrı görsel hazırlayın.Desktop için kısa ve geniş,mobil için uzun ve dar olsun.Ardından resmin olduğu css sınıfına arka plan olarak eklemek yeterli olur.

Bu mesaja 1 cevap geldi.

crackzz

6 yıl (425 mesaj)

Yüzbaşı

Konu Sahibi

Peki bu görsellerin mobilde görünsün yada desktop da görünsün diye ayırma şansımız oluyor mu. Siteyi yapan arkadaşım öyle birşey yok dedi :D Yada görseli mobil ve dekstopa yada ekrana göre otomatik ayarlayamaz mı kendisi.

< Bu mesaj bu kişi tarafından değiştirildi crackzz -- 24 Mayıs 2020; 17:24:4 >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @BiletlerBiletxD

BiletlerBiletxD

6 yıl (4956 mesaj)

Binbaşı

Responsive tasarımın mantığı zaten mobil veya desktopa yönelik farklı tasarımlar yapmak.İki farklı resim kullanabilirsiniz.Arkadaşınız belki bunu bilmiyordur veya kullandığı temada farklılık vardır.Fakat istediğiniz şekilde çalışma yapılabilir.Otomatik ayarlama konusunda da şöyle bir durum var.Resmi sayfaya gömersiniz mobilde de desktoptada tamamı görünür.Ama şekli bozulur.Benim tavsiyem ve kullandığım yöntem platformlara uygun olarak farklı resimler kullanmak.

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @crackzz

crackzz

6 yıl (425 mesaj)

Yüzbaşı

Konu Sahibi

Mobile ve Desktop için 2 farklı görsel hazırlayabilirim. Bunu nasıl yapacağım hakkında bilgi verebilir misin?

Bu mesajda bahsedilenler: @BiletlerBiletxD

BiletlerBiletxD

6 yıl (4956 mesaj)

Binbaşı

Resmin olduğu alandaki class'ın ismini bulup css dosyasına aşağıdaki kodu ekleyin.Resmin class'ı ile yeni yazacağınız class aynı olmak zorunda.Buna dikkat edin.

@media only screen and (max-width: 600px) {
.class ismi{
background-image: url("mobil resim link");
}
}

Bu mesaja 1 cevap geldi.

crackzz

6 yıl (425 mesaj)

Yüzbaşı

Konu Sahibi

Siteyi yapan arkadaş ile konuştum kullandığımız tema da slider tam ekran olduğu için mobile göre küçülmüyor muş.

Bu mesajda bahsedilenler: @BiletlerBiletxD

BiletlerBiletxD

6 yıl (4956 mesaj)

Binbaşı

Tam olarak doğru mu anladım bilmiyorum ama sitenizin html kodlarıyla çok basit oynayarak şöyle bir tasarım ortaya çıkardım.Biri desktop sürümünün biri mobil sürümün ana ekranı.Stiller düzgün olsun diye uğraşmadım sadece size yol göstersin diye uğraştım.Gördüğünüz gibi desktop versiyonda kullandığım resim küçük geliyor.Fakat mobil versiyonda tam uyuyor.Eğer desktop versiyondaki resmin genişliğini sol tarafa doğru arttırırsanız o da tam oturacak.Bu sayede hem mobilde hem desktop versiyonda aynı görüntü elde edilecek.İstediğiniz bu tarz bir şeyse basit olarak böyle bir çözüm getirdim.

< Resime gitmek için tıklayın >
< Resime gitmek için tıklayın >

Yeşim ceylann

6 yıl (90 mesaj)

Çavuş

WordPress ile bir blog, magazin, e-ticaret sitesi ya da kurumsal bir Web sitesi yönetmeniz mümkün. Dünya çapında birçok kullanıcı ve kurum tarafından kullanılan WordPress, yüz binlerce tema, eklenti ve destek sunuyor. Günümüzde bir Web sitesinin sadece bilgisayarlarla ziyaret edilmediğini, aksine daha çok mobil cihazlarla ziyaret edildiğini söyleyebiliriz. Bu açıdan WordPress sitenizin mobil uyumlu olması büyük önem taşıyor. Bu yazımızda bir WordPress sitesini mobil uyumlu hale getirebilen birbirinden başarılı 5 WordPress eklentisini sizler için analiz ettik.

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Hazır forum ve portallar Worldprees Mobil'de farklı görsel