22-08-2020 Saat 02:23
Responsive Tasarım Nedir
Responsive Tasarım, sitelerinizde kullandığınız temaların esnekliğini sağlayan bir yapıdır. Sitenizi ziyaret eden kullanıcıların kullandığı ekran boyutuna göre sitenizin tasarımının şekil almasıdır. Aynı zamanda Responsive Tema kullanırsanız, Mobil aramalarda siteniz daha üst sıralara çıkacaktır. Aynı zamanda İç SEO için en önemli noktalardan biridir.
Responsive Tasarım Nasıl Yapılır
Responsive Temalar sayesinde mobilde Google’da siteden siteye dolaşırken önümüze çıkan çoğu sitenin responsive (esnek) bir tasarıma sahip olduğunu görürüz. Bu sitelerde hangi çözünürlükte hangi boyutta cihazla siteye girerseniz girin yine de sitenin temasında bozulma olmayacaktır. Sizde sitelerinizi böyle yaparak sitenizi kullanıcı uyumlu hale getirebilirsiniz.
Responsive Tema tasarlayabilmek için birkaç etkili yöntem mevcuttur. Bu yöntemler ;
Web Geliştirirken “px” ile çalışanların sabit ölçü değerleri bulunmaktadır. Bu ölçüler ile her kullanıcıya daha kolay bir şekilde hitap edebilir.
Responsive Tasarım, sitelerinizde kullandığınız temaların esnekliğini sağlayan bir yapıdır. Sitenizi ziyaret eden kullanıcıların kullandığı ekran boyutuna göre sitenizin tasarımının şekil almasıdır. Aynı zamanda Responsive Tema kullanırsanız, Mobil aramalarda siteniz daha üst sıralara çıkacaktır. Aynı zamanda İç SEO için en önemli noktalardan biridir.
Responsive Tasarım Nasıl Yapılır
Responsive Temalar sayesinde mobilde Google’da siteden siteye dolaşırken önümüze çıkan çoğu sitenin responsive (esnek) bir tasarıma sahip olduğunu görürüz. Bu sitelerde hangi çözünürlükte hangi boyutta cihazla siteye girerseniz girin yine de sitenin temasında bozulma olmayacaktır. Sizde sitelerinizi böyle yaparak sitenizi kullanıcı uyumlu hale getirebilirsiniz.
Responsive Tema tasarlayabilmek için birkaç etkili yöntem mevcuttur. Bu yöntemler ;
- Bootstrap –> Youtube ve Udemy Üzerinden birçok videosu vardır. Beğendiğiniz bir tanesini seçip izleyerek en kolay yoldan sitenizi Responsive bir şekilde tasarlamış olursunuz.
- @media Etiketi –> Temanızı her çözünürlüğe aynı olarak düzenlersiniz. Temalarında “px” ile çalışanlar için tercih etmesi gereken bir yöntemdir.
- % ile Çalışma –> Yüzde ile çalıştığınızda başka hiçbir şey yapma zahmetine girmessiniz. Fakat tek sorun % ile çalışmak “px” ile çalışmaktan biraz daha zordur.
Web Geliştirirken “px” ile çalışanların sabit ölçü değerleri bulunmaktadır. Bu ölçüler ile her kullanıcıya daha kolay bir şekilde hitap edebilir.
- Mobil Tasarımlar için 768 px boyutundan daha küçük ölçülerle çalışma yapmalısınız.
- Tablet Tasarımlar için 768 px boyutundan daha küçük ölçülerle çalışma yapmalısınız.
- Masaüstü Tasarımlar için 992 px boyutundan daha küçük ölçülerle çalışma yapmalısınız.
- Büyük ekranlar için 1200 px boyutundan daha küçük ölçülerle çalışma yapmalısınız.
- Responsive tasarlarken birçok teknik bulunmaktadır. Bu teknikler web geliştirirken size çok yardımcı olacaktır.
- Kolay yoldan responsive çalışmak istiyorsanız Bootstrap ile Çalışmalısınız.
- PX ile çalışmak bana daha rahat geliyor. Sizde rahatınıza düşkünseniz PX ile çalışmalısınız fakat @media ile tasarlamayı öğrenmeniz gerekmektedir.
- Temanızda resim kullanacaksanız vektörel çizilmiş resim olmalıdır. Bu sayede resmi ne kadar büyültüp küçültsenizde resmin kalitesinde sorunlar olmayacaktır.
- Adsense reklamlarınızı mobil uyumlu hale getirin.
