Masaüstünüzden veya dizüstü bilgisayarınızdan (akıllı telefon, tablet, vb.) Başka bir şey kullanarak bir web sitesine gittiniz ve sitenin tadını çıkarmaya çalıştınız, çünkü her şey tarayıcı penceresinin içine sığamıyordu.

Neyse ki çoğu akıllı telefon ve tablet, bu siteleri yakınlaştırıp uzaklaştırarak daha kolay görebilmenizi sağlıyor, ancak yine de, bir şeyi kaçırıyorsunuz ve tüm sitenin tadını çıkaramıyorsunuz.

Açıkçası, tam bu noktada, bunun neden böyle olduğundan emin değilim. Hemen hemen tüm akıllı telefon kullanıcıları ve tablet kullanıcıları bir noktada İnternet'i kullanmayı denemek için cihazlarını kullandılar - o halde neden daha fazla tasarımcı yanıt veren web tasarımları yaratmıyor? Zamanla ilgili değil mi?

Vakit geldi

Bir web sitesi tasarımında duyarlılık, tasarımın farklı tarayıcı / pencere boyutlarına göre ayarlanabilmesinden başka bir şey değildir. Çoğu zaman insanlar bunu düşündüklerinde, otomatik olarak cep telefonlarını düşünürler, ancak mobil cihazlarını kullanarak ve aynı zamanda 1920 x 1080 veya daha yüksek bir ekran çözünürlüğünde masaüstünü kullanan kişiyi kullanarak internette dolaşan kişi içindir.

Gerçekten de, duyarlı bir tasarım, cep telefonunu ve tabletlerini internete yönlendirmek için kullanan kişiye teşekkür etti. Daha kolay bir kullanıcı deneyimine sahip olmak için bir şey tüm çimdikleme ve telefon çevirme ile vermek zorunda. Duyarlı tasarım, tüm bunları göz önünde bulundurarak web sitelerinin taranmasının geleceğini de göz önünde bulundurur: Daha sonra hangi cihazlar icat edilecek? Daha küçük cihazlarına gerçekte göz atan insanların yüzdesi nedir? Duyarlı tasarım hiç norm haline gelecek mi? Bunlar soru sormaya ve hazırlanmaya değer sorular.

Duyarlı tasarımla ilgili bir başka önemli şey de, özellikle farklı mobil cihazlar için bir web sitesi oluşturulmasını gereksiz kılıyor. Etkili bir yanıt veren web sitesi oluşturabilirseniz bunu yapmak kafa karıştırıcı, hantal, pahalı ve zaman kaybı olabilir. Bir web tasarımcısı ya da sadece bir işletme sahibi iseniz, duyarlı sitelerin nasıl oluşturulacağını ya da yanıt veren sitelere nasıl geçeceğinizi öğrenmek aylar hatta yıllar içinde büyük bir fark yaratabilir. Bir adım önde olmak istiyorsun, değil mi?

15 adet ücretsiz yanıt veren tema

Bazen, duyarlılığı sağlayan sürekli gelişen teknolojiyi korumak zor olabilir. Kendim gibi taş bir soğuk tasarımcı için biliyorum, kod sadece hızlı bir şekilde bana gelmiyor ve bazen biraz yardıma ihtiyacım var. Ve yardım ya katı bir öğretici formda ya da işlem başlatan biri ya da başka bir şey olarak gelebilir.

Aşağıda, zamanla uyumlu hale getirmek için en iyi yanıt veren WordPress temalarını bulduk. Bunların çoğu çok minimalist ama akılda tutunuz ki, bu temaların çoğu site tasarımınızı inşa edeceğiniz çıplak kemik yapısı olarak kullanılmalıdır. Birçoğu oldukça özelleştirilebilir (veya değişikliklerinizi yapmak için CSS'ye girebilirsiniz) ve bitmiş temalardan daha çok şablon gibi çalışır. En sevdiğin yeri seç ve harika tepki alanına git.

* Geliştirici açıklamaları italiktir.

Ari WordPress Teması

“Ari, temiz, minimalist bir tasarıma sahip ücretsiz bir WordPress teması. Tema, farklı tarayıcı boyutları ve mobil cihazlar (tablet, PC veya modern akıllı telefonlar) için optimize edilmiş duyarlı bir yerleşime sahiptir. Ari, küçük bloglar veya kişisel bloglar için en uygun, kullanımı kolay, esnek bir blog teması. Tema seçenek sayfasındaki arka plan, yazı ve bağlantı renklerini kolayca değiştirebilirsiniz. Tema seçeneklerinde, kendi logo resminizi kullanarak logoyu da değiştirebilirsiniz. Ari ile çok fazla şey yapmadan blog yazmaya başlayabilirsiniz ve okuyucularınız tablet yayınlarını tabletlerinden, bilgisayarlarından veya akıllı telefonlarından okuyarak keyif alabilir. ”

gösteri | İndir

WPZoom Bonpress

“BonPress, mükemmel bir kişisel blog teması. Mesaj Biçimleri (ses, video) özelliği ve Twitter ve Flickr gibi birden fazla Özel Widget ile paketlenmiş, size bloglamadan benzersiz bir deneyim sunacaktır. ”

gösteri | İndir

İş Lite

“CyberChimps WordPress Temaları'ndan Business Lite 3, herhangi bir cihazda (iPhone, iPad ve Android gibi mobil cihazlara sihirli ayarlamalar yapan) herhangi bir iş için mükemmel bir Ücretsiz Duyarlı İş WordPress Temasıdır. Şirketinize WordPress'i modern bir Sürükle ve Bırak İçerik Yönetim Sistemine (CMS) dönüştürecek araçlar sunar.

Business lite, Duyarlı Özellik Kaydırıcı, Widgetized kutular ve Callout bölümü dahil heyecan verici yeni Sürükle ve Bırak Sayfa Öğeleri sunar. Tüm bu Unsurlar, her sayfanın görünümünü ve hissini kontrol etme gücü veren kenar çubuğu ve düzen seçeneklerini de içeren Sürükle ve Bırak Sayfa Seçenekleri'ni kullanarak sayfa başına göre kullanılabilir. ”

gösteri | İndir

Izgara Teması Duyarlı

“Izgara Teması Duyarlılığı, sonsuz kaydırma özelliğine sahip, mobil uyumlu tasarıma sahip bir WordPress Teması. Izgara Teması, portföylerini sergilemek için herhangi bir reklam öğesi için mükemmeldir. ”

gösteri | İndir

Gridly Folio WordPress Tema

“Grafik tasarımcıları veya fotoğrafçılar için ideal olan ücretsiz bir minimum ve duyarlı portföy teması.”

gösteri | İndir

kapak

“Mobil cihazlarda gelişmiş kullanıcı deneyimi için duyarlı düzen ile Basit portföy / fotoğrafçılık WordPress teması. Üzerine inşa edilmiş bir ana tema Hibrit Çekirdek - Platform mimarisi ve kendi işlevselliğinizi ekleme kancaları sayesinde genişleme için neredeyse sınırsız imkanlar. ”

gösteri | İndir

iFeature 4

“İFeature 4, CyberChimps.com tarafından bir Duyarlı Sürükle & Bırak Profesyonel WordPress Teması. Duyarlı bir Apple benzeri tasarım (iPhone ve iPad gibi mobil cihazlara sihirli ayarlarla), Duyarlı iFeature Slider, Yeni Sürükle & Bırak Üstbilgisi Öğeleri, Sayfa ve Blog Öğeleri, sezgisel Tema Seçenekleri içerir ve HTML5 ve CSS3 ile oluşturulmuştur . iFeature 4 ayrıca özel logo desteği, sosyal simgeler, widgetlı bir kenar çubuğu ve altbilgi ve özel tipografi seçenekleri içerir. ”

gösteri | İndir

Leon WordPress Teması

“Leon, ilk tamamen duyarlı WordPress temam… Muhteşem İskelet çerçevesine teşekkürler. Bunun dışında tema hazır WordPress 3 ve özel menü özelliği, özellikli küçük resimler, widgetlı kenar çubuğu ve altbilgi, tema seçenek sayfası vb.

gösteri | İndir

Mixfolio

“Mixfolio, WordPress için duyarlı bir HTML5 portföy teması. En iyisi de bedava olması! Portföyünüzü veya çevrimiçi markanızı oluşturmak için kullanın. Mixfolio 'Post Formats özelliği'ni kullanarak Resim, Galeri, Video veya Standart mesajlar oluşturun.

gösteri | İndir (ücretsiz üye olmak için kaydolmalısınız)

Oksijen

“WordPress için üstün kaliteli, duyarlı bir dergi teması. Oksijen, endüstri tarafından tanınan, yüksek derecede genişletilebilir bir ana temadır. Hibrit Çekirdek çerçeve - kendi çocuk temalarınızı oluşturmak için harika bir üs. ”

gösteri | İndir

Respo Tema

“Respo, temiz, şık ve özelleştirilebilir tasarım ile inanılmaz bir WordPress teması. Tema kişisel bloglar ve / veya çevrimiçi dergiler için uygundur. Bu, düzenini ziyaretçilerinizin ekran boyutuna uyarlayabilen duyarlı bir temadır (ekranı yeniden boyutlandırmayı ve kendiniz görünmeyi deneyin). Bu temanın kaydırıcıları da yanıt veriyor, yani iPad veya iPhone gibi mobil cihazlarda süper şık çalışıyor. ”

gösteri | İndir

Duyarlı Wordpress Tema

“İş veya kişisel site için Ücretsiz Duyarlı WordPress Tema, seçim sizin.

gösteri | İndir

Duyarlı Yirmi On

“Responsive Twenty Ten, varsayılan WordPress temasının çocuk teması. Dan Gavin ve Sara Cannon Birmingham, AL duyarlı WordPress teması yapmak için bir arayışa gitmeye karar verdi. Ve bak, hayal ettikleri TwentyTen çocuğu çoktan başladı! Yani, bu temayı Todd Halfpenny'nin versiyonuna dayanarak geliştirdiler İşte . Esnek görüntüler, güzel kenar boşlukları ve bazı mobil görüntü kuralları gibi bazı özel dokunuşların eklenmesiyle. ”

gösteri | İndir

İskelet WordPress Tema

“Bu WordPress teması, bir Duyarlı Web Tasarım (RWD) tabanlı iskelet Demirbaş. Bu tema bbPress 2 hazır ve kullanır Seçenekler Çerçevesi Temel tasarımı yönetici konsolundan özelleştirebilirsiniz. ”

gösteri | İndir

Yoko

“Yoko, modern ve esnek bir WordPress teması. CSS3 medya sorgularına dayanan duyarlı düzen ile tema farklı ekran boyutlarına göre ayarlanır. Tasarım, büyük masaüstü ekranları, tabletler ve küçük akıllı telefon ekranları için optimize edilmiştir. Blogunuzu daha bireysel hale getirmek için, yeni yayın biçimlerini (galeri, bir kenara ya da alıntı gibi) kullanabilir, kendi logonuzu ve başlık resminizi seçebilir, arka planı ve bağlantı rengini özelleştirebilirsiniz. ”

gösteri | İndir

Sonuç

Duyarlılığa gir. Orada WordPress sitenizi alıp web sitenizin bir mobil sürümünü veya bir uygulama sürümünü oluşturacak pek çok uygulama ve eklenti var, ancak bunların hiçbirisi sitenize sitenizden erişemediğinde bile bunların hiçbiri önemli değildir. Kendi uygulamanızın olması büyüleyici görünebilir ve eğer gerekli ise, bundan daha fazla. Ancak, tüm yapmanız gereken, birçok durumda uyarlanabilir bir site oluştururken birkaç adım atmak zorunda kaldığında, neden bunu yapmak için fazladan para harcamanız gerekiyor?

Birçok kişi bunun sadece bir başka eğilim olduğuna inanıyor olsa da, bunun uzun bir süredir olacağına inanan birçok kişi var. Mobil ve küçük cihazlardaki artışla, bu tekniğin öğrenilmesinin nasıl zararlı olabileceğini görmek zor. Ayrıca, tarayıcı pencerenizle oynarken öğeleri artırmak ve azaltmak için oldukça eğlenceli.