Bu makalede, Elementor'un son Sürüm 3.0 beta sürümüne dahil ettiği her şeyi ele almak istedik. Elementor 2.0, Nisan 2018'de piyasaya çıktığından beri, arkasındaki geliştirme ekibi eklentinin bir sonraki sürümünü getirmek için çok çalışıyor. Sonunda burada, bu yüzden eklentinin arka ucuna derinlemesine dalmak ve hangi değişiklikleri uyguladıklarını görmek istedik.

İlk olarak, bu beta sürümü iki aşamada geliyor. Bu makale, 7 Haziran 2020'de yayınlanan ilk aşamayı tartışıyor.

Bu gönderideki bilgi ve görseller https://github.com/elementor/elementor/issues/11821 adresinden alınmıştır.

3.0 Teması

3.0 beta sürümünün ana teması bir tasarım sistemidir . Ekip, belirli web sitenizin genel temasını ve markasını değiştirmenize olanak tanıyan bir küresel yönetim panelleri koleksiyonu eklemeye çalışıyor. Bu özellikler öncelikle iş akışlarının verimliliğini artırmak içindir ve düzgün bir şekilde uygulanırsa herkese çok zaman kazandıracaktır.

GitHub tasarım sayfasında, ekibin web sitesi tasarım sistemini şu şekilde tanımladığı:

"Terime aşina olmayanlarınız için, bir Web Sitesi Tasarım Sistemi, ekiplerin bir web sitesi tasarlamasına, gerçekleştirmesine ve geliştirmesine izin verecek tüm unsurları gruplandıran tek gerçek kaynaktır.

Tüm web sitesi tasarım bileşenlerine sahipsin – böylece tüm ekibin senkronize olur ve web siten her zaman %100 tutarlı olur."

Elementor 3.0 beta faz 1'de tanıtılan dört büyük değişiklik vardı.

Küresel Renkler
Küresel Tipografi
Genel Ayarlar (Site Kimliği, Işık Kutusu ayarları ve daha fazlası dahil)
Site Editörü (yakında tanıtılacak bir Pro özelliği)

Hadi biraz keşif yapalım.

Genel Ayarlar

Bu özellik, Elementor ile web sitelerinin düzenlenmesi söz konusu olduğunda size merkezi bir konum sağlamak için tasarlanmıştır. Bunun arkasındaki ana fikir, özelleştirici, tema kodu ve ek arka uç dosyaları arasında geçiş yapma ihtiyacını ortadan kaldırmaktır. Bu sayfa, web sitenizde büyük özelleştirmeler yapmak için ihtiyacınız olan tüm araçları tek bir yerde sunar. Bunu düşünmenin iyi bir yolu, WordPress özelleştiricisi, yeniden kaplaması, yeniden öne çıkarılması ve Elementor düzenleyicisidir.

Küresel Renkler

“Zaten yerleşik küresel renklere sahip değiller mi?” diye düşünüyor olabilirsiniz.

Varsayımınızda haklısınız, ancak yapabilecekleri oldukça sınırlıydı. Elementor'un mevcut sürümündeki varsayılan renkler ayarı, sitenizin renk paletini yönetmenize yardımcı oldu. Ancak, web sitesinde renk paletinin iki öğesini uygulamaya gelince, fazla kontrolünüz yoktu.

Genel renkler, belirli (küresel) renklerin nerede uygulanacağını kontrol etmenizi sağlar. kaputun altında, renkleri web sitenizdeki belirli öğelere global olarak uygulamak için CSS değişkenlerini kullanır. Örneğin, web sitesindeki tüm simgelerin varsayılan rengini değiştirmek istiyorsanız, bunu artık global renkler arayüzü üzerinden yapabilirsiniz.

Resmi olarak, ekibin global renklerin (aslında tema stili olarak adlandırılan) mevcut sürümünü ve global rengin yeni entegrasyonunu şu şekilde tanımladığı:

Küresel Tipografi

Küresel tipografi, bu makalenin önceki bölümünde sunulan genel ideolojiyi takip eder. Web sitenizdeki belirli yazı tipi öğelerine uygulamak istediğiniz yazı tiplerini genel olarak belirtmenize olanak tanır. Örneğin, hareketli bir başlıkta kullanılan genel yazı tipini değiştirmek istiyorsanız, bunu bu arayüzden yapabilirsiniz. Bir H1 yazı tipini değiştirmek istiyorsanız, bunu da yapabilirsiniz.

Elementor'da herhangi bir yazı tipini düzenlerken sıra tipografi ayarlarında bulabileceğiniz tüm stilleri uygulamanıza izin verecektir.

Bu, renkleri, yazı tipi ailelerini, ağırlığı, boyutu ve daha fazlasını değiştirebileceğiniz anlamına gelir.

Site Kimliği, Düzeni ve Lightbox

Site kimliği, Temelde Görünümler -> Özelleştir arayüzünde yapabileceğiniz her şeyi aldığı ve bunları Elementor düzenleyicisine getirdiği için Elementor'a hoş bir ektir. Bu, WordPress web sitenizde gerekli tüm değişiklikleri yapmak için düzenleyicide kalabileceğiniz anlamına gelir.

Github Sayfasında belirtilen listelenen özellikler Logolar, Favicons ve daha fazlasıdır. Ayrıca sayfa düzeniniz ve Elementor ışık kutunuzun stilini küresel olarak yönetebilirsiniz.

Süreklilik, iş akışınızın hızlanacağı ve daha verimli olacağı anlamına gelir.

Performans Değişiklikleri

Ne yazık ki, bu sürüm Elementor'un performansını artırmaya ve ön uç sayfa yükleme sürelerini azaltmaya odaklanmıyor. Bu, ele alınmasını istediğimiz oldukça büyük bir sorundur.

Önümüzdeki DOM İyileştirmeleri! v3.0'dan HTML Sarmalayıcıları Kaldırma – Elementor Geliştiricileri

Elementor web sitelerinin hızını ve performansını iyileştirmenin her zaman yeni yollarını arıyoruz. Bu uzun zaman oldu. Son zamanlarda, web sitesi oluşturucunun HTML çıktısına eklediğimiz çok sayıda sarmalayıcı öğe hakkında kullanıcılarımızdan geri bildirim alıyoruz.

Ancak ekip, sınıf sayısını ve div sarmalarını en aza indirerek doğru yönde ilerliyor. bu Dom'u küçültür ve minimum performans artışı sağlar:

İnce ayar: Performansı artırmak için DOM çıktısından .elementor-inner, .elementor-row ve .elementor-column-wrap kaldırıldı (#7351, #7817, Developers Blog Post)

Fotoğrafın ilk bölümü, bir bölüm için geçerli işaretlemeyi görüntüler (Bu, basit bir div kapsayıcı için çok fazla oluyor).

İkinci bölüm, bu bölüm için yeni ve geliştirilmiş işaretlemeyi gösterir.

Doğru yönde kesinlikle hoş bir adım!

Bazı sınıfları kaldırdıkları için bu, Elementor sürüm 2.10'dan 3.0'a güncelleme yaptığınızda değişikliklerin bozulmasına neden olabilir.

2. Aşamada Geliyor

Github'dan: Site Düzenleyicisi (yakında tanıtılacak bir Pro özelliği)

Bunun ne olduğu hakkında hemen hemen hiçbir bilgi yok, ancak kulağa oldukça hoş geliyor ve neler sunabileceğini görmek için heyecanlıyız. Bu site düzenleyici özelliği, 3.0 beta'nın ikinci aşamasında piyasaya sürülecek gibi görünüyor.

Görmek İstediklerimiz (ama olmuyor)

Temel düzenleyicide yapılan bazı ek değişiklikleri ve iyileştirmeleri görmek isterdik. Örneğin, widget'ların çoğu daha hızlı yüklenen bir web sitesiyle sonuçlanacak şekilde optimize edilebilir. Elementor'un arkasındaki geliştirme ekibi, mevcut widget'ları iyileştirmeyi planladıklarını belirtti, ancak bu sürüm sürümünün ana odak noktası bu değil.

Ayrıca özel kesme noktaları, daha iyi Web P desteği ve bazı ek geliştirme odaklı değişiklikler gibi birçok küçük ince ayar görmek isteriz. Büyük bir sürüm için performansa odaklanmamaları çok talihsiz bir durum ve gerekli iyileştirmeleri görmek için sürüm 4'ü beklememiz gerektiğini düşündürüyor.

ev borcu WordPress sitesi

Elementor v3.0 Beta Sürümündeki Her Şey (1. Aşama)

3.0 Teması