WordPress Kullanarak Mobil Hazır Site Nasıl Oluşturulur

Sen, arkadaşım ve ben, duyarlı web tasarımının zamanında ve çağında yaşadığımız için şanslıyız. Dikkatle bakmadan bile, çeşitli cihazlarımızın boyutlarına uyum sağlayan web uygulamalarının pazarda geniş çapta çoğaldığını görebilirsiniz.

Aynı web uygulaması, farklı ekran boyutlarında tamamen farklı görünecek ve bu, cihazından bağımsız olarak müşteriye ulaşmanın yeni ve dinamik yollarının önünü açmıştır.

Bugün, ister akıllı telefonda, tablette, phablet'te, masaüstünde veya ellerindeki herhangi bir cihazda görüntülesinler, kullanıcılarınıza WordPress sitenizde harika bir deneyim sunabilirsiniz.

Bir süre önce, çevrimiçi girişimciler devasa web sitelerini mobil cihazların küçük ekranlarına sıkıştırmak için mücadele etmek zorunda kaldılar. Birisi masaüstü sitelerinin ayrı mobil uyumlu sürümlerini oluşturma fikrini tanıttığında sorun neredeyse çözüldü.

Sorunlar ortaya çıkana kadar bu bir süreliğine iyiydi. Birincisi, arama motorları yinelenen içerikle ne yapacaklarını bilmiyorlardı ve ikincisi, web yöneticileri iki ayrı site oluşturmak ve yönetmek konusunda isteksizdi. Bu yeterli değilse, mobil sürümler masaüstü benzerleri kadar etkili değildi. Bu bir muammaydı.

Ancak asıl çözüm, duyarlı web tasarımı veya kısaca RWD biçiminde ve adıyla geldi. Daha iyi bir zamanda gelemezdi. RWD, mobil kullanıcıları hevesli ellerine teslim ettiği için, çevrimiçi girişimciler nihayet rahat bir nefes alabildiler.

Cameron Adams, 2004'te çözünürlüğe bağlı düzeni gösterse de, Ethan Marcotte'nin “Duyarlı Web Tasarımı” terimini icat etmesi Mayıs 2010'a kadar olmadı. Kısa bir süre sonra, duyarlı web tasarımı popülerlik kazandı.

Tarih dersi bir yana, neden mobil kullanıma hazır bir site oluşturmakla uğraşasınız ki? Bir kayanın altında yaşamıyorsanız, oldukça açık. Her geçen gün daha fazla insan sitenize göz atmak için mobil cihazları kullanıyor.

Potansiyel müşteriler ürünleri doğrudan mobil cihazlarından satın alıyorlar ve siteniz iyi görünmüyorsa ve daha küçük ekranlarda olağanüstü iyi performans göstermiyorsa, masada çok para bırakıyorsunuz demektir.

Matt Cutts birkaç ay önce şaşırtıcı bir şeyden bahsetti. Mobil aramanın 2015 ve sonrasında masaüstü aramayı geçebileceğini söyledi. Ardından Google devam etti ve mobil arama sonuçlarına "mobil uyumlu" etiketler ekledi; bu, potansiyel müşterilerinizin sitenizin mobil uyumlu olmadığını daha tıklamadan çok önce bilecekleri anlamına geliyor.

Bu, sizinki sabit genişlikli, yani katı bir web sitesiyse, yüksek mobil dönüşüm oranlarına veda edebileceğiniz anlamına gelir. Özellikle rakibinizin harika görünen ve mobil cihazlarda inanılmaz derecede iyi performans gösteren bir web sitesi varsa, hiç kimse kötü kullanıcı deneyimine takılmayacaktır.

Bununla bir astar olarak, WordPress kullanarak nasıl mobil uyumlu bir site oluşturursunuz?

WordPress Kullanarak Mobil Uyumlu Web Sitesi Oluşturma

Uğurlu bir platform olan WordPress, web geliştirmeyi sadece kolaylaştırmakla kalmadı, aynı zamanda oldukça basit hale getirdi. Dakikalar içinde, tüm kullanıcılarınızı heyecanlandıracak %100 duyarlı güzel bir web sitesi hazırlayabilirsiniz. Mobil cihaz kullanıcılarınız, masaüstü kullanıcılarınız kadar harika bir deneyime sahip olacak ve bu da WordPress tabanlı işiniz için yalnızca harika şeyler anlamına gelebilir.

Kabartmak bir yana, iki ana yolla mobil uyumlu bir WordPress sitesi oluşturabilirsiniz. Yapabilirsiniz:

• Duyarlı bir WordPress teması oluşturun/satın alın
• Mobil eklentileri kullanın

Her birini açıklayacağız ve ardından kapıdan bir adım atmanız için duyarlı WordPress temalarının yanı sıra mobil ekran eklentilerinin örneklerini listeleyeceğiz.

Duyarlı Bir WordPress Teması Oluşturun/Satın Alın

Bu, WordPress kullanarak mobil uyumlu bir web sitesi oluşturmanın en kolay ve en zarif yoludur. Harika duyarlı temalarla dolu WordPress tema pazarıyla, zevkinize ve tercihlerinize mükemmel şekilde uyan bir tane bulmalısınız.

Hala sabit genişlikli (veya katı) WordPress temaları yayınlayan bazı geliştiriciler olsa da, 2010'dan sonra yayınlanan temaların büyük çoğunluğu kısmen veya tamamen duyarlıdır. Tabii ki, baştan itibaren veya sitenizi yeniden tasarlarken tamamen (%100) duyarlı bir WordPress temasıyla gitmek istersiniz.

İhtiyaç duyacağınız özelliklere önceden karar verin ve ardından temanızın söz konusu özellikleri bozmadan farklı görünüm genişliklerine uyum sağladığından emin olun. Bir WordPress temasının duyarlı olup olmadığını belirlemenin hızlı bir yolu vardır.

Seçtiğiniz WordPress temanızı satın almadan önce, geliştiriciler genellikle onu bir demo ile test etmenize izin verir. Demoyu yükledikten sonra, simge durumuna küçült düğmesine tıklayarak ve kenarları sürükleyerek tarayıcınızı yeniden boyutlandırın ve ardından temanızın davranışını gözlemleyin.

Tarayıcınızın genişliğini azalttıkça incelikle mi bozuluyor yoksa tarayıcının altında bir kaydırma çubuğu mu görünüyor? Tema zarif bir şekilde bozulursa, ikramiyeyi vurdunuz demektir. Tarayıcınızın altında bir kaydırma çubuğu belirirse diğer yolu çalıştırın.

Profesyonelce tasarlanmış duyarlı bir tema, Elegant Themes (yıllık abonelikler sunarlar) ve Themeforest gibi güvenilir web sitelerinde 70 dolardan daha ucuza mal olmalıdır. Genesis, Underscores, Thesis ve çok daha fazlası gibi duyarlı tema çerçevelerini kullanarak kendi duyarlı WordPress sitelerinizi de geliştirebilirsiniz.

Şüphesiz, biraz moolah'ınız varsa, size sıfırdan özel yapım duyarlı bir tema oluşturması için bir WordPress geliştiricisi kiralayın. Hatta bazıları yanıt vermeyebilecek eklentileri kullanmaktan kaçınmak için ihtiyacınız olan tüm özellikleri sabit kodlamalarını bile sağlayabilirsiniz.

Ancak yeni başlıyorsanız veya bir bütçeniz varsa, burada güzel oldukları kadar duyarlı olan birkaç bütçe dostu WordPress teması var.

Total – Duyarlı Çok Amaçlı Sürükle ve Bırak WordPress Teması

Seçkin ve saygın bir yazar tarafından yazıldığı sırada Themeforest'ta (9 binin üzerinde satışla) trend olan bir öğe olan Total WordPress teması, web tasarımına kolaylık ve eğlence katıyor. Bu çok amaçlı bir temadır, yani tüm muhteşem tasarımlarınızın tüm cihaz ekranlarına sığmasını sağlamak için akla gelebilecek herhangi bir tasarımı ve %100 duyarlı hale getirebilirsiniz.

Harika destek ve ön uç sayfa oluşturmayı desteklemek için Görsel Besteci de dahil olmak üzere her zaman istediğiniz tüm özelliklerle Total WordPress teması, patron gibi mobil uyumlu bir WordPress sitesi oluşturmanıza olanak tanır. Benim sözüme inanmayın, gidip güzel demolara kendiniz bakın. Ve sadece 58 $ karşılığında Total WordPress teması, WordPress sitenizi güzelleştirmek için uygun fiyatlı bir seçenektir.

Divi – Duyarlı Çok Amaçlı WordPress Teması

Elegant Themes'in en popüler teması Divi, kendi sınıfında. Tamamen duyarlı mı? Öyle olduğuna bahse girersin. Peki çok amaçlı? Hadi, lütfen başka bir soru sorun. Ayrıca, Zarif Temalar paketinin bir parçasıdır, bu nedenle fikrinizi değiştirirseniz, kullanabileceğiniz başka temalar da olur.

En sevdiğimiz tema olan Total WordPress temasında olduğu gibi Divi'yi kullanarak bir satır koda dokunmadan sınırsız tasarımlar oluşturabilirsiniz. Tema size 69 dolar geri getirecek veya tüm photoshop dosyalarını ve premium eklentileri istiyorsanız 89 dolar.

Ultra – Esnek ve Duyarlı WordPress Teması

Ultra, Themify'ın en yeni temasıdır ve harika bir temadır. Güçlü ve güzel bir şekilde yanıt veriyor (oh ve çok, çok sınırlı bir süre için ücretsiz). Themify'ın en esnek teması olan Ultra, harika düzen ve sayfa oluşturma seçeneklerine sahiptir.

Ayrıca, bir ana kulüp üyeliğine hak kazanırsanız, aynı zamanda Themify'ın tüm güzel temalarını ve bunların muhteşem premium eklentilerinin tümünü alacaksınız – Themify Builder, Duyuru Çubuğu, Koşullu menüler ve daha fazlası gibi!

Vertoh – Duyarlı Etkinlikler WordPress Teması

Büyük bir etkinlik mi planlıyorsunuz? Ya da belki bir WordCamp? Vertoh'u kontrol et. Zarif ve güzel ama tam istediğiniz gibi güçlü olacak şekilde yapılandırılmıştır. Artı, WooCommerce desteği, geri sayım aracı, sosyal entegrasyon, konuşmacılar, zamanlama ve daha fazlası gibi tüm eklenen etkinlik özellikleriyle.

SHOWthemes tarafından geliştirilen Vertoh, mobil cihazlarda inanılmaz derecede iyi görünecek, son teknoloji duyarlı etkinlikler WordPress temasıdır. Gelişmiş bir etkinlik yönetimi teması için sadece 79 dolardan başlayan fiyatlarla Vertoh kesinlikle kazanandır.

uDesign – Duyarlı WordPress Teması

Süper hızlı, güçlü, güzel ve mobil kullanıma hazır. Zarif Görsel Besteci, SEO'ya hazır tasarım, WPML desteği ve WooCommerce dahil olmak üzere, hayallerinizdeki WordPress web sitelerini oluşturmak için ihtiyaç duyduğunuz özelliklerle doludur.

Temel olarak, hiç zorlanmadan mobil kullanıma hazır web siteleri oluşturmanıza olanak tanıyan, türünün tek örneği bir WordPress temasına sahip olursunuz. Ah, 7/24 harika destek ve sınırsız güncelleme aldığınızdan bahsetmiş miydim? uDesign, yalnızca 58 dolarla yıllardır Themeforest'ın temel öğesi olmuştur.

Dizin – Duyarlı Bir WordPress Teması

Bir sonraki WordPress tabanlı işiniz için ilham mı arıyorsunuz? Pekala, onu bulmuş olabilirsin. Templatic'in temiz, profesyonel ve zengin özelliklere sahip, el yapımı duyarlı teması olan Directory'den başka bir yere bakmanıza gerek yok.

Dizin, listeleri, incelemeleri veya diğer herhangi bir dizini (dolayısıyla adı) paylaşmak isteyen herhangi bir işletme için uygun olan kullanışlı bir WordPress temasıdır. Ve Templatic'in yarattığı tüm premium çocuk temalarıyla başlamak çok kolay. Ve tıpkı buradaki tüm temalarda olduğu gibi, destek ve güncellemeler dahildir, yani temadan en iyi şekilde yararlanırsınız.

Perakendeci – Duyarlı WordPress Teması

The Retailer'ı kullanarak aklınıza gelebilecek herhangi bir mobil kullanıma hazır WordPress web sitesini oluşturabilirsiniz. Bloglardan, kişisel web sitelerinden, kurumsal portallardan, portföylerden ve hatta çevrimiçi mağazalardan, The Retailer, attığınız her şeyi işlemek için yeterli özelliklerle birlikte gelir.

%100 duyarlıdır, premium eklentiler ve güvenilir müşteri desteğinin yanı sıra sizi hemen çalışmaya hazır hale getirmek için izlenecek videolarla birlikte gelir. Perakendeci, 4.64/5.00 alıcı derecesine sahiptir ve 58$'dır.

Web'de bulunan bazı duyarlı WordPress temalarının kısa bir listesi var. Herhangi bir şekilde ve daha fazla seçeneğe ihtiyacınız varsa, Themeforest'ı ziyaret etmekten ve “duyarlı WordPress temaları” aramaktan çekinmeyin; ihtiyacınız olandan daha fazla seçenek elde edeceksiniz.

Ayrıca, bazı harika duyarlı WordPress temaları için premium WordPress temalarımıza veya ücretsiz WordPress temalarımıza göz atabilirsiniz. Bütçeniz kısıtlıysa, WordPress.org'daki ücretsiz duyarlı WordPress temalarına göz atın.

Hareketli…

Mobil Eklentilerle Mobil Hazır WordPress Sitesi Oluşturma

Tercih ettiğiniz WordPress teması yanıt vermiyorsa veya kendi nedenleriniz için mevcut sabit genişlikli temanızı bırakmak istemiyorsanız, mobil cihazınıza mobil uyumlu deneyimler sunmak için mobil ekran WordPress eklentilerinden yararlanabilirsiniz. kullanıcılar.

İşlem genellikle basittir; sadece eklentinizi kurun, birkaç seçeneği yapılandırın ve işiniz bitti. Bu eklentilerin çoğu, eklentiye mobil kullanıcılara bir mobil tema göstermesi talimatını veren bir tetikleme özelliğine sahiptir. Mobil tema, masaüstü kullanıcıları için başlatılmamıştır.

Aşağıdaki mobil eklentiler, kolay ve hızlı bir şekilde mobil kullanıma hazır bir WordPress sitesi oluşturmanıza yardımcı olacaktır:

WPtouch Mobil Ücretsiz WordPress Eklentisi

Bu muhtemelen WordPress için en popüler mobil eklentidir, 400 binden fazla aktif yükleme ile budur. Yalnızca birkaç tıklamayla, “… WordPress web sitenizin mobil ziyaretçileri için basit ve zarif bir mobil tema” etkinleştirmek için WPtouch'ı kullanabilirsiniz.

WPtouch, sitenizin mobil cihazlarda nasıl görüneceğini özelleştirmenizi sağlayan sezgisel bir yönetici paneliyle birlikte gelir. İşlem oldukça basittir ve asla tek bir kod satırına dokunmayacaksınız.

Ziyaretçileriniz ayrıca tek bir tıklama ile mobil ve masaüstü sürümleri arasında seçim yapabilir. Geliştiriciler, BraveNewCode, Inc. ve Dave Storey, diğerlerinin yanı sıra, gelişmiş temalar ve özelliklerle birlikte gelen profesyonel bir sürüm sunar. Eklenti, ortalamanın üzerinde 3.7/5.0 derecesine sahiptir.

WP Mobil Dedektör Ücretsiz WordPress Eklentisi

WordPress web sitenizi kolay yoldan mobilize etmek mi istiyorsunuz? Bu kocaman bir evetse, cevabınız WP Mobil Dedektör. Bu eklentinin yapımında kullanılan ustalık sayesinde, WP Mobile Dectector, ziyaretçinin bir akıllı telefonda veya tipik bir cep telefonunda olduğunu tespit ederse, uyumlu bir mobil temayı otomatik olarak yükleyebilir.

Özel özellikler arasında 5.000'den fazla mobil cihazın algılanması, görüntü yeniden boyutlandırma, mobil istatistikler ve otomatik olarak biçimlendirilmiş içerik bulunur. Ayrıca, eklentinin kurulumu, özelleştirilmesi ve kullanımı kolaydır. Yedi mobil tema ile birlikte gelir ve etkileşimli mobil tema düzenleyiciyi kullanarak kendi özel temanızı oluşturabilirsiniz. Hatta kendi logonuzu yükleyebilir ve mobil reklamlar ekleyebilirsiniz!

WP Mobil Dedektör ile seçenekler neredeyse sınırsızdır. Eklenti 3.7/5.0 derecesine sahiptir ve gelişmiş yeteneklere sahip profesyonel bir sürümle birlikte gelir.

WordPress Mobil Paket Ücretsiz WordPress Eklentisi

WordPress Mobil Paket, size tüm WordPress sitenizi çapraz platformlu bir mobil uygulamaya sıkıştırma şansı vererek yanıt vermenin bir adım ötesine geçer.

Eklenti, Windows Phone 8, iPhone'lar, Android Telefonlar ve Firefox OS'de desteklenir. Ayrıca, tüm büyük tarayıcılarla uyumludur. Kullanımı kolay bir kontrol panelinden uygulamanın görünümünü özelleştirebilir, gönderileri, sayfaları ve yorumları kategoriler halinde düzenleyebilir ve ayrıca Google Analytics aracılığıyla mobil kullanımı takip edebilirsiniz.

Diğer özellikler arasında phablet ve tablet desteği, sınırsız içerik kaynağı, sınırsız uygulama, çevrimdışı mod, para kazanma ve tam ekran modu bulunur. Olduğu gibi, WordPress Mobile Pack inanılmaz derecede duyarlı.

Son söz…

Bu noktaya kadar, WordPress kullanarak üst çekmeceli, mobil kullanıma hazır bir site oluşturabilmelisiniz. Elbette en iyi ve önerilen seçenek, baştan sona duyarlı bir WordPress teması kullanmaktır. Bu sizin için bir seçenek değilse, her zaman mobil eklentilere güvenebilirsiniz.

Her gün duyarlı bir WordPress temasıyla gideceğim. Senden ne haber? Bu bir yana, WordPress sitenizi mobil cihazlara hazır hale getirmek için hangi ipuçlarını kullanıyorsunuz? Bizimle paylaşın!