Elementor 3.13 Tanıtımı – CSS Grid ile Yalın ve Esnek Web Sitesi Mizanpajları Oluşturun

Elementor 3.13 ile tasarım becerilerinizi geliştirin ve web sitenizi tasarlamanın yeni yollarının keyfini çıkarın, böylece web sitenizin ziyaretçilerini meşgul eden benzersiz tasarımlar elde edebilirsiniz. Bu sürüm, Kapsayıcılar'da yeni bir düzen seçeneği içerir - CSS Grid, yüksek düzeyde tutarlılığı korurken sofistike ve hafif web sitesi düzenleri tasarlamanın harika bir yolu. Ek olarak, bu güncelleme Menü Widget'ında daha fazla stil seçeneği sunar ve yeni Üst Çubuğa yeni yetenekler ekler.

Yeni – CSS Izgara Kabı – Hafif, Duyarlı ve Profesyonel Mizanpajlar Tasarlayın

Artık bir Konteyner eklediğinizde, Flexbox veya Grid Konteynerler arasında seçim yapabilirsiniz. Izgara Kaplarını kullanmak, ızgara benzeri düzenler için idealdir, Kaptaki öğelerin hizalamasını korumanıza yardımcı olur ve bölüm-sütun düzeninden kap düzenine geçişle ilişkili öğrenme eğrisini azaltır.

Izgara Konteynerleri ile, ızgaranızı oluşturmak istediğiniz satır ve sütun sayısını seçebilir, Boşluklar kontrolünü kullanarak sütunlarınız ve satırlarınız arasındaki mesafeyi belirleyebilir ve Otomatik Akışın sütuna mı yoksa satıra mı dayalı olmasını istediğinizi seçebilirsiniz. Ayrıca, bir Flexbox Kapsayıcısı yapacağınıza benzer şekilde içeriği ve öğeleri yaslayabilir ve hizalayabilirsiniz.

Izgaradaki her hücre, normalde yaptığınız gibi biçimlendirilebilen ve düzenlenebilen bir öğeyi kabul edebilir. Daha yüksek düzeyde karmaşıklık elde etmek için, bir Izgara hücresinin içine bir Flexbox Container yerleştirebilir ve Flexbox Container içine istediğiniz kadar öğe yerleştirebilirsiniz.

Konteyner Izgarasını kullanmak için, WordPress Dashboard → Elementor → Ayarlar → Özellikler'den Flexbox Container ve Grid Container özelliklerini etkinleştirdiğinizden emin olun.

[Pro] Menü Widget'ında Yeni Şekillendirme Yetenekleri

Önceki sürümde Elementor, iç içe geçirilebilir içeriğe sahip basit, tek düzeyli menüler ve gelişmiş açılır içerik menüleri oluşturmanıza olanak tanıyan yeni bir Menü widget'ı sunmuştu. Bu widget, web siteniz için güzel ve işlevsel menüler tasarlamanıza olanak tanıyan, web sitesi oluşturma konusunda oyunun kurallarını değiştiren bir unsurdur.

Elementor Pro 3.13, artık Menü widget'ında kullanılabilen iki yeni özellik sunar:

• Menü üst seviyesindeki simgeler – bu yeni stil yeteneği, ziyaretçilerin dikkatini çeken göz alıcı simgeler ekleyerek menülerinizin tasarımını geliştirmenize olanak tanır. Simge kitaplığından seçebileceğiniz çeşitli simgelerle veya herhangi bir SVG'yi yükleme özelliğiyle, menülerinizi web sitenizin stiline uyacak şekilde özelleştirebilir ve öne çıkmalarını sağlayabilirsiniz.

Bağlantı bağlantıları için etkin durum – web sitesi ziyaretçilerine, menünüzde bağlantı bağlantıları bulunduğunda sayfanın hangi bölümünü kaydırdıklarını veya tıkladıklarını belirtin. Bu şekilde, web sitenizde gezinmelerine yardımcı olarak ziyaretçi deneyimini iyileştirebilirsiniz.

En İyi Çubuk Geliştirmeleri – Elementor'un Kullanıcı Arayüzü Yenilemesi Devam Ediyor

Elementor 3.12'de, Elementor arayüzünde yapılacak olan değişiklikleri kademeli olarak kullanıma sunmaya başladık. Bu değişiklikler, performansı artıran ve gelecekteki ürün büyümesine ve ölçeğine izin veren React'te yazılmıştır. Ek olarak, bu değişiklikler Elementor'un en iyi uygulamalarını geliştirerek daha iyi ve daha akıcı bir kullanıcı deneyimi sağlar.

En büyük değişikliklerden biri, WordPress'teki Elementor özellik sayfasından etkinleştirebileceğiniz bir deney olarak tanıtılan yeni Üst Çubuğudur (Elementor → Ayarlar → Özellikler → Düzenleyici Üst Çubuğu). Bu sürümde, Üst Çubuk iki güncelleme içerir:

1. Yayınla Düğmesine Kaydetme Seçenekleri – yeni bir yetenek olmasa da, bu özellik Üst Çubuğun ilk sürümünde mevcut değildi. Artık Editör'de bulunan tüm kaydetme seçeneklerine erişebilirsiniz – Taslak Olarak Kaydet, Şablon Olarak Kaydet ve Koşulları Görüntüle (uygun olduğunda). Bu aynı zamanda Üst Çubuğun artık daha önce Editörün eski kullanıcı arayüzünde bulunan tüm yetenekleri içerdiği anlamına gelir.
2. Sayfada Gezinme - iş akışınızı kolaylaştıracak ve farklı sayfalar ile tema bölümleri arasındaki geçişi daha yumuşak hale getirecek yeni bir özellik. Üst Çubuğun ortasındaki sayfa göstergesine tıklamak, üzerinde çalıştığınız en son beş sayfayı / gönderiyi / tema bölümünü içeren bir açılır menü açar ve geri gitmek zorunda kalmadan tek tıklamayla bunlardan herhangi birine yönlendirme yapmanızı sağlar. WordPress Panosuna.

[Pro] Gönderi Alıntınızı Gönderinizin İçeriğiyle Dinamik Olarak Doldurun

Önceden, WordPress'te Alıntı Gönder widget'ını veya dinamik etiketi kullanmak, içeriğin WordPress'te manuel olarak eklediğiniz Özel Alıntıdan otomatik olarak doldurulacağı anlamına geliyordu. Ancak, Elementor 3.13 ile artık içeriğin gönderinizin ilk birkaç karakterinden veya WordPress'teki Özel Alıntıdan otomatik olarak doldurulmasını isteyip istemediğinizi seçme seçeneğine sahipsiniz. Bu güncelleme, Loop Builder'ın kullanıma sunulmasından bu yana ve özellikle de Post Alıntı widget'ını döngü öğenize ekleyebildiğinizden beri en çok yapılan isteklerden birini çözer.

Yeni: Elementor için Mükemmel Şekilde Tasarlanmış Elementor Yapay Zekasından Yararlanın

Elementor 3.13 ayrıca Editör'e yerel olarak entegre olan ve web siteleri oluşturma şeklinizi değiştirecek olan Elementor AI'yı da içerir. Bu sürüm, yapay zekanın gücüyle metin ve kod oluşturmanızı sağlayan Elementor AI'nın ilk aşamasını sunar. Sıfırdan içerik oluşturmak, web sitenizdeki mevcut içeriği geliştirmek, herhangi bir web sitesine çevirmek ve daha fazlası için kullanabilirsiniz. Ek olarak, Özel CSS veya Özel Kod için Kod (Elementor Pro veya Barındırma gerektirir) veya HTML parçacıkları yazmak için Elementor AI'yı kullanabilirsiniz. Elementor AI ile neler yapabileceğiniz hakkında buradan daha fazla bilgi edinebilirsiniz.

Performans geliştirmeleri

Önceki sürümlerde, ana sayfalardaki en yaygın pencere öğelerine odaklanan performans iyileştirmeleri. Elementor 3.13 ile odak, site ziyaretçilerinin genellikle zamanlarının çoğunu geçirdikleri iç sayfalarda kullanılan widget'lara kaydırıldı.

Yazar Kutusu, Gönderi Bilgileri ve Fiyat Listesi widget'ları, resimleri ve kullanıcı profil resimlerini gösterir, bu resimlere artık yavaş bir yük uygulanmıştır. Bu değişiklik, iç sayfalarınızın ilk sayfa yüklemesini iyileştirmelidir.

Ek olarak, Başlık ekranın üst kısmında göründüğünden, her zaman sayfa yüklendikten hemen sonra yüklenmelidir. Bu nedenle, Yavaş Yüklenen Arka Plan Görüntüleri denemesi kullanılırken ziyaretçi deneyimini iyileştirmek için başlıklardan yavaş yük kaldırıldı.

Erişilebilirlik İyileştirmeleri

Elementor 3.13, web sitenizin yanı sıra Düzenleyici'nin erişilebilirliğini artıran ince ayarlar ve düzeltmelerle doludur. Bu sürümde, klavyede gezinmeye, ek ARIA etiketleri uygulamaya, mevcut ARIA uyumluluk sorunlarını düzeltmeye ve semantik işaretleme uygulamaya odaklandık.

Geliştiriciler Blogunda bu erişilebilirlik geliştirmeleri hakkında daha fazla bilgi edinebilirsiniz.

Yüksek Markalı ve İlgi Çekici Web Sitesi Deneyimleri İçin Daha Fazla Stil ve Tasarım Seçeneğinin Keyfini Çıkarın

Elementor 3.13'ü kullanarak web sitenizin tasarımını yükseltin ve web sitenizi özelleştirmek için yeni stil olanaklarının kilidini açın. CSS Izgara Konteynerleri ile sorunsuz bir şekilde hafif, esnek, ızgara benzeri düzenler oluşturabilir ve menü widget'ındaki yeni stil özellikleriyle web sitenizin ziyaretçilerini büyüleyen ve meşgul eden farklı tasarımlar oluşturabilirsiniz.

Bu sürüm ayrıca Üst Çubuk özelliğinde yeni yetenekler içerir; bu, daha önce Editör'de bulunan tüm yeteneklerin artık Üst Çubuk deneyi kullanılırken kullanılabileceği anlamına gelir.

Elementor 3.13 ayrıca, web sitenizi ve tasarımını geliştirmek için anında orijinal metin oluşturmanıza, mevcut metni ve kodu geliştirmenize olanak tanıyarak web siteleri oluşturma şeklinizi değiştirecek ücretsiz Elementor AI denemesini içerir.

Elementor 3.13'teki yeni özellikleri deneyin ve aşağıdaki yorumlarda onlar hakkında ne düşündüğünüzü bize bildirin.