WordPress ile bir mobil web sitesi oluşturun

Sadece birkaç yıl önce, İnternet kullanıcılarının çoğuna ulaşmak için ihtiyacınız olan tek şey, masaüstü bilgisayarınızdaki tüm büyük web tarayıcılarıyla uyumlu tek bir web sitesiydi. Mobil cihazların tanıtımı tüm bunları değiştirdi ve şimdi web sitenizin, erişiminizi en üst düzeye çıkarmak için mobil içerik için optimize edilmesi gerekiyor. dayalı bir ComScore’dan teknik inceleme (Odak noktasında 2013 Mobil gelecek) insanlar toplam internet sürelerinin %37’sini mobil cihazlarda geçiriyor.

Aşağıda, sitenizi hem iPhone hem de iPad için mobil uyumlu olacak şekilde tasarlamanın bazı yolları verilmiştir.

Bizi kaydırın

Web sitenizi daha fazla iPhone ve iPad dostu hale getirmenin bir yolu, Bizi kaydırın. Bunu kullanmak için, Onswipe’ta ücretsiz bir hesap için kaydolmanız ve bir mobil cihazda onu nasıl görüntülemek istediğinize ilişkin ayarları yapmanız yeterlidir.

Onswipe’ın özellikleri şunları içerir:

  • ivmeölçer bilinçli içerik
  • entegre yorumlar
  • özel ana ekran simgesi
  • yerleşik sosyal medya paylaşım yetenekleri

Aşağıda, Onswipe kullanan bir site örneği verilmiştir. En üstteki resim, masaüstünde görülen web sitesidir; alttaki resim, bir mobil cihazda görülen web sitesidir.

WordPress kullanarak kendi mobil uyumlu web sitenizi oluşturun

İşte bir web sitesinin masaüstünde görüntülenen ekran görüntüsü. Onswipe aracılığıyla fotoğraf.

WordPress kullanarak kendi mobil uyumlu web sitenizi oluşturun

İşte Onswipe ile bir iPad’de görüntülenen aynı web sitesi. Onswipe aracılığıyla fotoğraf.

WP Dokunma eklentisi

WPTouch, mobil kullanıcılar için basit bir çözüme ihtiyaç duyanlar için harika bir WordPress eklentisidir. Eklentiyi yükledikten sonra, mobil kullanıcılar için sitenizin bir sürümü otomatik olarak görüntülenecektir. WPTouch ile ilgili en iyi şey, aradığınız mobil görünümü elde etmek için size ekstra kodlama görevleri vermemesidir.

WordPress kullanarak kendi mobil uyumlu web sitenizi oluşturun

WPTouch’ın kurulu olduğu bir web sitesi örneği. WPTouch ile fotoğraf.

Duyarlı tasarım temaları

WordPress siteniz için sahip olduğunuz başka bir seçenek, duyarlı bir tasarım şablonu kullanmaktır. Duyarlı bir tasarım, web sitenizin içeriğini alır ve otomatik olarak görüntülendiği ekrana uyarlar. Duyarlı tasarımın güzelliği, farklı siteler kurmaya, bir sitenizi birden çok platforma uyarlamaya veya bir eklenti yüklemeye gerek kalmadan sitenizi çoğu mobil cihaz için optimize etmesidir. Temalar ve duyarlı tasarım şablonu hakkında daha fazla bilgi için şu adresi ziyaret edin: mobil uyumlu bir WordPress sitesinin nasıl oluşturulacağına ilişkin eksiksiz adımları gösteren bu video.

  Kenar çubuğumda listelenen birçok ödülüm var ve onlar için blogumda ayrı bir sayfa yapmak istedim. Bunu nasıl yapacağımı söyler misin?

http://www.youtube.com/watch?v=KAPGp61XY6c

emin değilsen duyarlı bir tasarım teması bulabileceğiniz yerşu makaleye göz atın ezilebilir. Web siteniz için kullanabileceğiniz en yeni ve en popüler duyarlı tasarım şablonlarından yirmi tanesini içerir.

Farklı stil sayfaları kullanma

Eklentiler veya duyarlı tasarım temaları hoşunuza gitmediyse, farklı cihazlar için farklı CSS stil sayfaları oluşturabilirsiniz. Bu stil sayfaları, belirttiğiniz ayarlara göre blogunuzun veya web sitenizin içeriğini uyarlar. Örneğin, iPad kullanıcıları, iPhone kullanıcıları vb. için ayrı stilleriniz olabilir.

Bir tavsiye: Blogunuzun veya web sitenizin arka ucuna aşina değilseniz veya aşina değilseniz, web yöneticinizle çalışmanızı şiddetle tavsiye ederiz. Blogunuzun veya web sitenizin arka ucunu (kodlamayı) alt üst etmek çok kolaydır. Farklı stil sayfalarını kullanmaya devam etmeden önce bunları uzmanlara götürmek en iyisidir. Ancak bunu kendiniz denemek isterseniz, istediğiniz efekti elde etmek için kullanabileceğiniz stil sayfası eklentileri vardır. Önerilen bir eklenti WordPress’ten özel CSS Yöneticisi eklentisi. Bir diğer önemli ipucu: Bir şeyler ters giderse diye tüm orijinal dosyalarınızı yedeklediğinizden emin olun.

sitenizi test edin

Mümkün olan en iyi web sitesi deneyimini yaşamayı umuyorsanız, yapmanız gereken son şeylerden biri, kullanıcı olmak ve sitenizi Android telefon, Windows telefon, iPhone ve iPad gibi belirlenmiş mobil cihazlarınızda test etmektir. Mobil sitenizi test ederken aşağıdakileri aklınızda bulundurun:

  • Ekranı yüklediğinizde düzen nasıl çalışır?
  • Menüler, resimler veya video ile ilgili sorunlar mı var?
  • Siteniz, kullanıcınıza en önemli bilgileri sağlıyor mu? (Bu, özellikle bir şirket sitesini test ediyorsanız önemlidir.)

Sitenizi bu şekilde test etmek için zaman ayırarak, potansiyel sorunları kullanıcıları sitenizden uzaklaştırmadan önce çözebilirsiniz. Yakında, biraz çaba ve yaratıcı becerilerle, yeni veya mevcut web sitenizi mobil ziyaretçileriniz için daha iyi hale getirmekten sadece birkaç adım uzakta olabilirsiniz.

Bu konuk gönderisi Dean Chester’dan. Serbest çalışan bir web geliştiricisi/yazarıdır ve özünde bir WordPress bağımlısıdır. Meslektaşlarıyla Press The Word adında bir grup kurdu. Bilgisayar başında olmadığı zamanlarda kodlama yapmıyor, arkadaşlarıyla plaj partilerinde ve EDM konserlerinde vakit geçirmeyi seviyor.