Elementor 3.16 – Daha Hızlı Performans, Esnek Tasarım ve Daha Fazla Erişilebilirlik

Bu sürüm, tüm yeni web sitelerinde varsayılan olarak güçlü Flexbox Container özelliğini etkinleştirerek performansı, tasarım esnekliğini ve yanıt verme hızını artırdı. Ayrıca Flexbox Konteynerleri ile daha da fazla esneklik sağlamak için yükseltilmiş 'Öğeler arasındaki boşluk' kontrolünü de sunar. Ayrıca bu sürüm, Widget panelinde Flexbox ve Grid Container Widget'larını birbirinden ayırır ve her Container türü için ayrı bir widget oluşturur.

Ayrıca, İlk Bayta Kadar Geçen Süre (TTFB) ölçümlerinde yapılan iyileştirmeler sayesinde ziyaretçileriniz çok daha hızlı yükleme sürelerinden yararlanacak. Siteniz ayrıca daha kapsayıcı olacak ve ekran okuyucuları ve diğer yardımcı teknolojileri kullanarak ziyaretçilere daha iyi bir deneyim sunacaktır. Ayrıca Menü ve Sekme Widget'ları, gelecekte gelişmiş özelliklerin uygulanmasına olanak sağlayacak önemli bir altyapı güncellemesine sahiptir.

Maksimum Tasarım Esnekliği – Flexbox Konteynerleri Yeni Web Sitelerinde Etkinleştirildi

Adına sadık kalarak Flexbox Konteynerleri son derece esnektir ve piksel açısından mükemmel, yüksek performanslı ve hızlı yanıt veren web siteleri oluşturmanıza olanak tanır. Daha doğru konumlandırma ayarları sunarak esnek düzenler için öğeleri bir kapsayıcı içinde verimli bir şekilde hizalamanıza ve dağıtmanıza olanak tanır. Örneğin Başlık, Resim ve Metin Düzenleyici Widget'larını tek bir kaba yerleştirebilirsiniz. Daha sonra her ekran boyutu için farklı bir esnek yön ayarlayabilirsiniz. Bu, öğeleri cihaza göre farklı bir sırada konumlandırmanıza olanak tanır.

Ayrıca, Flexbox Kapsayıcılar iç içe widget'ları destekler; bu, widget'ları Atlı Karınca, Menü, Sekmeler ve Akordeon Widget'larının içerik alanlarına yerleştirebileceğiniz anlamına gelir. Örneğin, bir öğede iletişim formu, diğerinde ise Google Haritalar Widget'ı içeren karmaşık bir düzen oluşturmak için Akordeon Widget'ını kullanabilirsiniz.

Bu sürümden itibaren Flexbox Container'lar tüm yeni sitelerde varsayılan olarak etkinleştirilecektir. Bu güncelleme, bölümler ve sütunlarla oluşturulmuş siteleri etkilemeyecektir ve bunları kullanmaya devam edebileceksiniz ancak yeni tasarım özelliklerinden yararlanmak için Kapsayıcılar'ı kullanmanızı öneririz. Yeni bir web sitesi oluşturuyorsanız ve bölümler ve sütunlarla oluşturmak istiyorsanız Flexbox Container özelliğini devre dışı bırakabilirsiniz, ancak iç içe geçmiş yeteneklere sahip özelliklere ve widget'lara erişemezsiniz.

Flexbox Konteynerlerini etkinleştirmek, yeni tasarımların yanı sıra Konteynerlere dönüştürülmüş en popüler bölüm tabanlı Kitleri içeren Konteyner Tabanlı Kitlere ve şablonlara da erişmenizi sağlayacaktır. Bölüm tabanlı Kitleri ve şablonları kullanmak için Flexbox Container özelliğini devre dışı bırakın.

Öğeler Arasındaki Boşluğa Dikkat Edin – Geliştirilmiş Boşluk Kontrolü

“Öğeler arasındaki boşluk” kontrolü “Boşluk” olarak yeniden adlandırıldı. Konteynerlerin içindeki elemanlar arasındaki boşluğu ayarlamaya yönelik tek aralıklı kontrolün yerini yatay ve dikey boşluklar için iki sayı girişi almıştır. Bu, yatay ve dikey boşluklar için farklı değerler ayarlamanıza olanak tanıyarak her öğenin hassas şekilde konumlandırılmasını sağlar. Boşluklar ayrı ayrı ayarlanabilir veya birbirine bağlanabilir. Ayrıca piksel, yüzde, EM, REM, VW gibi farklı birimlere göre de boşluklar ayarlanabiliyor.

Izgara Konteyner Widget'ına Giriş

Izgara Kapları, tek bir ızgara benzeri kapta çok öğeli düzenler oluşturmak için güçlü bir düzen aracıdır. Bu sürüm, Grid Container'lara Widget Panelinde kendi Widget'larını vererek, Flexbox Container'ı sürükleyip türünü değiştirmenize gerek kalmadan Grid Container'a doğrudan erişmenizi sağlar.

Bir Flexbox Konteynerini editöre sürüklerseniz otomatik olarak bir Flexbox Container oluşturacaktır ve bir Grid Container'ı düzenleyiciye sürüklerseniz Grid Container olarak başlayacaktır. Düzen bölümündeki Konteyner Düzeni açılır menüsünden her bir kapsayıcıyı diğer türe değiştirebilirsiniz.

Daha Hızlı TTFB ile Sitenizi Hızlandırın

Sürüm 3.16, sayfanızın karmaşıklığına bağlı olarak, ilk bayta kadar olan süreyi (TTFB) yükleme süresini Elementor Core ile oluşturulan sitelerde %5-20 oranında ve Elementor Pro ile oluşturulan sitelerde %40'a kadar artırır. Bu, ziyaretçilerinize daha hızlı ve sorunsuz bir deneyim sunarak içeriğinizi her zamankinden daha hızlı sunacaktır. Düzenleyici içindeki görüntüleme koşulları değiştirilerek önemli ön uç performansı iyileştirmesi sağlandı. Bu değişiklikler, bağlantı kurulum süresini ve web sunucusu yanıt verme hızını ölçmek için önemli bir ölçüm olan İlk Bayta Kadar Geçen Süreyi (TTFB) iyileştirir.

Erişilebilirlik Geliştirmeleri

Elementor, daha kapsayıcı ve erişilebilir web siteleri oluşturmanıza olanak tanır. Bu sürüm, ekran okuyuculara ve diğer yardımcı teknolojilere güvenen ziyaretçilerin içeriğinizden keyif almasını kolaylaştıracak bir dizi önemli erişilebilirlik iyileştirmesi içerir. Örneğin, Simge Kutusu veya Görüntü Kutusu gibi birden fazla öğe ve bağlantıya sahip widget'larda iyileştirmeler yapıldı. Bu widget'ları tarayan ekran okuyucular, widget'taki her öğeye atanan bağlantıyı bir kez okuyacaktır. Bu, ekran okuyucuların aynı bağlantıyı birden çok kez tekrarlamalarını ve gereksiz yere zaman harcamalarını önleyecektir.

Diğer bir örnek ise Gönderiler Widget'ında yapılan iyileştirmedir. Ekran okuyucular yalnızca yazı başlıklarına odaklanacak ve "Devamını oku" CTA'ları ve öne çıkan görsel alternatif metinleri gibi alakasız görsel içerikleri göz ardı edecek. Bu, yardımcı teknolojilerle birlikte yazı Widget'ına göz atarken ziyaretçilerin deneyimini geliştirecektir. Erişilebilirlik iyileştirmeleri hakkında daha fazla bilgi için geliştirici bloguna göz atın.

Menü ve Sekmeler Widget Güncellemesi

Menü ve Sekme Widget'ları, tüm ekran boyutları için ayarlanmış Menü Öğeleri ve Sekmelerin başlıkları için birleşik bir kod üreten yükseltilmiş bir altyapıya sahiptir. Bu, widget'lara duyarlı ayarlar verildiğinde yinelenen kodu ortadan kaldıran ve gelişmiş özelliklerin gelecek sürümlerde uygulanmasına olanak tanıyan önemli bir yükseltmedir. Menü ve Sekme Widget'larına da daha erişilebilir.

Not: Bu güncelleme aynı zamanda mevcut Menü ve Sekme Widget'larına da uygulanacaktır ve özel CSS uygulanmışsa bu widget'taki başlıkların tasarımlarını bozabilir.

Üst Çubuktaki Notlarla İşbirliğini Kolaylaştırın

Üst Çubuğa Notlar özelliği için bir simge eklendi. Bu, doğrudan Düzenleyicinin içinden Notlar modunu açmanıza izin vererek ekip üyeleriyle ve müşterilerinizle işbirliği yapmanızı kolaylaştırır.

Web Sitelerinizi Daha Hızlı, Daha Esnek ve Erişilebilir Hale Getirin

Sürüm 3.16, web sitenizin performansını ve erişilebilirliğini artırır ve sayfa düzeni oluşturmada önemli bir ileri adımı temsil eder. Flexbox Container'ları yeni sitelerde etkinleştirmek, diğerlerinden bir adım önde olmak ve daha esnek ve yüksek performanslı duyarlı düzenler oluşturmak için Container'ları kullanmaya başlamak için harika bir fırsattır.

Sitenizi yükseltmek, sayfalarınızın karmaşıklığına bağlı olarak ziyaretçilerin yükleme sürelerini de %5-20 oranında artıracaktır. Ayrıca bu sürüm, ekran okuyucuları ve yardımcı teknolojileri kullanan ziyaretçiler için sitenizi daha kapsayıcı hale getirecektir.

Bu yeni özellikleri keşfetmek için Elementor 3.16'ya güncelleyin ve bunları web sitenizde nasıl kullanmayı planladığınızı bize bildirin.