Wix Editör: Sitenizi Farklı Tarayıcılarda Düzgün Görünecek Şekilde Hizalama

3 dakikalık okuma
Wix siteleri, bugünlerde en yaygın kullanılan tarayıcılarda ve cihazlarda doğru şekilde görüntülenecek şekilde optimize edilmiştir.
Öğelerinizin farklı tarayıcılarda düzgün şekilde hizalanmadığını fark ederseniz bunun nedeni, farklı tarayıcıların ve cihazların farklı oluşturma motorları kullanmasıdır ve bu da küçük farklılıklara neden olabilir.
Notlar:
  • Metin kutularıyla ilgili hizalama sorunlarını giderme konusunda yardım için buraya tıklayın. 
  • Metni görüntülerin etrafına yerleştirmeye çalışıyorsanız buraya tıklayın.
Örneğin, aynı yükseklikte hizalanmış bir görüntünüz ve metniniz varsa bu görüntü ve metin farklı tarayıcılarda yanlış hizalanmış görünebilir. 
Bu görüntüde yatay hizalama sorunları görünüyor:
Bu görüntüde dikey hizalama sorunları görünüyor:

Sütunları Kullan

Sitenize şerit ekleyin ve bu şeritleri sütunlara ayırın. Her bir sütunun ne kadar büyük olmasını istediğinizi tanımlayabilir ve içeriğinizi buna göre düzenleyebilirsiniz. Bu yöntem içeriğinizi yatay olarak düzenler ve çarpıcı bir etki yaratır!
Konteyner kutuları kaldırdığınızdan emin olun ve ögelerinizi hizalamak için bu kutular yerine sütun kılavuz çizgilerini kullanın.
İpucu:
Sütun ögeleri duyarlı olduğundan ve tüm ekran boyutlarında harika göründüğünden hizalama sorunları için en iyi seçenektir.

Listeler için tekrarlayıcı ögesini kullanın

İçeriğinizi aynı tasarıma ve düzene sahip ancak farklı içeriğe sahip güzel şablonlar halinde düzenleyen ögelerin bir listesi olan tekrarlayıcı ögesini kullanın.Arka plan, görüntüler ve metin dahil olmak üzere her bir öge içeriğini ayrı ayrı özelleştirebilirsiniz.

Konteyner kutuları kullanın

İçeriğinizin dikey olarak hizalanmasını istiyorsanız, konteyner kutuları ekleyin ve bunlara ögelerinizi ekleyin.İlk önce ögenizi kutunuzu arkasına taşımanız gerekebilir.Ayrıca yazı tipi sorunlarını önlemek için kutunun içinde metniniz için fazladan yer bırakmanızı öneririz. Bunu yaptıktan sonra kutuları şeffaf hale getirebilir veya isterseniz kenarlık ekleyebilirsiniz:

Yukarıdaki ipuçları, karşılaştığınız hizalama sorunlarını çözmeli ve gelecekte sitenizi güncellemeyi çok daha kolay hale getirmelidir. 

Bu faktörlerin neden olduğu etkileri en aza indirmek için elimizden geleni yaparken aynı zamanda size özellik açısından zengin bir site oluşturma esnekliği sunmaya da devam ediyoruz.

Wix Studio'ya göz atın:
Wix Studio, serbest çalışanlar ve ajanslar için mükemmel bir platformdur. Bu esnek, baştan sona çözüm, her türlü sektördeki müşteriler için sıra dışı sonuçlar sunmanıza olanak sağlayan akıllı tasarım becerileri ve esnek geliştirme araçları sunar.

Wix Studio hakkında daha fazla bilgi edinin:

Bu içerik yardımcı oldu mu?

|