Responsive tema, farklı ekran boyutlarına göre farklı görünüm alabilen temalar için kullanılır. Kısaca iPhone, iPad ve iMac için uyumluluk şeklinde de özetlenebilir. Son günlerde oldukça popüler olan bu kavram internete girmemizi sağlayan araçların çeşitlenmesi sebebiyle ortaya çıkmıştır.
Şimdi 5 soruda responsive (uyumlu) temanın ne olduğunu anlamaya çalışalım.
S1: Neden responsive tema?
Web siteniz masaüstü veya dizüstü bilgisayar üzerinde gayet sorunsuz görünebilir ancak cep telefonu veya tabletten sitenize girildiği zaman da ziyaretçinizi memnun edecek bir görünüm olup olmadığını bilemezsiniz. Responsive yani uyumlu bir temanız olursa farklı cihazlara göre değişebilen ve düzgün bir görünüm yakalamış olursunuz.
S2: Responsive temanın faydaları nelerdir?
Zaman, emek ve para. Şu sıralarda web sitelerinin bazılarında mobil site kavramını görüyoruz. Büyük siteler için çok sorun olmayabilir, belki de özellikle masaüstünden farklı özellikleri olan mobil site yapmak istemiş de olabilirler. Küçük ve orta ölçekli bir sitenin mobil şeklinde ayrı bir site yaptıracak ekonomisi ve buna harcayacak zamanı olmayabilir. Bu durumda temanıza responsive özellik ekleyerek bu dertten kolayca kurtulabilirsiniz.
S3: Responsive tema oluşturmak için ne bilmek gerekir?
HTML ve CSS. CSS bir web sitesinin nasıl göründüğünü belirler. Farklı medya türleri için HTML kodunun nasıl görüneceğini CSS ile belirtmelisiniz. Örneğin masaüstü veya dizüstünde görünen bir sütunu alan darlığından ötürü mobil sitede göstermek istemeyebilirsiniz bu durumda o sütun için görünüm özelliğini aşağıdaki gibi iptal etmeniz gerekecektir.
@media screen and (max-width:320px) {
.sidebar { display: none }
}
S4: Bir web sitesinin responsive olduğunu nasıl anlarım?
Web sitesini herhangi bir tarayıcıda açıp küçültün. Sonra da boyutunu azaltıp arttırın. Sitenin görünümü farklılaşıyorsa o site responsive yani uyumludur.
S5: Uyumluluk gerektiren ekran boyutları nelerdir?
İnternet bağlantısı kurabilen ve en çok kullanılan cihazların ekran boyutlarını şu şekilde sıralayabiliriz: 320px (iPhone dik tutuş), 480 px (iPhone yan tutuş), 600px (Android Tabletler), 768px (iPad + Galaxy Tabletler) ve 1024px (iPad yan tutuş ve masaüstü).
Yararlı paylaşımınız için çok teşekkürler. Peki bu responsive wordpress sitelere nereden ulaşabiliriz ücretsiz olanlara bir bilginiz varmı? şimdiden teşekkürler 🙂
merhaba. responsive temalara özel bir site var mı bilmiyorum fakat wordpress tema indirebileceğiniz bir sitede temalara bakarken “responsive” özelliği varsa belirtecektir. ücretsiz temalar için WordPress temaları ile ilgili bilmek isteyecekleriniz yazısına göz atabilirsiniz.
Tabiki var,hemde sınırsız sayıda.
Benimle bağlantı kurarsanız site adres verebilirim…
iletişim kaynaklarının çeşitliliği bilgiye her yerden ulaşılması bunlara cevap verebilecek teknojiler sanırım html5 ve css bu gelişimi takip edecektir.
Bilgi için teşekkürler
Selamlar http://www.tvizleyim.com burası responsivemidir hocam? html5 ile kodlanmış fakat değilse nasıl uyumlu hale getirilir?
gördüğüm kadarıyla responsive evet.
Hocam harika bir paylaşım teşekkür ediyorum.
http://www.adanaevdenevenakliyatfirmalari.com/ bu temayı responsive yapacak wm arkadaş aranıyor ücretli?
Android ve internet alışveriş sistemleri bu temaları oldukça popüler yapmaktadır.
Sağol hocam, çok güzel özetlemişsiniz, elinize sağlık.
Merhabalar hocam http://www.canlitv.name/ sitesi responsive mi yani html 5 mi acaba nasıl öğrenebiliriz?
merhaba. yorumu yazdığım tarih itibarıyla site responsive değil. bunu farklı mobil cihazlardan bakarak anlayabileceğiniz gibi bilgisayar görünümünde pencere boyutunu daraltarak da anlayabilirsiniz. eğer sayfa yapısı sabit kalıyorsa responsive değildir. eğer dinamik olarak sayfa ekrana göre kendini farklılaştırabiliyorsa da responsive özelliği vardır diyebiliriz.
Not: Üst menüde “Çoçuk” diye bir kategori var doğrusu “Çocuk” olmalıdır.
Merhaba hocam nacizane bilgiler için teşekkürler.. bende http://www.hangiyemektarifi.com bu siteyi responsive yapmaya çalıştım ama galiba pek olamadı :/ responsive hakkında daha detaylı bilgiler paylaşırsanız sevinirim.
merhaba. teknik detay paylaşmaya bence fazla gerek yok eğer wordpress kullanıyorsanız. kendinize responsive bir tema edinmenizi öneriyorum.
Özhan Hocam mrb, joomla responsive tema kurdum siteye ama mobilde baktığım zaman menüler alt alta gelmiyor mobil eklentide kurdum yine düzelmedi yardımcı olabilirseniz sevinirim.
sitem http://www.bilgeztv.com
merhaba. sorunuzu tam anlayamadım. ayrıca gördüğüm kadarıyla siteniz daha yapım aşamasında. joomla bilgim yok maalesef. wordpress düşünürseniz tema olarak MyThemeShop temalarını öneririm. gayet başarılıdır ben de kullanıyorum.
Hocam yazınız için teşekkür ederim. Güzel bir öneri.
Çok teşekkürler.