Yeni bir web sitesi projesine tema yapmak için kolları sıvamak üzereyim 🙂 Ama gel gör ki, tablet ve akıllı telefonlardan internete girenlerin sayısı hiç de az değil.. Hele amacımız özellikle gençlik için bir web sitesi yapmaksa, artık kurtuluşumuz yok:

1) ya responsive bir temaya ihtiyaç var ,
2) ya da normal temanın mobil bir versiyonuna ihtiyacımız var…
3) 3. ihtimal olarak da wordpress için temamızı mobil temaya çeviren eklentiler kullanabiliriz, günü kurtarmak adına…

responsive-web-tasarim

Normalde çoğunlukla günü kurtarmayı düşünürüm 🙂 Ama madem web tasarımı hoşuma gidiyor, şu responsive tema işine ben de bir göz atayım dedim 🙂

Yeni başlayanlar için yardımcı olabilecek bazı linkleri paylaşmak istiyorum, çünkü ben de şu an bunları okuyup responsive temanın inceliklerini öğrenmeye çalışıyorum 🙂

 

Response Tema yapmanın püf noktası, web sitemizin görüntülendiği ekranın genişliğine uygun tasarım yapmak… Sitemizi bilgisayarlar için geniş, tabletler için orta, cep telefonları için yatay ve cep telefonları için küçük gibi 3-4 genişliğe uygun şekilde tasarlamamız gerekiyor… Bilgisayarlar için 1280 veya 960 düşünebilirsiniz. 21,5 inç üzeri ekranlarda 960 zayıf kalabiliyor. Tabletler için 720, yatay ekrandan bakan cep telefonları için 480 ve dikey cep telefonu ekranı için ise 320 veya 280 piksele göre tasarlamak gerekli…

Ekran genişliğine göre hangi kısmın nasıl boyutlandırılacağı, hangi resimlerin ve yazıların görünüp görünmeyeceği, üst menünün nasıl dar alana çevrileceği gibi konuları hep CSS kısmında hallediyoruz. İsterseniz Jquery ile üst menüyü mobile çevirebilirsiniz ama o sonraki bir aşama…

@media screen and (max-width: 480px) {…
}
@media screen and (max-width: 320px) {…
}

Responsive Menü Yapımı
Responsive Temaya Giriş: Izgara Sistemi- Modüler Tasarım ve Ölçülendirme
Yeni Başlayanlara Responsive Tema Yapımı İpuçları: Mobil Ölçüler
Yeni Başlayanlar için Responsive Tema Yapımı
Responsive Tema için HTML Kodlaması
Responsive Tema için CSS dosyaları oluşturma
Responsive Tema için CSS Dosyalarını Meta Tag ile Çağırmak