Mobile geçerken

Sitemin mobil arayüzü için yaptığım çalışmalar.

css_res

  • Mobil arayüzde görünmeyecek bölgeleri Media Queries içinde tanımlamak.
  • Web arayüzde görülmeyecek mobil kısımların tanımı.
  • Logonun responsive ayarlaması.
  • Menü ayarlaması.
  • Post görsellerinin responsive ayarları.
  • Arama formunun düzenlenmesi.
  • Sosyal medya buttonları için sprite hazırlanması.
  • Footer düzenlemesi. Arama formu ve sosyal medya buttonlarının yerleştirilmesi.
  • Gereksiz javascriptlerin çıkarılması.
  • Gereksiz CSS kodlarının temizliği.
  • CSS kod düzeni ve boyut küçültmesi.
  • Gereksiz html kodlarının temizliği.
  • HTML kod düzeni ve boyut küçültmesi.

[jetpack-related-posts]

Zamanında web standartlarına uygun olarak yaptığım temamın mobil arayüzünü tasarlamak da kolay oldu.
İşin %90’ı CSS dosyası üzerinden gerçekleşti.
Web arayüzünden mobile geçiş sıkıntılı olabiliyor. Mevcut yapı mobil kısımda her istediğinizi, istediğiniz gibi yapmanıza olanak vermeyebiliyor.

Siz mevcut temanızı mobile uyumlu yapmak yerine, önce mobil görünümden başlayarak büyük ekranlara doğru tasarımınızı yapın. Böylesi daha temiz ve kolay olacaktır.




ALAKALI POSTLAR

Bir cevap veya yorum yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir