2020 için WordPress Web Tasarım Trendleri
WordPress dünyasındaki en son web tasarım trendlerini mi takip ediyorsunuz? Gelecekte size gelecek bazı önemli tasarımlar ve teknik özellikler göstermeyi hedefliyoruz. Bildiğiniz gibi, web tasarımı, markalarını çevrimiçi oluşturmak ve büyümeye devam eden şablon tabanlı web sitelerinin kalabalığından öne çıkan daha fazla işletme ile birlikte büyümeye devam ediyor. Son yıllarda, web tasarımcılarının ve marka bilen işletmelerin kolektif hayal gücünü yakalayan birçok web tasarım trendini gördük ve yazdık. Aniden, tıkladığınız her web sitesi, güvenliğe odaklanan vahşilik, minimalist, modern retro, malzeme, modüler veya tasarım gibi web tasarım stillerinden etkileniyor gibi görünüyor.
Ve web tasarımında geometriyi kullanarak, kuralları, doymuş renkleri, asimetrik düzen, hasarlı veya eğik, CSS ızgaraları, video başlıkları, paralaks, sinemagraflar, ayarlanmış çizimler, animasyonlar çizilmiş, mikro etkileşimler ve bildirim web sitesi nasıl? Evet, biz de tartıştık! Bir -sayfa web tasarımını kullanmanın faydalarını bile tartıştık ve web sitesinde tarafların kullanımı hakkında araştırmanın ne söylendiğini sizinle paylaştık. Bazı web tasarımı trendleri, diğerlerinden öne çıkan sitelere yardımcı olmaya odaklanırken, diğer eğilimler işlevsel veya ekonomik ihtiyaçlardan ve hatta uyumluluktan doğar. Örneğin, hücresel bazlı tasarım veya kapsayıcı web tasarımını düşünün. Bugünün sitelerini hücresel tasarımı olmayan veya erişilebilirliği düşünmeyi hayal etmek zor.
Web sitesi sahibi, sonuç verecek harika bir site istiyor. Dolayısıyla, aşağıda listelenen eğilimlerin estetik tasarımı önemli işlevsellikle birleştirmesi şaşırtıcı değildir. WordPress Web Tasarım Trendleri 2020 için trendler, sadece 2020’de değil, önümüzdeki yıllarda WordPress web tasarım dünyasına hakim olacağına inandığım trendle başlayalım. En iyi WordPress tasarımı, tereddüt etmeden bloktan başlar, WordPress Gutenberg blok tabanlı web tasarımı, 2020’de dikkat etmeniz gereken en önemli WordPress tasarım trendidir. Kasım 2019’da WordPress Camp US’da (WCU’lar) St. Louis, Missouri, Matt Mullenweg (kurucu ortağı WordPress) Gutenberg’in WordPress web tasarımı ve web geliştirmenin geleceği olduğunu açıkladı. Mullenweg Mullenweg bize tüm WordPress yollarının Gutenberg’e yol açacağını söylüyor. (WCUS St. Louis, Missouri, Kasım 2019’da konuşma ‘Kelimenin Durumu’.) Matt’in konuşmasının önemini takdir etmek için Gutenberg’in 16 yıllık tarihte WordPress tarafından yapılan en büyük değişiklik olduğunu bilmeniz gerekir. WordPress 5.0’ın 6 Aralık 2018’de piyasaya sürülmesinden bu yana Gutenberg 20 yeni sürüm aldı, katkıda bulunanların sayısı önemli ölçüde büyüdü (bir yılda 200’den 480’den fazla) ve WordPress sitesinde Gutenberg editörlerinin benimsenmesi neredeyse üç kat. . Mevcut WordPress sitesini tasarlayan veya inşa eden herkes, WordPress’in Gutenberg’in benimsenmesi konusunda ne kadar ciddi olduğunu görmezden gelemez.
Daha keyifli bir yazma deneyimi için yazarken dikey konumunuzu koruyan ‘daktilo’ modu.
Blok Önizleme, kullanıcıların seçmeden önce blok ekranını görmelerini sağlar.
Akıllı telefonunuzdan yüksek çözünürlüklü görüntüler gibi büyük görüntüleri yüklemeye destek. (Utanmaz fiş: Sitenize büyük resimler yüklerken Smush gibi bir sıkıştırma eklentisi görüntüsü kullanın ve asla sorun yaşamayacaksınız).
Kullanım ve erişilebilirliği artırmak için daha hızlı blok gezinme modu (kullanıcılar klavyelerini kullanarak blok menüsünde gezinebilir). Navigasyon menüsünü, ele geçirilmiş bir gezinme menüsü bloğunu kullanarak arka plan ve metin rengi gibi öğelerle ayarlama yeteneği.
Gutenberg’in yeni özelleştirme bloğu, kullanıcılara kendi navigasyon menüsünü tasarlama olanağı sağlar.
Gutenberg ayrıca blokları (grup blokları) sınıflandırmanıza, bloklar (ara bloklar) arasında boşluk eklemenizi ve sayfalarda ve direklerde özel ve çok bombeli gradyanlar kullanmanızı sağlayan yeni bir bloğa sahiptir.
Merhaba, gradyan ve özel düğmeler! Matt, konuşmasında, Gutenberg bloğunun kullanıcılarının en çok aranan özelliklerinden birinin sosyal simgeler ekleme yeteneği olduğunu belirtti. Gutenberg’in sosyal simge bloğu, kullanıcıların yayınlarının ve sayfalarının herhangi bir yere sosyal ikonlar ve düğmeler eklemelerine olanak tanır. Umarım kullanıcıların seçim yapabileceği çeşitli sosyal medya blokları mevcut olacaktır.
Sosyal simge bloğu, en çok talep edilen Gutenberg özelliklerinden biridir. Giderek daha fazla katkıda bulunan ve geliştirici şimdi Gutenberg’e bir yol olarak odaklandığından, WordPress ayrıca kullanıcıların Sebaris Block Dizini kullanarak sitelerinde blok arama ve yüklemelerine izin verecek bir blok dizini başlatacaklarını açıkladı. Bu, örneğin, Sitenize Desen Kütüphanesi gibi tüm koleksiyonları ekleyecek blokları içerir.
Gutenberg blok dizinini kullanarak sayfaları hızlı bir şekilde tasarlayabileceksiniz. Gutenberg Block Dizini ile kullanıcılar sayfaları hızlı bir şekilde tasarlayabilecek. Bu, 2020 için bir sonraki WordPress web tasarım trendine yol açar. Tüm WordPress Tema Geliştiricileri Yönetmek İçin Bir Tema Not: Gutenberg Block tabanlı özellikler, kullanıcılara kendi yayınlarını ve sayfalarını tasarlama ve ayarlama konusunda daha fazla özgürlük sağlayacaktır. Sadece Gutenberg bloklarını barındıran özel hedef temalarının (örneğin e -ticaret veya bloglara odaklanan temalar) geliştirilmesine odaklanmak yerine, bu yeni özgürlüğü her türlü tür oluşturmak için özellikler sunan çok amaçlı temalarla nasıl destekleneceklerini yeniden düşünmelidir. Web siteleri. Gutenberg ile istediğiniz herhangi bir web sitesini oluşturabilirsiniz. Matt Mullenweg’in (kurucu ortağı WordPress) son zamanlarda WCUS kelimesinin durumunda belirttiği gibi, “Bu temel yapı taşı ile gerçekten etkinleştirmeye çalıştığımız şey, dünyadaki herhangi bir web sitesini görebilmeniz ve WordPress’in içinde sadece birkaç tane ile inşa edebilmenizdir. tıklar. ” Bu, WordPress tema tasarımcıları için bir meydan okuma ve fırsattır. İstediklerine göre değiştirilebilecek bir tema nasıl oluşturursunuz? Bunu yapmaya çalışan bazı tema tasarımlarına bakalım: Neve
Neve tarafından temaisle. Neve, her türlü web sitesi projesi için kullanılabilen hızlı, çok ayarlanabilen çok amaçlı bir temadır. Bu temanın minimalist bir tasarıma sahip olmasına rağmen, bu tema çok genişletilebilir ve Gutenberg ve sayfa yapımcılarının çoğu ile mükemmel olabilir. WooCommerce Hazır, Duyarlı, RTL etkinleştirilir ve hazır çeviriye ek olarak, bu ışık teması AMP tarafından tamamen optimize edilmiştir (bunun neden önemli olduğunu öğrenmek için aşağıdaki bir sonraki web tasarım trendine bakın). Atılım Profesyonel’in çerçevesi, Studilopress tarafından Genesis çerçevesi ile inşa edilmiş bir WordPress temasıdır. Studiopress (şimdi WP motorunun bir parçası) tarafından geliştirilen Genesis Framework, Gutenberg için özel olarak optimize edilecek bir dizi yükseltilmiş temayı yayınlayarak Gutenberg’e hazır olmaktan daha fazlasını hareket ettirmeyi amaçlıyor.
Örneğin, Breakthrough Pro gibi temalar, Gutenberg temalarının blok renk paletleri, yazı tipi boyutu, editörün genişliği ve görüntü boyutu, özel stil ve mevcut çeşitli mevcutlarla çalışan Gutenberg varsayılan blok kuvveti gibi şeyler için desteğini birleştirin. Editörler ve uygun bir ön uç stili ve yönetici ile Gutenberg bloklarını kullanarak bir sayfa oluşturmanızı ve yayınlamanızı sağlayan kolay wysiwyg düzenleme.
Siteyi daha hızlı hale getirin Sitenin sadece iyi görünmesi değil, aynı zamanda daha hızlı yüklenmesi gerekir. Özellikle hücresel bölgelerde. Dikkat edilmesi gereken iki gelişen eğilim, hızlandırılmış mobil sayfalar (AMP) ve Progresif Web Uygulamaları (PWA). AMP (hızlandırılmış mobil sayfalar) temel olarak mevcut web sayfanızın daha hızlı yükleme hızları için tasarlanmış basit bir HTML sürümüdür. Google, arama sonuçlarında kullanıcılara anında yüklenen sayfalar oluşturmak için AMP içeriğini depolar ve sunar. Neve gibi temalar, daha önce tartıştığım şey optimize edilmiş bir AMP idi, bu yüzden özel bir konfigürasyon yoktu. Bu web sitesi, AMP tarafından optimize edilen WordPress teması Neve kullanılarak yapıldı. WordPress için PWA eklentisi, kullanıcıların ana ekranlarından uygulamalar başlatarak ve Web sitenizle uygulamalar gibi bir arayüz aracılığıyla etkileşime girerek sitenize geri dönmelerine olanak tanır. WordPress sitenizi aşamalı bir web uygulamasına dönüştürmek, kullanıcıların cep telefonlarından uygulamaları başlatarak ve web sitenizle uygulamalar gibi bir arayüz aracılığıyla etkileşime girerek sitenize geri dönmelerini sağlar.
WordPress sitenizi bir uygulamaya dönüştürmek için Super PWA gibi eklentileri kullanın. Milisaniyenin, ziyaretçilerin sitenizi seçip seçmediklerini veya diğer kişilerin sitelerini tıklamış olup olmadığı ve bir saniye gecikmenin dönüşüm oranını%7 azaltabileceği bir dünyada, rakiplerinden daha hızlı yüklenebilen WordPress sitesi dikkatini çekmeye devam eder. Kullanıcı ve kazan tıklamaları. WordPress tema tasarımcıları ve web geliştiricileri, AMP gerektirmeyen ve siteyi PWA’ya dönüştüren hücresel dostça WordPress temaları geliştirerek bu eğilimi takip edebilir. Daha fazla kullanıcının mobil cihazlarını kullanarak çevrimiçi arama hakkında konuşabileceğiniz bir site oluşturun ve ses arama özellikleri kullanın. BackLinko’nun Ses Arama çalışmasına göre, sayfanın hızı SEO Sound Search SEO’da önemli bir rol oynuyor, burada ortalama sesli arama sonuçları sayfasının 4.6 saniyede (ortalama sayfadan% 52 daha hızlı) yayınlandığı. Eklentiler kullanarak WordPress sitesine ses arama becerileri ekleyebilirsiniz. WP en hızlı site araması WP eklentisi en hızlı site araması, WordPress’e ses araması eklemenizi sağlar. WP’nin en hızlı site araması, yalnızca WordPress sitelerine ses arama özellikleri eklemenize izin vermekle kalmaz, aynı zamanda standart WordPress arama widget’ının yerini alır ve otomatik bütünlük, yazım düzeltmesi, PDF arama ve arama filtreleri dışında görüntüler gibi diğer arama geliştirme özellikleri ekler ve arama filtreleri ve Arama sayfaları. Ancak WordPress’e bir ses arama eklentisi eklemek yeterli değildir. Ayrıca sesli arama için WordPress sitenizi nasıl optimize edeceğinizi de öğrenmeniz gerekir. Ses Arama Optimizasyonu, kullanıcıların daha hızlı aradıklarını bulmasına yardımcı olur ve bu, hücresel için optimize edilmiş site olan hızlı yükleme gerektirir. Ayrıca, sitenin okuyucunun sorularına cevap verebilmesini sağlamak için içeriğe hazır olma gibi alanlara odaklanmak önemlidir. WPASTRA, SEO ses araması hakkında iyi bir makale yazdı. Kullanıcılara yeniden konuşan bir site oluşturun, sadece çevrimiçi aradıklarını daha hızlı bulmayı ve almayı ummakla kalmaz, aynı zamanda sorularına anında cevap almayı da umarlar. Çevrimiçi kullanıcılarımız için ‘beklemenin’ nasıl geliştiğini düşünün, bir e -posta yanıtı beklerken, cep telefonu ekranındaki animasyon noktaları bize birisinin olduğunu söylediğinde endişeyle izlemek için parmaklarımızı masaya gergin bir şekilde dokunmaktan geçtik. Metnimize bir mesajı yanıtlamak. Teknoloji, kullanıcıların anında memnuniyet beklemesini şart koştu ve şimdi vermeliyiz. Çözüm? Chatbot AI. Doğrudan sohbet Sohbeti doğrudan WordPress sitenize ekleyin. AI teknolojisi ile entegre doğrudan sohbet, işletmelerin web sitelerini açan müşterilere yanıt vermesine ve doğrudan dahil olmalarına olanak tanır. Birisi doğrudan yanıt veremiyorsa, AI komut dosyaları kullanıcıları uygun şekilde yönlendirebilir ve anında destek sağlayabilir. Bazen, tüm kullanıcıların ihtiyaç duyduğu tüm kullanıcılar, sadece bakım botları olsa bile seviliyor. WordPress, beni 15 saniyeden daha kısa bir sürede web sitesinde hayatta kalan kullanıcıların çoğunu taşıyorsunuz. Dikkatlerini çekmeniz ne kadar süredir. Animasyon ve geçiş öğeleri gibi hareket UI özelliklerini bir web tasarımına entegre etmek, sitenize girdiklerinde veya çıktıklarında ziyaretçilerin dikkatini çekmeye yardımcı olabilirsiniz. Buradaki anahtar, dikkatlerini çekmek ve sonra aradıkları her şeye yönlendirmek arasında doğru dengeyi elde etmektir. Web sitenize nasıl hareket eklemeye başlayacağınızı bilmiyorsanız, çoğu WordPress kullanıcısının başladığı yerden başlayın … bir eklenti ile! Animasyon!
İçeriğinize animasyon ekleyin ve ziyaretçilerinizin dikkatini çekin. Animasyon! Ziyaretçiler sitenizdeki öğeleri girdiğinde, çıkış, çıkış, kaydırma veya tıkladığında widget’larda ve yayınlardaki içeriğe CSS3 animasyonu eklemenizi sağlar. Video arka plan video arka plan, WordPress sitenize hareket eklemenin başka bir yoludur. Sayfanıza video arka plan eklemek için Gutenberg kapak bloğunu kullanabilirsiniz. Kapanış bloğu, video ve animasyon eklerken WordPress’e kolayca video animasyonları eklemenize olanak tanır, sitenizin hala hızlı bir şekilde yüklendiğinden emin olun. Bu konuda size yardımcı olmak için smush ve sinek kuşu eklentimizi yükleyin. Ahlo’dan Zialo’ya Halo deyin, iş e -ticaret ve internet gibi alanlarda küresel olarak gelişmeyi hedefler ve dünyayı daha küçük bir yer haline getirmeye devam ediyor, dünya çapında daha fazla kültür benzersizliklerini korumaya çalışıyor. 2020’de, kullanıcıların içeriği kendi dillerinde görmelerini sağlayan çok yönlü bir WordPress sitesi daha popüler olacaktır. WordPress’in kendisi iki dilli veya çok dilli siteleri desteklemese de, WordPress’in tüm dillere çevrilmesini destekler. Ayrıca, çok kireç siteleri kolayca oluşturmanızı sağlayan bir eklenti vardır. WPML
WPML – WordPress WPML (WordPress Multillildual Eklenti) Çok dilli eklentiler, WordPress sitelerini çeşitli dillere çevirmenize olanak tanır ve sitelerin 100’den fazla ülke ve dildeki kullanıcılarla etkileşime girmesine izin verir. Polylang, Weglot ve Transplay dahil olmak üzere diğer popüler dil çeviri eklentileri. Yıllar boyunca WordPress’in çok samimi yeteneklerini geliştirmeye yardımcı olan geliştiricileri desteklediğini belirtmek önemlidir. WordPress, çeviri eklentisini değiştirmek veya WordPress çok dilli bir temel teklif olarak yapmak istemez. WordPress, çok yakın yeteneklerini geliştiren eklentileri destekler. Herkesin fikirleri ve gerçek zamanlı işbirliği kullanarak WordPress siteleri tasarlayabildiğini ve geliştirebileceğini hayal etmesi gereken bir şey var. Farklı departmanlar, geliştirilirken sitenin belirli alanına değerli girdi sağlayabilecek ve kullanıcılar ve geliştirme ekibi için daha iyi bir site üretecektir. WordPress’te gerçek zamanlı işbirliği yeterli olmasa da, yolda. Leonardo Losovitz, Gutenberg’in WordPress’te içerik yapma, düzenleme ve yönetme ve web tasarımcılarının kullanıcılara yardım etmesine yardımcı olma deneyimini nasıl yeniden keşfettiği hakkında iyi bir makale yazdı. Gutenberg yakında gerçek zamanlı olarak diğer WordPress ile işbirliği yapmayı mümkün kılacak.
Gutenberg kalacak ve yakında WordPress kullanıcılarının ortak bir site oluşturmasına yardımcı olacak. Görüntü Kaynağı: GitHub, WordPress sitesini yarın bugün yukarıda görebileceğiniz gibi tasarlamaya başlıyor, Gutenberg, WordPress’i etkileyen ve gelecekte WordPress web tasarımındaki tüm eğilimleri ve gelişmeleri etkileyecek en önemli gelişmedir. Bunu kendi sorumluluğunuzla görmezden gelin. 2020’den başlayan WordPress web tasarımı, tasarım ve işlevselliği entegre eden, çok hızlı yükleyen ve dünya çapında gelişen hücresel kullanıcı tabanlarına hizmet eden sitelere odaklanacaktır. Bunu bilmek daha iyi bir site oluşturmanıza yardımcı olacaktır. Geçmişte birçok web tasarımı trendini tartıştık ve gelecekteki eğilimleri tahmin etmeye devam edeceğiz. Web tasarım ilhamını nereden alacağınızdan bile göstereceğiz, bu nedenle bir web tasarımcısı veya web geliştiricisiyseniz, en son güncellemelerimizi almak ve trend izlemeye devam etmek için abone olduğunuzdan emin olun. 2020 WordPress web tasarım trendlerimizi paylaşıyor musunuz? Bir web tasarımında WordPress’in geleceğini etkileyecek önemli bir eğilimi kaçırdık mı? Aşağıdaki düşüncelerinizi, fikirlerinizi ve yorumlarınızı paylaşın. Etiket: WordPress Web Tasarımı Web tasarımı Web Tasarım Trendleri
