15 Sitenizin performansını artırmak için ilk büyük hücresel WordPress temaları
İlk hücresel tema, sitenizi mobil cihazlarda iyi işlev görmesi değil, aynı zamanda sitenizi daha hızlı hale getirecek ve SEO’yu geliştirecektir. İlk hücresel tema, birinci masaüstüne çalışan geleneksel duyarlı temadan çok daha az düzen için bir stil beyanı içerir, çünkü esas olarak küçük ekranlardaki öğeler için% 100 genişlik beyan etme ihtiyacını ortadan kaldırır. Sitenizi hızlı ve hücresel dostça yapmak, arama motoru sıralamasını geliştirmek için yapabileceğiniz en önemli iki şeydir ve bu da sitenizi ziyaretçilerinizi mutlu edecektir.
İşte sizi ilk hücresel temayı aramaya başlamaya ikna edecek bazı gerçekler ve sayılar:
İlk mobil tasarım, daha küçük bir beyanname ile daha küçük bir stil sayfası anlamına gelir. Bunu, önce hücresel hale getirmek için temaları dönüştürmek hakkında yazdığım öğreticide çalışırken görebilirsiniz.
İlk mobil tasarım görüntüleri indirirken performansı artırır. Önce hücresel tasarlayarak, cihazın gerekenden daha büyük görüntüleri indirmemesini sağlarsınız. Önce masaüstü olan duyarlı bir tasarım kullanırsanız, önce her şeyi yavaşlatarak daha büyük bir görüntü indirilebilir.
İlk mobil tema, daha az kodu olduğu için, yanlış ve daha hızlı yükleme olabileceği daha az yere sahip olacaktır.
İlk hücresel tema, bant genişliğinin masaüstü sitelerinden daha fazla bir sorun olması muhtemel olan mobil cihazlarda sitenizin daha hızlı yüklenmesini sağlayacaktır.
İlk hücresel tema SEO’nuzu artıracaktır. Nisan 2015’ten bu yana, Google algoritması hızlı bir -mobile sitesini tercih etti. Hücresel tasarım önce sadece sitenizin görünümü hakkında değil. Sadece hücresel: önce hücresel hakkında düşünün, sitenizde neyin önemli olduğunu düşünün ve gerekli olmayanlardan kurtulun. Web sitesi ziyaretçileri son zamanlarda güzel tasarım öğelerinden daha fazla içerikle ilgileniyorlar.
Ancak yukarıdaki bazı şeyler için uyarılar var: İlk hücresel temaların çoğu, düzen için bootstrap çerçevesini kullanıyor. Siteniz için sofistike bir kafes sistemine ihtiyacınız yoksa, temaları kendi medya sorguları, anlamsız kodlarla kullanmayı tercih edebilirsiniz. Aşağıdaki listede bootstrap kullanan hangi temaların belirledim.
Orada yüzlerce duyarlı tema var: son zamanlarda hemen hemen her yeni duyarlı tema, ama pek çok kişi gerçekten mobil değil. Ve hayal kırıklığı yaratan, WordPress tema dizininde kendilerini ilk cep telefonu olarak reklam veren bir tema var. Yani aslında karmaşık olabilecek ilk hücresel temayı bulmak. Bu yazıda, WordPress sitenizde kullanabileceğiniz ilk 15 en iyi hücresel temayı buldum. Minimum stillere veya ayarlama seçeneklerine sahip basit temalardan, eksiksiz özellikler ve tema şablon sistemleri temasına kadar değişir.
Yirmi on altı
WordPress’i ilk yüklediğinizde daha önce yüklenmiş ve etkinleştirilmiş varsayılan tema önce mobil idi. Bu, temiz siyah beyaz tasarım ve açık düzen ile varsayılan temadaki favorilerimden biri. Ama her yerde biraz, bu yüzden sitenizin başkasının gibi görünmesini önlemek için başka bir şeye geçmek isteyebilirsiniz. Yirmi ile ilgilenen? İndir
Geliştiriciler tarafından blogları için yaygın olarak kullanıldığını gördüğüm iyi bir blog temayım. Temiz bir düzen, çekici tipografiye sahiptir ve herkese neye benzediğinizi göstermek için kullanabilirsiniz! Kişisel bloglar için idealdir.
Bu, bir yüzde değil, pikseldeki genişliği nedeniyle dar anlamda duyarlı değildir, ancak ilk ve ince hücresel ortam kuyruğunu kullanır. Benimle ilgili? indirmek
Sydney
İlk birçok hücresel tema gibi, Sydney de bootstrap ızgara sistemini kullandı. Bu, renkler ve yazı tipleri (Google yazı tiplerini kullanan) ve tam geniş başlık görüntüleri ve ızgara tabanlı ön sayfalar gibi bazı iyi ayar seçenekleri içerir. Sydney ile ilgileniyor musunuz?
indirmek geliştirmek
Tema, düzen için ilk hücresel ızgara sisteminin kendisi kullanılarak gelişti. Bu, ön sayfa öğeleri, yazı tipleri, renkler ve daha fazlası için ayar seçeneğinin yanı sıra bootstrap vites değiştirme ve paralaks artı sürücüyü içerir.
Bu, esnek bir ızgara sistemi istiyorsanız ve tam olarak istediğiniz gibi görünecek şekilde değiştirmek için zaman ayırmaya hazırsanız kullanılan bir şeydir. Gelişmekle ilgileniyor musunuz? indirmek
Duyarlı
Duyarlı temalar birçok ayar seçeneğini içerir ve kendi mobil ilk ızgara sistemlerini kullanır. Bu, ana sayfada ve sitenin başka yerlerinde özel içerik eklemek için kullanabileceğiniz 11’den az widget alanı sunmaktadır; WordPress’i basit bir bloglama platformundan ziyade CMS olarak kullanıyorsanız iyi. Duyarlı bence çok iyi değil, ama ayarlamak için zaman ayırdıktan sonra, daha modern ve ince görünmesini sağlayabilirsiniz. Duyarlılıkla ilgileniyor musunuz?
indirmek İpek lite
İpek lite tema tasarımı, daha büyük bir ekranda üç sütundan iki katına kadar geçen çekici bir yazı tipi ve düzen ve daha sonra bir kez daha küçük hale gelen, hücresel ilk sorular medya soruları kullanarak, diğer birkaç kafes tabanlı temadan daha az erkeksi. Tek dezavantajı, sitenizin başlığına bağlı olmasına rağmen, site başlığının çok okunmamasıdır! İpek Lite ile ilgileniyor musunuz?
indirmek
Duyarlı mobil İlk cep telefonu olduğu gerçeğini reklam vermek için adını kullanan bir tema varsa, işte burada! Bu, bir işletme sitesinde iyi çalışacak temiz bir tasarıma sahip duyarlı temalara (yukarıya bakınız) dayanmaktadır.
Duyarlı gibi, ilk hücresel ızgara sistemini kullanır ve birçok ayar seçeneği içerir, bu da önce sipariş edilen temayla veya bir çerçeve veya tema sistemi kullanarak rahat değilseniz, istemcinin sitesi için kullanabileceğiniz anlamına gelir. Duyarlı telefonlarla ilgileniyor musunuz?
indirmek Lite sebzeler
Bu temanın adı beni endişelendirdi çünkü 1990’ların bir kalıntısı olabilir, sebze temalı bir arka plan veya benzerleri. Ama hayır, bu çok fazla beyaz boşluk ve bazı iyi yazı tipleri ile temiz ve modern bir temadır. Bu, gıda bazlı blogları (bu isim nedeniyle) desteklemek için tasarlanmış veggie adlı premium temanın ücretsiz bir versiyonudur. Ancak, bu çok basit bir tasarımdır, böylece bloga hakkında güç sağlamak için kolayca kullanabilirsiniz. Herhangi bir konu, stil ve ilk hücresel sadelik sitenizin performansını artıracaktır. Veggie Lite ile ilgileniyor musunuz?
indirmek
Parti
Binge ile ilgileniyor musunuz?
indirmek
Çiçek Çiçekler, bootstrap ızgara sistemini kullanan başka bir temadır. Bir kez daha ekranın genişliğine ayarlanan düzgün görünen çok fazla beyaz boşluk ve ızgara sistemi var. Bu birkaç widget alanı içerir ve simgeler için olağanüstü yazı tipleri kullanır. Özel bir CSS eklemeden navigasyon bıçağının rengini değiştiremezsiniz, bu nedenle pembeyi sevmiyorsanız sizin için uygun olmayabilir. Çiçeklerle ilgileniyor musunuz?
indirmek
Daniela
Daniela’nın tema sayfası, ‘zarafet dokunuşu’ ile gurur duyuyor ve ben de aynı fikirde olmalıyım. Temiz bir tasarıma sahiptir ve çok sayıda beyaz alanla profesyonel görünüyor ve resimleri iyi idare ediyor. Bu, güven görüntüsünü iletmek istediğiniz bloglar veya küçük işletme siteleri için iyi olacaktır. Bu, ilk mobil düzen stilini kullanır ve Jetpack ile de entegre edilir. Daniela ile ilgileniyor musunuz? indirmek
çizelge
Graphy, başlık görüntüleri ekleme seçeneklerine sahip temiz bir düzen ve çok sayıda beyaz boşluk olan başka bir temadır. Tek bir sütun tasarımı vardır, ancak yan çubuk widget alanını kullanırsanız, iki sütun düzeni oluşturabilirsiniz. Bu temanın odak noktası tipografide ve temiz bir tasarım, yazı tiplerinin herhangi bir rahatsızlık olmadan dikkatin merkezi olmasını sağlar. Grafiklerle ilgileniyor musunuz? indirmek
Lite Yüksekliği
Yükseklik Lite, duyarlı ve duyarlı mobil geliştiricilerden gelir. Bu, çarpıcı paralaks başlık görüntüleri eklemek için seçeneklerle dolu geniş bir tasarımdır ve düzeni değiştirmek istiyorsanız widget alanları ve ayar seçenekleri içerir. Yükseklik Lite ile ilgileniyor musunuz?
indirmek Bileşen
Bileşenler, Automattic tema tasarım ekibinin yeni bir projesidir. Bu, alt çizginin ilk temasına dayanmaktadır ve bloglar, portföyler ve klasik ve modern dergiler de dahil olmak üzere kullanabileceğiniz çeşitli temalardan birini vermek için tasarlanmıştır. Elde ettiğiniz şey hala çok sayıda yeni başlayan temadır (farklı tema stilleri arasında fazla bir fark yoktur), bu nedenle yalnızca kendi tarzınızı eklemek rahat hissediyorsanız yararlı olacaktır. Ancak bu, kendi kodlama çalışmanızdan bazılarını kaydedebilecek ilk hücresel çerçeveyi verir: sizi başlatmasını istiyorsanız, ancak tüm bootstrap özelliklerini gerektirmez. Bileşenlerle ilgileniyor mu? İndir
Mobil ilk temayı kullanıyor musunuz? İlk hücresel temaların sayısı büyümeye devam edecektir, çünkü özellikle daha fazla tema geliştiricisi temalarını desteklemek için Bootstrap Izgara sistemini kullanır. Umarım, yukarıdaki liste siteniz için uygun bir şey içermelidir: denemenizi öneririm, hangisinin sizin için uygun olduğunu görün ve yapmanıza izin veren ayarlamalarla! Bu listedeki temalardan birini kullanıyor musunuz? Yoksa bıraktığımız bir favoriniz var mı? Bize aşağıdaki yorumlarda anlatın.
Etiket:
tasarım hücresel
