Son iki veya üç yıl içinde çevrimiçi tasarım dünyasındaki en büyük terimlerden biri "Duyarlı" olmalıdır. 4 inç akıllı telefon ekranından 27 inç ekrana kadar her şey, web sitenizin veya blogunuzun ne olursa olsun iyi göründüğünden emin olmak zor olabilir ne. Bu nedenle, duyarlı bir tasarım önemlidir çünkü siteye erişmek için hangi cihazı kullandığınızı otomatik olarak algılayabilir ve ekranınızın boyutuna uyacak şekilde ayarlayabilir.
Tüm web sitenizi duyarlı olacak şekilde tasarlayabilirsiniz, ancak harici içeriği yerleştirirken, web sitenizin ziyaretçilerinin kullandığı ekrana veya cihaza uyacak şekilde kendisini ayarlaması gerekmez. Yerleştirilebilir duyarlı içerik sağlamayan siteler arasında YouTube ve Instagram gibi devler de bulunur, ancak aşağıdaki gibi bir hizmet kullanabilirsiniz Duyarlı Göm bu içeriği duyarlı yerleştirmelere dönüştürmek.
Duyarlı Web Tasarımının Tarihçesi
Duyarlı web tasarımı terimi, 2010 yılına kadar, tasarımcı Ethan Marcotte tarafından şu makalede yazılmıştır: A List Apart. O yazdı:
“En iyi görüntüleme deneyimi için tasarlayabiliriz, ancak standartları daha esnek değil, aynı zamanda onları oluşturan medyaya daha uyumlu hale getirmek için standartlara dayalı teknolojileri tasarımlarımıza yerleştirebiliriz. Kısacası, duyarlı web tasarımı uygulamamız gerekiyor. ”
Şimdi sadece üç yıl sonra, duyarlı web tasarımının önemi büyümeye devam ettive çarpıcı, duyarlı bir tasarım veya tema kullandığınızdan emin olmanın yanı sıra, çok sayıda ilginç web sitenize tamamen duyarlı bir deneyim sunduğunuzdan emin olmak için kullanabileceğiniz duyarlı araçlar Ziyaretçi.
Duyarlı Göm
Bu nedenle, temanız duyarlı olsa da (bu liste gibi) muhteşem duyarlı WordPress temaları Bu Ücretsiz WordPress Temalarından Biriyle Şaşırtıcı Şekilde Duyarlı Bir Portföy OluşturunBu gün, özellikle fotoğrafçı, sanatçı veya grafik tasarımcıysanız, güzel tasarlanmış bir web sitesine sahip olmak yeterli değildir. Bu günlerde siteniz yanıt vermiyorsa, sitenizin önemli bir bölümünü ... Daha fazla oku ), bir ziyaretçinin ekranının boyutuna uyması gerekmeyecek belirli yerleştirmeler vardır. Twitter, Storify, SoundCloud ve Scribd'den içerik ekleyebilmenize rağmen, sizin için tüm ağır kaldırma işlemlerini zaten yaptılar. Örneğin, bir tweet'i yerleştirirseniz, yerleştirme duyarlı olur, böylece ziyaretçinizin ekranına sığacak şekilde yeniden boyutlandırılır.
Bununla birlikte, duyarlı yerleştirmeler sağlamak için uğraşmayan birkaç suçlu var, böylece sitelerinden içerik paylaştığınızda, görüntülendiği ekrana otomatik olarak uyum sağlar üzerinde. Bu nerede Duyarlı Göm içeri gelir. Kodda yolunuzu biliyorsanız, her zaman kaynak kodunu düzenleyebilir ve duyarlı bir kod haline dönüştürebilirsiniz, ancak Duyarlı Olarak Göm sadece bir kopyala yapıştır meselesi yapar - çok kolay!
Hizmet şu anda Instagram, YouTube, Vimeo, Google Haritalar ve hatta genel iFrame yerleştirmeleriyle konuşuyor. Bu tür siteler, duyarlı yerleştirmeler kullanmaya başlamamış bir harikadır; ama belki de bu yüzden Duyarlı Embed gibi bir araç ortaya çıktı. Şu anda yanıt veren popüler sitelerin küçük bir listesini görmek için sitedeki "Diğer" i tıklayabilirsiniz.
Hizmet Nasıl Kullanılır
Gömme'yi Duyarlı Kullanmak daha kolay olamazdı. Tek ihtiyacınız olan, kullanmak istediğiniz servisteki orijinal gömme kodudur. Bir YouTube veya Vimeo videosu gömmek için tek ihtiyacınız olan videonun doğrudan bağlantısıdır. Bir Instagram fotoğrafını gömmek istiyorsanız, aynı şeydir - sadece web'deki Instagram resminin bağlantısını alın. Diğer yandan, Google Haritalar ile, biraz daha karmaşıktır, çünkü yalnızca doğrudan bir bağlantı kullanamazsınız - Google Map’in gömme koduna erişmeniz gerekir.
Google Haritanızın gömme kodunu almak için haritayı açın ve kenar çubuğunun sağ üst köşesindeki bağlantı düğmesini tıklayın. Geçmişte yerleştirebileceğiniz gömme kodunu Duyarlı Olarak Göm'e açar. (Hala arkadaşlarınızla ve takipçilerinizle paylaşmak için nasıl kişisel harita oluşturacağınızı anlamaya çalışıyorsanız, mutlaka kontrol edin katmanlarla harita oluşturma kılavuzumuz Yeni Google Haritalar'da Yaratıcı Olun ve Özel Katmanlarla Kendi Haritalarınızı OluşturunGoogle, artık herkes tarafından kullanılabilir olan tamamen yenilenmiş bir Haritalar'ı açarken, kendi haritalarınızı oluşturmak her zamankinden daha kolay hale geldi. Özel ve genel haritalar oluşturabilir, haritaları belirli kişilerle paylaşabilir, açıklamalar ekleyebilirsiniz ... Daha fazla oku .)
Seçtiğiniz bağlantı / yerleştirme kodunu aldıktan sonra, devam edip Duyarlı Olarak Yerleştir penceresine yapıştırabilirsiniz; doğru sekmenin seçili olduğundan emin olun. "Yerleştir" düğmesini tıkladığınızda web sitesi, sitenizde veya blogunuzda tamamen duyarlı olacak şekilde kullanabileceğiniz bir yerleştirme kodu oluşturur.
Sonuç
Tabii ki, web sitenizin başlaması için duyarlı olması gerektiği açıktır, çünkü tüm kodun sarıcısı olan web sitesidir. Duyarlı Embed oldukça çok şey yapar basit bir küçük sitedir. Duyarlı tasarım konusunda ciddiyseniz ve ziyaretçilerinize kesintisiz bir deneyim sunmak istiyorsanız, bu siteyi blog oluşturma araçları cephaneliğinize eklemek istersiniz.
Duyarlı Embed hakkında ne düşünüyorsun? Yorumlarda bize bildirin.
İmaj Kredisi: Boş tablet PlaceIt aracılığıyla
Nancy, Washington DC'de yaşayan bir yazar ve editördür. Daha önce The Next Web'de Orta Doğu editörüdür ve şu anda DC tabanlı iletişim ve sosyal medya erişimi üzerine düşünen bir düşünce kuruluşunda çalışmaktadır.