Elementor 3.17'deki Yenilikler – AJAX, Daha Hızlı Web Siteleri ve Daha Fazlasıyla Ziyaretçi Deneyimini Geliştirin

Bu sürüm, tüm sayfayı yeniden yüklemeden sayfalandırmayı değiştirmenize olanak tanıyan, çok beklenen Döngü Izgaraları için AJAX Yükleme özelliğini sunar. Ayrıca resim yüklemeyi de optimize ederek sitenizin performansını artırır. Yeni Derecelendirme Widget'ı, özel bir SVG yükleme ve herhangi bir derecelendirme ölçeğini seçme esnekliğinizi artırır. Ayrıca Mega Menü geliştirmeleri, “Hamburger Düzeni”ne küçültülmeyen menüler için yatay kaydırmaya olanak sağlar.

Merhaba Tema, sitenin performansını artırmak için yerleşik tema özelliklerini devre dışı bırakmanıza olanak tanıyan yeni bir Ayarlar sayfası içeren sürüm 2.9'a güncellendi.

[PRO] Döngü Izgaraları için AJAX ile Tanışın – Sorunsuz İçerik Yükleme İçin

GitHub'da en çok talep edilen dördüncü özelliği sunmaktan heyecan duyuyoruz: Döngü Izgaraları için AJAX yükleme. Eşzamansız JavaScript ve XML anlamına gelen AJAX, tüm sayfayı yeniden yüklemeden bir Döngü Izgarasına yeni içerik yükleyerek sitenizin ziyaretçi deneyimini daha sorunsuz hale getirir.

AJAX Döngü Izgarası Sayfalandırması

Ziyaretçiler artık sayfanın tamamını yeniden yüklemeden girişinizin sayfaları arasında geçiş yapabilir. Döngü Izgarasının sayfalandırma öğesine tıklamak yalnızca Izgaranın içeriğini yeniden yükler ve bir ürün veya gönderi listesine göz atan ziyaretçiler için daha sorunsuz bir deneyim kolaylaştırır. AJAX Sayfalandırma ayrıca listelemenizin her sayfasına kendi URL parametresini atayarak ziyaretçilerin belirli listeleme sayfalarına bağlantıları kaydetmesini veya paylaşmasını kolaylaştırır. Örneğin, bir yemek tarifi blogu oluşturuyorsanız, ziyaretçiler yemek tarifleri listesine zahmetsizce göz atabilir ve beğendikleri tariflerin yer aldığı sayfaların bağlantılarını paylaşabilir veya kaydedebilir.

“Autoscroll” kontrolü AJAX Loading'in başka bir özelliğidir. Otomatik kaydırmanın etkinleştirilmesi, ziyaretçiler sayfalandırmayı değiştirdiğinde otomatik olarak kılavuzun en üstüne kaydırılır. Sınıflandırma Filtresi kullanıyorsanız, filtre çubuğunuzu görünürde tutmak için otomatik kaydırma efektine bir uzaklık değeri ayarlayabilirsiniz.

Döngü Izgaraları ve Gönderiler Widget'ı için Bireysel Sayfalandırma

Önceki sürümlerde, bir listelemenin sayfalandırmasını değiştirmek aynı sayfadaki diğer listelemelerin sayfalandırmasını etkiliyordu. Örneğin, hem Döngü Izgarası hem de Gönderiler Widget'ı aynı sayfaya yerleştirildiyse, bunlardan birinin üçüncü sayfasını seçmek aynı zamanda ikinci sayfanın üçüncü sayfasını da yükleyecektir. Ancak Bireysel Sayfalandırma özelliği sayesinde ziyaretçiler artık sayfadaki diğer Döngü Izgaralarını ve Gönderi Widget'larını etkilemeden bir listenin sayfalandırmasını değiştirebilirler. Örneğin, bir yemek tarifi blogunda, tüm gönderilerinizin listesini görüntüleyen bir Döngü Izgarası veya Gönderi Widget'ının yanı sıra vejetaryen tarifleri görüntüleyen bir Döngü Izgarası ekleyebilirsiniz. Ziyaretçiler Gönderi Widget'ının veya Döngü Izgarasının sayfalandırmasını bağımsız olarak değiştirebilir.

Daha Hızlı LCP ile Web Sitesi Performansını Artırın

Elementor 3.17, web sitenizin yükleme süresini hızlandıracak iki özellikle sitenizi daha da hızlı hale getirir.

Resim Yüklemeyi Optimize Edin

Bu sürümdeki ilk performans güncellemesi, Elementor tarafından oluşturulan web sitelerinin performansını iyileştirme fırsatlarını belirlemek amacıyla Elementor'un Chrome ile yaptığı ortaklığın bir sonucudur. İşbirliği, Chrome Kullanıcı Deneyimi Raporu ve Önemli Web Verileri Teknoloji Raporu gibi Google araçlarının kullanılmasını içeriyor. Bu araçları kullanmanın sonuçlarından biri, Google'ın Elementor'un temel eklentisine "Resim yüklemeyi optimize etme" özelliklerini ekleme kararıdır.

Bu deneysel özellik, resimlerin sayfadaki yerleşimine göre resim yüklemeye öncelik vererek ön uç hızını artırır. Görünüm alanındaki en büyük içerikli boyama öğesi olan "LCP görüntüsü" olma ihtimalinin yüksek olduğu görüntüyü algılar ve öncelik ipuçlarını kullanarak yükünü önceliklendirir.

Deney aynı zamanda başlangıçta görüntü alanında görüntülenmeyen görüntülere de yavaş yükleme uyguluyor ve görüntüye geldiklerinde bunları yüklüyor. Bu değişiklikler, sayfanın karmaşıklığına bağlı olarak LCP Temel Web Vital metriğini %5-10 oranında iyileştirir. Böylece görüntü ağırlıklı sayfalar daha da büyük bir performans artışından yararlanacak. Bu özellik aynı zamanda WordPress'in LCP algılama güncellemelerini içermeyen eski sürümlerinde çalışan Elementor web siteleriyle de çalışır.

Gutenberg Varlık Yükleme

İkinci performans güncellemesi, kullanılmadığı zamanlarda Gutenberg stillerini ve komut dosyalarını hariç tutarak sitenizin ön uç hızını artırır. Bu deneme, Gutenberg'in bir sayfa oluşturmak veya içeriğini oluşturmak için kullanılmadığı durumları tespit ederek sitenizin LCP metriğini iyileştirir. Bu, Elementor'un gereksiz kod yüklemesini önlemesine olanak tanır.

Tasarım Esnekliği İçin Yeni Derecelendirme Widget'ı

Elementor 3.17, ürünler, içerik ve daha fazlası için görsel derecelendirme ölçeklerinizi kişiselleştirmek üzere daha fazla esneklik sunan yeni Derecelendirme Widget'ını sunar. Font Awesome simgelerini kullanarak veya kendi SVG'nizi yükleyerek derecelendirmenizi görsel olarak temsil edebilirsiniz. Örneğin, bir müzik incelemesi için, yeni bir albüme 5 altın plak üzerinden 5 puan vermek amacıyla SVG'nizi kullanabilirsiniz.

Derecelendirme Widget'ı, Yıldız Derecelendirme Widget'ında bulunan derecelendirme ölçeklerinin aralığını genişletir. Artık 0-5 veya 0-10 ölçeğiyle sınırlı olmak yerine, sıfırdan gereksinimlerinize uygun herhangi bir sayıya kadar bir derecelendirme ölçeği ayarlayabilirsiniz. Örneğin, bir albüme 3 üzerinden 3 veya 7 üzerinden 7 altın plak puanı verebilirsiniz. Kullanım kolaylığı için Derecelendirme Ölçeği açılır menüsü bir aralıkla değiştirildi.

Ayrıca Derecelendirme Widget'ı, iyileştirilmiş bir şema özelliğiyle sitenizin SEO sıralamasını artırır. Widget Panelindeki Yıldız Derecelendirmesi Widget'ının yerini alır ancak sitenizdeki mevcut Yıldız Derecelendirmeleri etkilenmeden kalacaktır.

Menü Widget'ı İçin Yatay Kaydırma

Elementor 3.17, menüler oluştururken daha fazla tasarım esnekliği sunar. Şimdiye kadar, ziyaretçiler görünümlerinin boyutunu değiştirdiğinde, menüler "açılır düzen" ("hamburger menüsü" olarak da bilinir) şeklinde yeniden boyutlandırılıyordu. Menü Widget'ına yapılan yeni güncellemelerle, Duyarlı Ayarlar'a gidip "Kesme Noktası" etiketli açılır menüyü açıp "Yok"u seçerek menülerin yeniden boyutlandırılmasını önleyebilirsiniz.

Duyarlı yeniden boyutlandırmanın devre dışı bırakılması, menünün görünüm alanından daha geniş olduğu durumlara neden olabilir. Çoğu durumda bu, bazı menü öğelerinin bir sonraki satıra düşmesine neden olabilir. Bunu önlemek için 3.17'de yatay kaydırmayı etkinleştirme özelliği de yer alıyor. Etkinleştirildiğinde, menünüz herhangi bir cihazdaki orijinal tasarımını koruyacak ve tasarımı bozmak yerine ziyaretçilerin menü öğeleri arasında yatay olarak gezinmesine olanak tanıyacaktır.

Erişilebilirlik İyileştirmeleri

• Açılır Pencereler: Erişilebilir Gezinme seçeneğini etkinleştirirken, başlangıçta açılır pencerelerin içindeki diğer odaklanılabilir öğeler yerine açılır pencereyi kapatma düğmesine odaklanarak odak yönetimini iyileştirin.
• İçindekiler Tablosu Widget'ı: İçindekiler Tablosu widget'ındaki simge durumuna küçült/büyüt düğmesinin, yardımcı teknolojileri kullanan ziyaretçiler için etkileşimli bir öğe olduğunu belirtir.
• İlerleme Çubuğu Widget'ı: Ekran okuyucuların etiketleri karşılık gelen ilerleme çubuklarıyla doğru şekilde ilişkilendirmesine olanak tanır.
• Video Oynatma Listesi Widget'ı: Video Oynatma Listesi Widget'ındaki farklı öğelere özel HTML etiketleri atayın.
• İç İçe Akordeon Widget'ı: Klavye gezintisini kullanan ziyaretçiler için Akordeon düzenlerinin erişilebilirliğini iyileştirin.

Ek Güncellemeler

1. Duyarlı Şablon Tasarımları: Ek kesme noktalarıyla şablonların duyarlı tasarımlarında yapılan değişiklikleri doğru şekilde görüntüleme yeteneğinizi geliştirin. Tema Oluşturucu'da düzenleme yaparken şablonlarda yaptığınız değişiklikleri görmek için artık CSS'yi yeniden oluşturmanıza gerek kalmayacak. Değişiklikler web sitenizin Düzenleyicisine ve ön yüzüne yansıtılacaktır.
2. Akordeon Widget'ı SSS Şeması: SSS Şeması kontrolü ekleyerek içeriğinizin SEO uyumluluğunu iyileştirin. SSS Şeması, sayfanızın koduna, soru ve yanıtların listesini içeren özel bir işaretleme ekler. Arama motorları bu işaretlemeyi okuyabilir ve zengin kod oluşturmak için kullanabilir.
3. VideoPress Entegrasyonu: VideoPress'i Elementor sitenize sorunsuz bir şekilde entegre edin. Kendi kendine barındırılan videolar, birçok cihaz türünde oynatmak için kodu dönüştürülmüş video dosyaları, cihaz ekran boyutuna ve mevcut bant genişliğine dayalı uyarlanabilir akış, özel videoların kimliğini doğrulama yeteneği ve daha fazlası gibi VideoPress'in sunduğu tüm özelliklerin keyfini çıkarın.

[Elementor AI] Yapay Zeka Geçmişi – Yapay Zeka Tarafından Oluşturulan İçeriği Geri Yükleme

Elementor 3.17, AI Geçmişi özelliğiyle Elementor AI üzerindeki iş akışınızı geliştirir. Bu özellik daha önce kullanılan istemleri ve bunların oluşturduğu görselleri veya metinleri görüntüler. İstemleri ve oluşturulan içerikleri geri yükleyerek kaldığınız yerden devam edebilirsiniz. İçeriği AI ile düzenlemeye devam edebilir, sitenizde kullanabilir veya AI Geçmişinden kalıcı olarak silebilirsiniz.

AI Geçmişinden önceden oluşturulmuş kodu alamasanız da, kod belirli widget'lar için oluşturulduğundan, geçmiş istemlerinizden yeni kodu yeniden oluşturmak için bunları oluşturmak için kullanılan istemlere erişebilirsiniz. Örneğin, yeni bir arka plan resmi üzerinde çalışırken yanlışlıkla tarayıcınızı kapatmış olabilirsiniz veya yapay zeka tarafından oluşturulan ve silinen bir metni kullanmaya karar vermiş olabilirsiniz. AI Geçmişi, 90 güne kadar olan istemleri ve içeriği almanıza ve kullanmanıza olanak tanır.

Hello Theme 2.9 ile Tema Ayarlarını Özelleştirin

Artık Hello Temanızın ayarlarına ince ayar yaparak web sitenizin performansını özel gereksinimlerinize göre artırabilirsiniz. Hello Theme 2.9, gezinmeyi, okunabilirliği, SEO'yu ve daha fazlasını geliştiren çeşitli heyecan verici özellikler sunar. Bu sürümde, gereksiz veya alakasız ayarlardan kaçınmak için artık temanın kodunu değiştirmeye gerek yok. Bunun yerine, açıklama meta etiketleri, atlama bağlantıları, sayfa başlıkları ve diğerleri gibi özellikleri devre dışı bırakabileceğiniz WordPress kontrol panelindeki yeni Ayarlar sayfasını ziyaret edin. Bu özelliklerin devre dışı bırakılması web sitenizin boyutunu azaltır ve kullanılmayan CSS'yi ortadan kaldırır.

Ziyaretçi Deneyimini, Yükleme Süresini İyileştirin ve Daha Fazla Tasarım Esnekliğinin Keyfini Çıkarın

Elementor 3.17, kullanıcı deneyimini ve web sitesi performansını geliştirmek için çeşitli özellikler sunar. Önemli bir özellik, tüm sayfayı yeniden yüklemeden sorunsuz içerik geçişlerine olanak tanıyan Döngü Izgaraları için AJAX Yükleme'dir. Üstelik resim yükleme optimizasyonları ve Gutenberg varlık yüklemesi sitenizin hızını artırır. Yeni Derecelendirme Widget'ı esnek görsel derecelendirme ölçekleri sağlar ve Mega Menü artık yatay kaydırmayı içerir. Elementor AI ayrıca önceki istemlere ve oluşturulan içeriğe erişmenizi sağlayan bir AI geçmiş paneline de sahiptir. Ek olarak, sürüm 2.9'a yapılan Hello Theme güncellemesi, belirli yerleşik özellikleri devre dışı bırakma seçeneği de dahil olmak üzere kullanıcılara web sitesi işlevleri üzerinde daha fazla kontrol olanağı sağlıyor.

Yorumlar bölümünde en çok hangi özellik konusunda heyecanlandığınızı bize bildirin!