20/10/2016 - Mobil Uyumluluk Değişiklikleri (v2.2.1) - Duman - 20-10-2016
20/10/2016 - Mobil Uyumluluk Değişiklikleri
Güncelleme sonrası forumun mobile uyumluluğu kapsamında bazı değişiklikler yapıldı, bu değişiklikler yüksek ihtimalle herkesin farkedeceği değişiklikler olduğu için diğer değişiklikleri beklemeden ayrıca konusunu açmak daha uygun.
STANDART UYARI
Aşağıdaki değişikliklerden birinin veya birkaçının sizde etkili olmaması durumunda sayfayı CTRL + F5 yaparak çerezlerden değil, direkt olarak kaynağından yükleyin. Eğer ona rağmen değişiklik geçerli olmadıysa bu konu veya özel mesaj aracılığıyla yöneticilerle iletişime geçin.
DEĞİŞİKLİKLER
- Forumun ana görünüm modu artık Geniş Tema.
- Alternatif Geniş Tema teması Dar Tema olarak değiştirildi.
- Tema yapılarının değişimi gereği tüm kullanıcılar klasik temaya geçirildi.
AÇIKLAMA
Bu değişikliklerin doğasını ve mobil ile uyumluluktaki sorunları anlamak için öncelikle dar tema ve geniş tema dediğimiz 2 ayrı forum görünüm seçeneğinin birbirinden nasıl ayrıştığını bilmek gerekiyor. Forumun kuruluşunda birçoğunuzun hatırladığı üzere forumun ana görünüm modu şu anki gibi, geniş moddu. Dar modda forum 960 piksellik, yani ekran genişliği 1920 piksel olan biri için tam olarak ekranın %50'sine denk gelecek bir biçimde bir alan kaplar. Dolayısıyla 1920 piksel genişlikle forumu görüntüleyen biri forumda %25 Arkaplan - %50 Forum - %25 Arkaplan görür. Ancak bu 960 piksel kuralı kişinin sayfa genişliği azaldıkça herhangi bir değişime uğraşamaz. Dolayısıyla 1024 piksel genişlikle forumu görüntüleyen biri forumda %3 Arkaplan - %94 Forum - %3 Arkaplan görür.
Öte yandan Geniş mod olarak isimlendirdiğimiz modda forumun genişliği piksel ile değil, yüzde ile ölçülmektedir ve forum her zaman sayfanın %90'ını kaplar. Bu %90'lık değer kullanıcının ekran genişliğine göre belirlenir ve bu genişlik ne olursa olsun %5 Arkaplan - %90 Forum - %5 Arkaplan dengesi korunur. Yukarıdaki değerlerle karşılaştırdığınızda internet kullanıcılarının yaklaşık %8'ini oluşturduğu belirtilen 1024 piksel genişliğe sahip kullanıcılar için, aslında dar forumun geniş forum modundan daha geniş olduğu görülür. Çünkü 960 piksel 1024'ün %90'ından büyüktür.
Bakım sonrası tasarım geliştirme çalışmamızda anasayfada olmak üzere sağ kısma yeni menüler ekledik, şu anda o kısımda sadece Hoşgeldiniz bölümü ve Twitter bölümü bulunuyor ancak o bölüme çok daha farklı şeyler ekleme mümkünatımız var. Forumun sağına bu alanı eklerken 270 piksellik bir alanın oradaki içeriğin düzgün bir şekilde okunabilmesi için yeterli olduğu kanaatine vardık. Sayfaya yapılacak bu 270 piksellik ekleme ile dar forumun genişliğini 960 pikselden sadece 1205 piksele çıkartmamız gerekti.
Dar forumda yaşadığımız tasarım sorunu konunun girişindeki değişiklik özetinden de anlayacağınız şekilde mobilde gerçekleşiyordu. Strategyturk Forumları gibi forumun sağında veya solunda çeşitli ayrı içerik barındıran diğer forumları incelediğinizde (örneğin Paradoxplaza) bu sitelerin mobilde önce forumu gösterdiklerini, ancak ondan sonra bu sağda veya solda gösterilen yerleri sıraladığını görürsünüz. Yani sayfanın bozulmaması adına sayfayı ikiye bölerler. Bu Strategyturk'te bizim için bir seçenek değildi, öte yandan istediğimiz bir şey de değildi.
Peki sorun tam olarak ne? Sorun bilgisayarların ekran genişliğinden bahsederken 1920, 1024 gibi sayılar kullanırken mobil cihazların genişliğinden bahsederken 360 gibi sayılar kullanmamızdan kaynaklanıyor. Dolayısıyla bu 360'lık genişliğe sahip bir cihaza cihazın genişliğinden etkilenmeyen 960'lık veya 1205'lik bir genişlikte görüntü sunduğunuzda bu görüntü ona uyumlu bir şekilde 'küçültülmeye' çalışılıyor. Bu küçültme işlemi dar forumun 960 piksel olduğu zamanlarda aslında çok da başarılı olmasa da görmezden gelebileceğimiz bir unsurdu, ancak yeni tasarım çalışması ve ardından gelen genişletme sonrası bizim ortaya koyduğumuz herhangi bir çalışmada içimizin rahat olmasını sağlayacak seviyenin altına indi.
Öte yandan %90'lık genişlik, her zaman ekranı cihazın kendi genişliğini referans alarak ayarladığı için daha kullanılabilir ve daha mobil uyumlu bir seçenek. Bundan yola çıkarak sağdaki kısmın da genişliğini 270 piksel yerine %10'luk bir değer haline getirdik, ancak şu andaki Twitter kısmı minimum bir seviye genişliğe ihtiyaç duyduğu için asıl değer %14 civarı. Bu yaptığımız değişiklikle mobil kullanıcıların yaşayabileceği yegane problem sayfadaki belli bir genişlik limitiyle sınırlanmış içeriğin, o genişliğe sığmaması ihtimali. Yani forumun anasayfasındaki bölüm isimleri, bölüm tanımları ve alt bölüm isimleri ekranınızın onlara ayrılan kısmına sığmayabilir.
Bu durumda eğer forumu çoğunlukla mobil bir cihazda kullanıyorsanız, forum seçeneklerine gelerek 'sideboxlar gösterilsin mi?' seçeneğindeki tiki kaldırmak suretiyle daha da iyi bir görünüm elde edebilirsiniz. Aynı şekilde forumun eski varsayılan görünüm modu olan Dar Forum'u kullanmak istemeniz takdirde Dar Forum temasına geçiş yapabilirsiniz.
ÖNERİLERİNİZ
Forum Öneri Merkezi konusundan forumla ilgili çeşitli değişiklik önerilerinde bulunarak bize forumu geliştirmemizde yardımcı olabilirsiniz. Üyelerin önerisiyle yapılan değişikliklerde değişiklik notunun yanında üyenin nickini belirteceğiz.
İyi forumlar.
20/10/2016 - Mobil Uyumluluk Değişiklikleri - unonimus - 20-10-2016
Bahsettiğin sorun şu sanırım:
http://i.hizliresim.com/40Jkjq.png
(Koda almakla uğraşamayacağım için ve .PNG olduğu için resmin sadece linkini verdim.)
20/10/2016 - Mobil Uyumluluk Değişiklikleri - Duman - 20-10-2016
Bahsettiğim sorun bu değildi ancak şu an onu da düzelttim, bir sonraki sefere: https://forum.strategyturk.com/konu-forum-bug-rapor-alani
|