Elementor 3.0: Yeni Özellikler Nelerdir?

Blair2004 WordPress Eğiticileri Nov 30, 2020

Elementor'un yeni bir büyük güncellemesi yayınlandı. 2.x sürümünden Sürüm 3.0'e geçtik. Bu yeni sürüm, WordPress ve Elementor kullanarak web siteleri oluşturmanın yeni bir yolunu sunuyor. Bu yeni özellikleri dönüştürmeye çalışacağız.

Elementor 3.0'daki Ana Eklemeler Nelerdir?

Elementor 3.0, 3 ana eklenti ile birlikte gelir: Tasarım Sistemi Özellikleri, Yeni Tema Oluşturucu ve önemli performans iyileştirmeleri.

Tasarım Sistem Özellikleri

Hangi platformda olursa olsun büyük şirketlerin bu kadar iyi performans sergilediğini hiç merak ettiniz mi? Oluşturdukları her şey tutarlı görünüyor ve aynı tasarıma sahip. Bu, "Tasarım Sistemi" adı verilen sistem sayesinde mümkün. UnxDesign.cc'ye göre Tasarım Sistemi:

Ekiplerin bir ürünü tasarlamasına, gerçekleştirmesine ve geliştirmesine olanak tanıyan tüm unsurları gruplayan tek doğruluk kaynağı. Dolayısıyla, bir Tasarım Sistemi bir çıktı değil, bir dizi çıktıdır. Ürün, araçlar ve yeni teknolojiler ile sürekli gelişecektir.

UX Collective

Bir tasarım sistemi uygulayarak, tüm ekibinizin tek bir tasarım dili etrafında tutarlı olmasını sağlayın ve ayrıca ekibinizin çalışma biçiminde devrim yaratın ve daha hızlı bir iş akışı sağlayın.

Elementor 3.0'ın Tasarım Sistemi Özellikleri şunları içerir:

  • Global Renkler
  • Yeni Site Ayarları paneli
  • Global Yazı Tipleri

Bunun daha iyi profesyonel Web Siteleri oluşturmanıza nasıl yardımcı olacağını derinlemesine görelim.

Global Renkler

Elementor 3.0, site renkleriyle çalışmanın yeni bir yolunu ekler. Bu yeni yöntemin adı Global Renkler.

Global Renkler, rengi tek bir konumdan değiştirmenize ve kullanıldığı her yerde bu rengi güncellemenize yardımcı olur.

Web siteniz için temel Global Renkleri seçmeye başlayacaksınız. Ardından, Elementor'da herhangi bir renk stiline gidin ve bunu dört renkten biri olarak tanımlayın. Global Listeye istediğiniz kadar özel renk ekleyebileceğinizi unutmayın.

Artık CSS değişkenleri devreye giriyor. Global Renkler'e geri dönün ve renklerden birini değiştirin. Sitenizin tamamının renk düzeni yeni Global Color'a göre değişir. Hiç bu kadar kolay bir şey deneyimlediniz mi?

Ayrıca, kontrol girişi içindeki aynı renk seçiciyi kullanarak, kontrol girişinden farklı bir Global Renk tasarlayabilir veya yeni bir Global Renk oluşturabilirsiniz.

Site ayarları

Bir web sitesi için ilk tasarım ayarlarını oluşturmak çok zaman alır. Tema kodu, Özelleştirici, functions.php arasında gidip gelmeniz gerekecek. Baş ağrınızı haklı çıkarmak için bu yeterli neden.

Yeni Site Ayarları, çeşitli yapılandırma araçlarını gösterir. Bu şekilde, tüm bu görevleri tek bir yerden yapmaya devam edeceksiniz.

Başlamak için, Elementor ile düzenlediğiniz herhangi bir sayfada, sol taraftaki panelde, sol üst simgeye tıklayın. Bu sizi Global Ayarlar paneline geçirmenizi sağlayacaktır.

Bu Global Ayarlar panelinde şunları bulacaksınız:

  • Düzen: Elementor’un varsayılan içerik genişliği veya varsayılan sayfa düzeni gibi varsayılan düzen ayarlarını yapılandırmak için.
  • Site Kimliği: Logo, Başlık, Kısa Açıklama ve hatta Favicon gibi siteler arası kimliklerinizi özelleştirin.
  • Tema Stili: Tipografi, Düğmeler ve Form Alanları için Elementor (genellikle tema tarafından belirlenir) ile ilgili olmayan HTML öğelerini özelleştirin.
  • Işık Kutusu: Elementor Işık Kutularının varsayılan stilini tanımlayın
  • Global Renkler ve Yazı Tipleri: Web siteniz için geçerli olan genel renkleri ve yazı tiplerini yapılandırmanıza izin verir.

Global Yazı Tipleri

Renkler ve Tipografi, herhangi bir web sitesinin yapı bileşenlerinin bir parçasıdır. Global Renkler özelliğinin aynı mantığını kullanan bu, sitenizin metin stilleriyle çalışmanın yeni bir yöntemidir.

Global Yazı Tipleri ile her tipografi ayarı global olarak uygulanabilir. Artık Yazı Tipi Ailesi, Yazı Tipi Boyutu ve Ölçeği, Yazı Tipi Ağırlığı, Yazı Tipi Dönüşümü, Yazı Tipi Stili, Yazı Tipi Dekorasyonu, Satır Yüksekliği, Harf Aralığı ve hatta Duyarlı Ayarlar dahil olmak üzere tüm site tipografi ayarlarınızı global olarak yapabilirsiniz. Ayrıca bu ayarları bir metin içeren her widget'a ayarlayabilir ve kendi Global Yazı Tiplerinizi özelleştirebilirsiniz.

Doğru tasarlanmış bir Tipografi ile, bu değişiklikleri küresel olarak uygulayabilirsiniz.

Tüm Sitenin Tek Bir Yerde Görselleştirilmesi ve Düzenlenmesi

Tanınmış Tema Oluşturucu, web sitesi tasarımına tam bir genel bakış açısından endüstri lideri haline gelirken, bu yeni kullanıcı arayüzü daha da ileri gidiyor. Yeni Tema Oluşturucu artık size bir web sitesinin tamamına çok sezgisel bir şekilde genel bir bakış sunuyor.

Bu Tema Oluşturucu, siteye genel bir bakış sağlar; bu, tüm site bölümlerini içerir: üstbilgi, altbilgi, genel sayfa şablonu, genel gönderi şablonu ve daha fazlası. Sitenin her parçası önizlenebilir, bu da eksiksiz bir web sitesi tasarlama görevini çok daha kolay hale getirir.

Performans geliştirmeleri

Bir uygulama büyürken, geliştiricinin performansları önemsemesi gerektiği açıktır. Elementor 3.0 üzerinde yapılan güncellemeler, dikkate değer performans iyileştirmeleri ile sonuçlanan güzel bir kod altyapısı sağlamak için yapılmıştır.

Elementor'un daha hızlı işlenmesini sağlayan çok sayıda DOM öğesi temizlemesi yapıldı. Bu kesinlikle sayfa hızı sıralamanızı ve web sitenizdeki kullanıcılar için genel deneyimi iyileştirmelidir.

Somut Olarak Sayfa Hızı Açısından Neler Değişti?

Elementor 3.0, sunucu tarafı işleme süreçlerinde ve Elementor'un dinamik CSS değerlerini işleme biçiminde önemli iyileştirmeler sağlar. Bu, web sitenize dinamik öğeler ve değerler eklemenize olanak tanır. Örneğin, site gönderileri için bir şablon oluşturabilir ve her gönderinin öne çıkan görüntüsünü gönderi başlığının arkasında bir arka plan olarak görüntülemeye karar verebilirsiniz.

Arka planda Elementor tarayıcıya gönderilmek üzere bir gönderi hazırladığında, gönderiyi dinamik değerler için ayrıştırır, geri alır ve herhangi bir CSS değeri içeriyorsa o CSS'yi yazdırır.

Elementor 3.0 ile, bu işlem için harcanan süre önemli ölçüde azaltıldı. Gönderilerinizin her biri için depolanan dinamik değerler sayesinde. Bu liste saklandıktan sonra, birisi gönderiyi her ziyaret ettiğinde, Elementor doğrudan bu listeye gider ve böylece süreci daha hızlı hale getirir. Bu optimizasyondan etkilenen dinamik değerler arasında arka plan resimleri, renkler ve çok daha fazlası bulunur. Bu iyileştirme, sunucu yüklerinde gözle görülür bir azalma sağlar.

Elementor 3.0 Güncellemesi Özeti

Yukarıda bahsettiğimiz gibi, bu sürüm günlük işlerinizi gerçekten etkilemesi gereken ilginç güzelliklerle birlikte geliyor. Şunlardan geçtik:

Daha tutarlı ve verimli çalışmanıza yardımcı olan Tasarım Sistem Özellikleri.

Yeni Tema Oluşturucu, web sitenizin her bölümünü tek bir yerden yönetmek için güçlü bir görsel araçtır.

Daha iyi bir kullanıcı deneyimi için Performans İyileştirmeleri.

Elementor 3.0 kesinlikle profesyonel bir web yaratıcısı olarak sizi uç noktalara taşıyacak. Henüz yapmadıysanız, şimdi Elementor Pro'e yükseltin. Elementor kesinlikle WordPress'teki en iyi ücretsiz Sayfa Oluşturucu'dur'in nedenini açıklayan gönderimizi de okumayı düşünmelisiniz.