WordPress düşük çözünürlükte site tasarımı bozuluyor

behzat_c · 25 Temmuz 2021

Merhabalar, WordPress üzerinden bir e-ticaret sitesi yapmaya çalışıyorum fakat bir sorunum var. Ben sayfayı düzenlerken falan hep büyük monitörümden dizayn ettim. Tarayıcıyı küçültünce veya daha az çözünürlüklü bir monitörden siteye baktığımda yaptığım dizayn bozuluyor. Bunu nasıl ayarlayabilirim diğer e-ticaret siteleri gibi?

sonrisa · 26 Temmuz 2021

Merhaba, temayı sen mi hazırladın yoksa hazır mı?

Hazırsa eklenti -> Custom CSS, JS, HTML adında eklentiler var. Araştırıp istediğini indir.

Ardından responsive tasarım için kullanılan bu kodları kullan aşağıya bir makale paylaşıyorum.

Örnek:

  /* (992 px'e kadar olan ekranları kapsar. (telefon için kullanabilirsin) */ 
@media screen and (max-width: 992px) {
.resim {
width: 120px;
height: 60px;
}
/* Bilgisayar */
@media screen and (min-width: 1200px) {
.resim {
width: 300px;
height: 90px;
}

Makale: CSS Responsive Mantığı ve Basit Responsive Örnekleri (basit ve sade bir dille anlatılmış)

İyi çalışmalar

behzat_c · 26 Temmuz 2021

sonrisa dedi:
Merhaba, temayı sen mi hazırladın yoksa hazır mı?

Hazırsa eklenti -> Custom CSS, JS, HTML adında eklentiler var. Araştırıp istediğini indir.

Ardından responsive tasarım için kullanılan bu kodları kullan aşağıya bir makale paylaşıyorum.

Örnek: /* (992 px'e kadar olan ekranları kapsar. (telefon için kullanabilirsin) */ @media screen and (max-width: 992px) { .resim { width: 120px; height: 60px; } /* Bilgisayar */ @media screen and (min-width: 1200px) { .resim { width: 300px; height: 90px; }

Makale: CSS Responsive Mantığı ve Basit Responsive Örnekleri (basit ve sade bir dille anlatılmış)

İyi çalışmalar

Merhaba benim kodlarla pek aram yok. Tam olarak ne yapmalıyım hazır kodu verebilir misiniz?

sonrisa · 29 Temmuz 2021

behzat_c dedi:
Merhaba benim kodlarla pek aram yok. Tam olarak ne yapmalıyım hazır kodu verebilir misiniz?

Merhaba, sınıfları bilmeden hiçbir CSS kodu yazamam. Sınıfları bulmak için de didik didik araman gerekiyor. Size üst tarafta mantığını anlattım. Tek yapmanız gereken sayı ve sınıf adını değiştirmektir. (class)

IBombacIMulayiMI · 29 Temmuz 2021

sonrisa dedi:
Merhaba, temayı sen mi hazırladın yoksa hazır mı?

Hazırsa eklenti -> Custom CSS, JS, HTML adında eklentiler var. Araştırıp istediğini indir.

Ardından responsive tasarım için kullanılan bu kodları kullan aşağıya bir makale paylaşıyorum.

Örnek: /* (992 px'e kadar olan ekranları kapsar. (telefon için kullanabilirsin) */ @media screen and (max-width: 992px) { .resim { width: 120px; height: 60px; } /* Bilgisayar */ @media screen and (min-width: 1200px) { .resim { width: 300px; height: 90px; }

Makale: CSS Responsive Mantığı ve Basit Responsive Örnekleri (basit ve sade bir dille anlatılmış)

İyi çalışmalar

Arkadaşın değindiği konuları malesef ki bilmen gerekli. Temayı satın mı aldın ?

behzat_c dedi:
Merhaba benim kodlarla pek aram yok. Tam olarak ne yapmalıyım hazır kodu verebilir misiniz?

Malesef ki kodlara aşina değilsen senin için süreç biraz daha zorlayıcı olur. Sana hazır kod sunabilmemiz için öncelikli olarak arkadaşın sorularını cevaplaman gerekli.

WordPress düşük çözünürlükte site tasarımı bozuluyor

Ayrıntılı düzenleme

behzat_c

Kilopat

sonrisa

Hectopat

behzat_c

Kilopat

sonrisa

Hectopat

IBombacIMulayiMI

Kilopat

Benzer konular

Bu konuyu görüntüleyen kullanıcılar