Wix Editör: Sitenizi Farklı Tarayıcılarda Düzgün Görünecek Şekilde Hizalama
3 dk.
Bu makalede
- Sütunları Kullan
- Listeler için tekrarlayıcı ögesini kullanın
- Konteyner kutuları kullanın
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.
Ö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 şeritler ekleyin ve sütunlara bölü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 ama farklı içeriklere sahip güzel şablonlar halinde organize eden ögelerin bulunduğu 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, kapsayıcı kutular ekleyin ve ögelerinizi bunlara iliştirin. Öncelikle kutunuzu ögelerinizin arkasına taşımanız gerekebilir. Ayrıca , yazı tipi sorunlarını önlemek için kutunun içinde metin için fazladan yer bırakmanızı öneririz . Bunu yaptıktan sonra kutuları saydam 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:
- Yeni Studio Editor'u tanıtan rehberli turumuza göz atın.
- Wix Studio Temelleri kursuna katılın ve Wix Studio Akademisi'nde bulunan çok sayıda video ve web semineri arasından istediklerinizi izleyin.
- Studio ile ilgili her şeyi sormak ve tartışmak için topluluk forumumuza katılın.
- İhtiyacınız olan tüm talimatlar ve açıklamalar için Wix Studio yardım merkezine göz atın.