Flip Box ve Diğer 3 Yeni Profesyonel Özelliğin Tanıtımı

Etkileşimli tasarım artık çok moda. Burada, Elementor'da size her zaman sitenize etkileşim katan çok çeşitli özellikler sunmaya çalıştık. Fareyle üzerine gelme ve giriş animasyonları, atlıkarıncalar, slaytlar ve geçişler, ziyaretçi etkileşimi içeren pencere öğelerine yalnızca birkaç örnektir. Şimdi, başka bir etkileşim düzeyi ekleyen yeni bir pencere öğesi geliyor: Flip Box pencere öğesi.

Flipboxlar hakkında bildiğinizi düşündüğünüz her şeyi unutun. Elementor Pro'nun Flipbox'ı, aşağıdaki örneklerde göreceğiniz gibi size daha fazla tasarım olanağı sunar.

Flip box, üzerine geldiğinizde ters dönen bir kutudur. Farklı animasyonlar arasından seçim yapabilir ve her çevirme kutusunun görünümünü ve davranışını özelleştirebilirsiniz. Çevirmeli kutular, içeriğinizi daha ilgi çekici hale getirmeye yardımcı olabilir, kullanıcı deneyimini iyileştirebilir ve ayrıca iş özelliklerinizi, ürünlerinizi ve hizmetlerinizi vurgulamanıza olanak tanır.

Elementor'un yeni Flip Box widget'ı ile çevirme, itme, kaydırma, soldurma, yakınlaştırma ve uzaklaştırma gibi tüm temel çevirme efektlerine sahip olursunuz. Çevirme animasyon efektleri, herhangi bir aksama veya takılma olmadan sorunsuz bir şekilde çalışır.

İçerik kutularınıza büyüleyici bir 3D efekti ekleyebilir ve onları gerçekten benzersiz hale getirebilirsiniz. 3D seçeneği tüm çevirme yönleri için mevcuttur ve çevirme kutularınızı daha da öne çıkarmak için kullanılabilir.

İçerik, çevirme kutusunun hem önü hem de arkası için merkeze, sağa veya sola ayrı ayrı hizalanabilir. Yukarıdaki başlık kutuları tamamen Flip Box widget'ı kullanılarak oluşturulmuştur ve içeriğin sola hizalanmasını örneklemektedir.

Kapaklı kutularınızı farklı kenarlık seçenekleriyle şekillendirin: oval, yuvarlak kenarlar, dikdörtgenler, noktalı kenar veya çift kenar. Yukarıdaki görseldeki gibi özgün kutu tasarımlarına ulaşmak için bordürleri kullanabilirsiniz.

Çevirme kutularınıza düz, gradyan veya görüntü arka planı ekleyin. Kapak kutusunun her iki tarafına ayrı arka planlar eklenebilir ve size iki tarafı tamamen ayırt etme seçeneği sunar.

Çevirme kutusunun içine bir resim veya simge ekleyerek çevirme kutusunu daha zengin hale getirin. Bu, gönderilerinize bağlantı veren görsel ve etkileşimli kutular veya ilginç ekip üyesi kutuları oluşturmak için kullanılabilir. Keşfetmek için olasılıklar sizindir.

Daha da yaratıcı tasarımlar oluşturmak için çevirmeli kutularla deneyler yapın. Bu widget'ı basit, ancak karmaşık çevirme kutuları oluşturmanıza izin verecek şekilde daha esnek ve sağlam hale getirmeye çalıştık.

Yukarıdan aşağıya bir blog sayfası tasarlamanız ne kadar sürer?

Bugün, aynı sonuçları saatler yerine dakikalar içinde almanızı sağlayan bir widget geliştirmesini size tanıtmaktan mutluluk duyuyoruz. Bu iyileştirme ile blog tasarımı eğlenceli, canlı ve görsel bir şekilde yapılabilmektedir.

Elementor Pro'da bulunan en şaşırtıcı özelliklerden biri, Mesajlar widget'ıdır. Herhangi bir kodlama olmadan blog sayfanızı görsel olarak tasarlama yeteneği, gerçek bir oyun değiştiricidir. Bu pencere öğesiyle ilgili sorun, blog duvar düzenini hala oluşturamıyor olmanız ve gönderilerin sayfalandırma içermemesiydi.

Şimdi, hem Duvar düzenlerini hem de sayfalandırmayı tanıtıyoruz ve Yazılar widget'ını WordPress için nihai görsel blog oluşturucu haline getiriyoruz.

Artık Gönderiler widget'ını kullanarak gönderilerinizi bir duvar ızgarasında görüntüleyebilirsiniz. Bu, gönderilerinizi Pinterest benzeri bir ızgara ile sergileyebileceğiniz anlamına gelir. Bir sonraki sürümde, Portföy widget'ına Duvarcılık özelliğini ekleyeceğiz.

Sayfalandırma seçeneği, blog tasarımınızla oynamayı gerçekten kolaylaştırır. Artık önceki/sonraki stil gibi sayfalandırma öğeleri de dahil olmak üzere tüm blog tasarımı üzerinde kontrole sahipsiniz.

Ayrıca sayfalandırmamızın SEO dostu olduğundan emin olduk. Elementor'un sayfalandırması, URL'ler açısından normal WordPress sayfalandırması gibi çalışır, bu nedenle oluşturulan her sayfalandırma bağlantısı için yine de aynı SEO dostu bağlantıları alırsınız.

Slaytlar, başka bir çok kullanışlı Pro özelliğidir. Bu hafta, bu widget'a doğrudan kullanıcı isteklerimizden gelen iki ince ayar ekliyoruz.

Şimdiye kadar Slaytlar widget'ımızda resimleri görüntülemek için iki seçeneğiniz vardı:

1. Kapak – Bu seçenek, görüntünün tüm kaydırıcıyı 'kaplamasını' sağlar. Örneğin dikey bir görüntü yüklerseniz, görüntünün üst ve alt kısmı kesilecek ve görüntü yakınlaştırmada görüntülenecektir.
2. Otomatik – Bu seçenek görüntünün gerçek boyutunu gösterir.

Şimdi başka bir görüntüleme modu ekliyoruz: Contain . Bu seçenek, slaydın sınırları içinde bulunan resmi görüntüler. Diyelim ki geniş bir kaydırıcıda dar bir görüntü kullanıyorsunuz, dar görüntü kaydırıcının yüksekliğinin %100'ünü dolduracak ve kaydırıcının sol ve sağ tarafları arka plan rengini gösterecek.

Öte yandan, dar bir kaydırıcı üzerinde geniş bir görüntü kullanıyorsanız, geniş görüntü kaydırıcının genişliğinin %100'ünü doldurur ve kaydırıcının üst ve alt tarafları arka plan rengini gösterir.

Amerikalı belgeselciden adını alan Ken Burns efekti, kaydırıcınızda görünen hareketsiz görüntülere kaydırma ve yakınlaştırma efekti eklemenize olanak tanır.

Ken Burns efekti yalnızca Pro Slides Widget'ı ile kullanılabilir. Seçeneğin görünmesi için belirli bir slayta bir resim eklemeniz gerekir .

Tüm yeni özelliklerin düzgün çalıştığından emin olmak için hem Elementor hem de Elementor Pro eklentilerini güncellediğinizden emin olun.

Bugün eklenen özellikler, Flip box, Masonry, Pagination ve Ken Burns efekti, zaten görsel olarak zengin sayfa oluşturucumuza ekleniyor. Sizi her birini denemeye ve yeni sayfa kreasyonlarınızı bizimle paylaşmaya davet ediyorum.

Hala Elementor Pro'ya yükseltmediyseniz, bunu yapmak ve eklentiye yeni eklediğimiz yeni özellikleri keşfetmek için harika bir fırsat.