WordPress ile hücresel için optimize edilmiş bir web sitesi oluşturun

O zaman Noel 2009 ve yeni bir oyuncağım vardı: iPhone 3. Noel’de milyonlarca insan gibi, uygulamaları indirmek, oyun oynamak, fotoğraf çekmek ve yeni akıllı telefonlar ve cesur uygulamalar dünyasına hayran kaldım. O zaman (neredeyse altı yıl önce – zaman geçti!) Hiç kimse duyarlı web tasarımını duymadı ve Apple, parlak gadget’larının küçük ekranlarda masaüstleri için tasarlanmış tam beden web sitelerini görmek için çok uygun olduğu konusunda ısrar etti. Daha büyük içerik oluşturmak için sıkıştırabilir, sürükleyebilir ve iki kez vurabilirsiniz ve şanslıysanız, ayrı bir hücresel sürümü olan bir web sitesi bulacaksınız.
İşler nasıl değişti. Morgan Stanley’in araştırmasına göre, hücresel tarayıcıların kullanımı artık masaüstü tarayıcıların kullanımını ve hatta uygulamaların kullanımını aştı. Kullanıcılar hala kullandıktan sonra uygulamaya daha fazla zaman harcıyor, ancak birisi son zamanlarda bir akıllı telefon aldığında, en büyük olasılıkla bir tarayıcı açmak. Araştırmalar, uygulama indirmelerinin cihaz başına yaklaşık 50-60 zirveye ulaştığını ve kullanıcıların sadece rasgele etkileşime girecek markalar için uygulamaları indirmeyeceğini gösteriyor.
Kullanıcılar Angry Birds, Facebook veya Crossy Road’da saatler geçirmeye hazır olsalar da, uygulamanızı indiremezler-sitenizi cep telefonlarında ziyaret etme olasılıkları daha yüksektir. Bunların hepsi, web sitenizin hücresel için optimize edilmesi gerektiği anlamına gelir. Ve iyi haber, WordPress bunu yapmanıza yardımcı olacak mükemmel bir platformdur. Bu, Web’in tasarımı ve geliştirilmesi için hücreselin önemini anlar ve WordPress sadece kullanıcınızın hücreselde seveceği bir site oluşturmanızı kolaylaştırmakla kalmaz, aynı zamanda sitenizi mobil cihazlardan da yönetmenizi sağlar. Morgan Stanley bize mobil tarayıcıların kullanımının uygulamanın kullanımından iki kat daha yüksek olduğunu söylüyor.

Bu yazıda, bazı WordPress yollarının hücresel için optimize edilmiş web siteleri oluşturmanızı ve yönetmenizi kolaylaştırdığını göreceğim. WordPress’in çekirdeğinin hücreselleri kucaklamak için nasıl geliştiğini, REST-API’nin hücresel uygulamaların WordPress ile etkileşime girme olasılığını, harika bir hücresel site oluşturmanıza yardımcı olacak temalar ve eklentiler hakkında nasıl açacağını ve nasıl yönetebileceğinizi göreceğim. Siteniz mobil cihazda.
Ancak önce, hücresel ziyaretçilerinize veya müşterilerinize ulaşma seçeneğini ele alalım. Hücresel ziyaretçilere ulaşmak – Seçiminiz Hücresel kullanıcılara ulaşmak için kullanılan yöntem son yıllarda değişti ve bu büyümeye devam eden bir alan, bu yüzden takip ettiğinizden emin olun! Sizin için mevcut seçeneklere bakalım. 1. Hücresel site ve hücresel uygulamalar nadiren müşteriler bir uygulama talep etmek için bana gelir, ancak bu uygulama için yer olmadığı anlamına gelmez. Daha fazla müşteri benden uygulama isteyen daha fazla müşteri. Araştırmalar, hücresel tarayıcıların kullanımının şimdi hücresel uygulamaların kullanımının iki kat daha yüksek olduğunu gösterse de, bu çalışma aynı zamanda insanlar hücresel uygulamalarını indirip açtıktan sonra, uygulamada daha fazla zaman harcayacaklarını ve siteden daha derin yer alacaklarını göstermektedir. hücresel için optimize edilmiş.
Peki hangisi sizin için doğru?

Benim tavsiyem bu. İlk olarak, bir uygulama yapabileceğiniz durum:
Oyunlar gibi zengin etkileşimli deneyimler geliştiriyorsunuz.
Web teknolojisi, ihtiyacınız olanı yapmanıza izin vermez (yine oyunlar gibi).
İyi kurulmuş bir markanız var ve insanların uygulamalar aracılığıyla sizinle etkileşime girmesini kolaylaştırmak istiyorsunuz (örneğin, birçok büyük perakendeci ve seyahat sitesi uygulamaları aracılığıyla etkileşime giriyor).
İlk iki durumda, WordPress ile gelişmeyeceksiniz, bu nedenle başka yerlerde doğru platformu bulmanız gerekir. Ancak ikinci bölümde, WordPress kullanarak, özellikle daha sonra tartışacağım WP-Rest API’sının geliştirilmesiyle uygulamalar yapma seçeneği olabilir. Ve bu, hücresel için optimize edilmiş bir web sitesi oluşturmanız gereken durumdur. :
Sitenize ziyaretçileri çekmek için SEO kullanmanız gerekir.
Sosyal içerik paylaşımını kolaylaştırmak istiyorsunuz (bu uygulamalar yoluyla mümkündür, ancak genellikle iyi yapılmaz).
Kullanıcıların sitenize çevrimdışı erişmesine gerek yoktur.
Sınırlı bir bütçeniz veya uzmanlığınız var.
Akıllı telefonlar, tabletler ve masaüstü bilgisayarlar da dahil olmak üzere çeşitli cihazlarda ziyaretçilere aynı içeriği ve deneyimi sunmak istiyorsunuz.
Bence bunu okursanız, yukarıdakilerden biri sizin için geçerli olacaktır. Çoğu durumda, hücresel web siteleri aralarından seçim yapabileceğiniz en iyi yollardır. Ve bir uygulama yapmaya karar verseniz bile, her zaman yüksek kaliteli hücresel için optimize edilmiş bir web sitesi ile rezerve etmenizi tavsiye ederim.
2. Hücresel Site ve Duyarlı Site Back Web geliştiricileri, hücresel web trafiği miktarındaki bir artışa ilk yanıt vermeye başladığında, hücreselde kullanıcı deneyimini (UX) iyileştirmek için tercih edilen bir seçenek hücresel bir yer oluşturmaktır. Bu, bir dizi farklı ihtiyaç ve daha yavaş cihaza sahip kullanıcıları hedeflemek amacıyla farklı içerik (yani azaltılmış içerik) sunan ‘ana’ masaüstü sitesinden ayrı bir site olacaktır. Ama her şey değişti. Şahsen iPhone 6’da günde bir süre içinde ev wifi’mden daha hızlı bir 4G sinyali buldum ve hücresel keşiflerimi kesinlikle hücresel kullanımla ilgili stereotip olan aktivitelerle sınırlamadım, örneğin yer bulmak, bilgi almak gibi Kişi yalnızca kişisel internet kullanımı için mobil cihazlar kullanır ve cep telefonları aracılığıyla çevrimiçi olarak geçirilen ortalama süre artık masaüstünde çevrimiçi geçirilen zamanı aşmıştır. 2010’da, ilk iPhone’umu aldıktan kısa bir süre sonra, ABD’deki ortalama yetişkin, neredeyse üç saat iken, cep telefonlarını her gün kullanarak 24 dakika geçirdi. Bu arada, masaüstü bilgisayarda harcanan süre 2,4 saatte statik kalır.
Hücresel kullanım artık masaüstü kullanımını aşmıştır. Akıllı içgörülerin hücresel pazarlama istatistiklerinden alınmıştır.
Bu, sitenizin hücresel ziyaretçilerinin masaüstünde ne alacaklarına kıyasla daha düşük bir deneyim beklemedikleri ve elde ettikleri şey mutlu olmayacakları anlamına gelir. Geçmişte cep telefonu daha sınırlı veya hücresel sinyal yavaş olduğu zaman, belki de bu doğruydu, ancak şimdi ziyaretçileriniz aynı deneyimi hücresel ve masaüstünde bekleyecekler. Duyarlı web siteleri neredeyse her zaman ayrı hücresel yerlerden tercih edilir. M. ile hala site sürümünüz varsa Önek veya farklı bir tema (belki eklenti aracılığıyla) sunmak için bir tarayıcı kokusu kullanıyorsunuz, gerçekten durdurmanız gerekiyor. Şimdi! Ücretsiz varsayılan temalardan premium tema platformlarına kadar yüzlerce yüksek kaliteli duyarlı WordPress temaları var.
WordPress’in hücresel WordPress geliştiricilerini nasıl kucakladığı aptal değil. İnternet trendini denetliyorlar ve WordPress’in gelişimi olarak WordPress’in hücreselleri farklı şekillerde birleştirmesini sağladılar.
Bazılarına bakalım. Yönetici ekranı, Aralık 2013’te piyasaya sürülen WordPress 3.8 ile duyarlıdır, WordPress Yönetici ekranı büyük bir değişiklik yaşadı. Benim için bunun en ilginç yönü, yönetici ekranının duyarlı olmasıdır.

WordPress 3.8 Duyarlı Yönetici UX sunar.
Bu, WordPress sitenizi mevcut herhangi bir cihazdan yönetebileceğiniz anlamına gelir. İpad’den yeni bir site bile oluşturdum, ancak bunun kolay olmadığını itiraf etmem gerekse de ve FTP özelliklerine sahip iyi bir kod düzenleme uygulaması bulmak zor. Ancak bu mümkündür, özellikle de WordPress tema dizininden kullanıma hazır temayı kullanmak isterseniz. Duyarlı görüntüler, görüntüleri gerçekten duyarlı hale getirir, web geliştiricileri tarafından birkaç yıldır yapılan bir şeydir. Görüntünün boyutunu CSS kullanarak kapsayıcıya uyacak şekilde değiştirmek yerine, bu, ekran boyutuna göre her cihaza doğru boyutta görüntü göndermekle ilgilidir. WordPress zaten bu konuda yardımcı olan özelliklere sahiptir: Yüklediğiniz her görüntünün farklı boyutlarda birkaç versiyonunu depolar. Ricg Duyarlı Görüntüler eklentisi, mobil cihazda, en küçük görüntünün sayfada hala iyi görünecek bir tarayıcıya gönderilmesini sağlar. Bu, SRCSET HTML özniteliği kullanılarak yapılır. Ama bu daha iyi oluyor. Bir sonraki ana WordPress sürümü olan sürüm 4.4, bunu çekirdeğe içerecektir. Bu nedenle, görüntüleri duyarlı hale getirmek için herhangi bir eklenti yüklemenize gerek yoktur: bunun yerine WordPress sizin için zor iş yapacak. Tatlı!
WP-Rest Fire WP-Rest API’sının yüzeyini çizmeye başladı. Tom Ewer’in blogumuzda yazdığı gibi, REST API, WordPress için bir oyun değiştirici olma potansiyeline sahiptir, çünkü geliştiricilerin PHP kullanmadan WordPress veritabanı sorgularını yapmalarına izin verir, ancak JSON nesneleri oluşturarak. Burada nasıl çalıştığının ayrıntılarını tartışmayacağım (eğer ilgileniyorsanız, bir Tom Post’u öneririm), ancak amaç, WordPress veritabanının JSON nesnelerini kullanabilen herhangi bir şeye güç sağlamak için kullanılabileceğidir. Bu sadece her şeyle ilgili. Hücresel uygulamalar dahil. Bu nedenle, uygulamayı geliştirmesi gereken kişilerden biriyseniz ve WordPress’i ertelediyseniz, uygulama geliştirme platformu olmadığı için, artık kararı yeniden düşünebilirsiniz. Bir örnek çevrimiçi bir mağazadır: WordPress’i mağaza web sitenizde güç sağlamak ve ayrıca hücresel uygulamalar oluşturmak, WordPress sitenizden verileri uygulamaya çekmek için dinlenme yangınlarını kullanabilir ve verilerin ikisi arasında senkronize edildiğinden emin olabilirsiniz. Sitenizi hücresel kullanıcılar için optimize ederek, umarım şimdi sizi tüm cihazlarda kullanıcılar için optimize edilmiş duyarlı bir WordPress sitesine ihtiyacınız olduğuna ikna etmişimdir. Öyleyse sahip değilseniz, nasıl elde edersiniz?

İyi haber kolay. Duyarlı temalarla başlayalım. Duyarlı tema WordPress duyarlı sitenin ihtiyaç duyduğu ilk şey duyarlı bir temadır. Bu, tüm ekran boyutlarında düzgün çalışan bir işlev oluşturmak için ayarlanmış düzenlerin (piksel değil genişlik için bir yüzde kullanılarak) ve medya sorguları (geçici durdurma noktaları için) bir kombinasyonunu kullanacaktır. Bu konuda size yardımcı olacak bazı kaynaklar: Hücresel kullanıcılarınızın sevdiği duyarlı WordPress siteleri oluşturma – temalarınızı duyarlı ve hücresel UX hakkında ipuçları oluşturmak için CSS de dahil olmak üzere kendi duyarlı temanızı oluşturmak için eksiksiz kılavuz.
55 ücretsiz WordPress temaları ve duyarlı – evet çok iyi olanlar var!

10 Ücretsiz ve Duyarlı WordPress Temaları En popüler inceleme – en popüler duyarlı temalarda daha ayrıntılı ekran.
Duyarlı Siteler için Eklentiler Duyarlı temalar etkinleştirilir ve ayarlanırsa, bir sonraki adım, duyarlı siteyle eşleşen bir eklenti kullandığınızdan veya daha küçük bir ekranda UX’i artıran bir eklenti kullandığınızdan emin olmaktır. İşte bazıları:
Duyarlı Menü Eklentisi – Ana Gezinme’nizi duyarlı bir menüye dönüştüren.
Yerçekimi formları ve temas formu 7 eklentileri, her ikisi de tarayıcı penceresiyle boyut olarak değiştirilen duyarlı formlar yapar.
18 WordPress için en iyi duyarlı sosyal paylaşım eklentileri. Sosyal paylaşım eklentileri farklı ekran boyutlarında her zaman iyi çalışmaz: Bu kılavuz bulmanıza yardımcı olacaktır.
WordPress eklentisi dizinindeki ücretsiz duyarlı kaydırıcı eklentileri.
Mobble, sitenizin mobil cihazlarda veya masaüstünde ziyaret edilip edilmediğini kontrol etmenizi sağlayan koşullu bir etiket verir. WordPress sitenizi mobil cihazlardan yönetmeyi yönetin, siteyi nasıl yönetmeyeceğinizi veya sitenizin duyarlı olup olmadığını, ancak bunu yapacaktır. Sitenizi bir akıllı telefondan veya tabletten yönetebiliyorsanız ve güncelleyebiliyorsanız, mobil cihazlara masaüstlerinden daha sık erişim eğiliminde olan biriyseniz hayatınız daha kolay. Bunu yapmanın iki yolu vardır: bir tarayıcı aracılığıyla ve WordPress uygulamasını kullanın. Yukarıda bahsettiğim tarayıcı aracılığıyla yönetim, WordPress yönetici ekranının duyarlı olduğunu. Bu, teorik olarak sitenizin tüm yöneticisini herhangi bir ekran boyutunda çalıştırabileceğiniz anlamına gelir. Ama gerçekte, işler biraz farklı. Sadece birkaç kişi bir akıllı telefon kullanarak uzun içerik yazmak istiyor (kesinlikle bunu yazmak için kullanmıyorum!
) ve yönetici ekranı en küçük ekranda gezinmek için biraz daha fazla iş gerektirir. Ancak, orta boy bir ekrana sahip bir tablette, sitenizi güncellemeye devam etmek için bir tarayıcı kullanmanız gerekmesinin bir nedeni yoktur. Bunu ara sıra yapıyorum ve bazen dokunmatik ekran arayüzü ile ilgili sorunlar yaşıyorum. Bu yüzden daha ayrıntılı bir iş yapmak istersem WordPress uygulamasını kullanma eğilimindeyim. WordPress uygulaması aracılığıyla yönetim, bir hücresel tarayıcı kullanılarak devralınan uygulama hakkında daha önce ne söyleyebilirim?
WordPress yöneticisi durumunda, bu gerçekleşmedi. İOS ve Android için, siteleri yönetmenize ve doğrudan mobil cihazlarınızdan yeni içerik yayınlamanıza olanak tanıyan bir WordPress uygulaması vardır. Belki de en iyi özelliklerden biri, sitenize kolayca fotoğraf ekleyeceğinizdir: cihazınızla fotoğraf çekin ve yayınınıza girin. Uygulama arayüzü, dokunmatik ekran ve ilgili ekran boyutu için tasarlanmıştır (böylece tabletler ve akıllı telefonlarda farklı bir deneyim elde edeceksiniz) ve kendiniz ve wordpress.com tarafından gönderilen siteler de dahil olmak üzere uygulamalardan birkaç WordPress sitesine erişmenize ve yönetmenize izin verir. Siteler. Web sitenizi en son araştırma hücresel için optimize etmek, WordPress site ziyaretçilerinizi mobil cihazlardan görmezden gelemeyeceğinizi gösterir. İnsanların hücresel tarayıcılarını kullanma olasılıklarının uygulamaları indirmekten daha fazla olması ilginçtir. Ve mobil cihazlarda harcanan ortalama süre artık masaüstünü aştı. Siteniz hücresel kullanıcılar için optimize edilmemişse, emin olmanız gerekir. WordPress bunu yapmayı kolay ve kolaylaştırır ve yukarıdaki ipuçlarını takip ederek mümkün olduğunca çok çekici kitle sitesine sahip olacaksınız. Sitenizi hücresel kitleniz için optimize ediyor musunuz? WordPress’ten hücresel konusunda size yardımcı olmak için başka hangi özellikler istiyorsunuz? Bize aşağıdaki yorumlarda anlatın.
Etiket:
hücresel

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir