[YENİ] Web Tasarımlarında Etkileşimli Çember: Elementor'da Kodlamadan Nasıl Bir Çember Oluşturulur

Metin ağırlıklı bir web sitesine bakmak çekici gelmeyebilir. Web siteniz çok fazla metinden ve daha az görsel bileşenden oluşuyorsa, Essential Addons'un etkileşimli bir çemberini kullanabilir ve içeriğinizi çekici bir dairesel desende görüntüleyebilirsiniz. Bu harika widget'ı kullanarak çok sayıda içeriği minimum alanda nasıl sergileyeceğinizi öğrenmek için başlayalım.

Neden Web Sitenizde Etkileşimli Çember Widget'ına ihtiyacınız var?

Web tasarımcıları için, web sitesini daha etkileşimli ve aynı zamanda kullanıcı açısından uygun hale getirmek zorlaşıyor. Web sitesi çok fazla metin tabanlı içerik içeriyorsa, onu doğru şekilde sunmak daha zor hale gelir.

Araştırmalar, insanların neredeyse %38'inin çekici olmayan bir tasarım düzenine sahip herhangi bir web sitesiyle etkileşime girmeyi bıraktığını söylüyor. Bu durumda, web sitenizin trafiği de web sitenizin tasarımına bağlıdır. WordPress web sitenizdeki Essential Addons'un etkileşimli bir daire widget'ını kullanarak metin tabanlı içeriğinizi etkili bir şekilde tasarlamanın tüm avantajlarını keşfedelim.

Web Sitenizin İçeriğinin Animasyonlu Sunumu

Web siteniz çok sayıda metin tabanlı içerik barındırıyor olsa da, onu ziyaretçileri çekmek için ilgi çekici bir şekilde sunabilir ve siteyi incelemelerini kolaylaştırabilirsiniz. Web sitenizin materyallerini sunmak için farklı desenler yaygındır, bu nedenle küçük bir hareket, ziyaretçilerinizin ilgisini çekmenize yardımcı olabilir. Essential Addons'un Interactive Circle widget'ını kullanarak, metin tabanlı içeriğinizi animasyonlu bir desenle sergileyebilir ve bölümün daha çekici görünmesini sağlayabilirsiniz.

Web Siteniz İçin Etkileşimli ve Duyarlı Tasarım

Duyarlı tasarıma sahip değilse, kullanıcıların web sitenizi arama motorlarında bulması, içeriği okuması veya web sitenizde gezinmesi zor olabilir. Bunun nedeni düzen kusurları, kötü resimler, çok küçük metinler veya web sitenizin dağınık görünmesine neden olan çok fazla bilgi grafiği olabilir. Masaüstü veya dizüstü bilgisayar kullanıyorsanız, köşeyi tıklayıp sürükleyerek bu pencereyi yeniden boyutlandırabilirsiniz.

Essential eklentilerinin etkileşimli bir daire widget'ını kullanarak web siteniz için dinamik bir tasarım oluşturmak daha kolay olabilir. Web sitenizin ziyaretçileri web sitenize erişmek için ne tür bir cihaz kullanıyor olursa olsun, metin tabanlı içeriğinizi sunmak için bu widget'ı kullanırsanız tasarımınız bozulmaz.

Güzel Web Sitesi Oluşturmak için Etkileşimli Daire Widget'ı

Bu widget ile metin tabanlı içeriğinizi çekici bir dairesel hareketle görüntüleyebilir ve web sitenizin kullanıcılarının dikkatini çekebilirsiniz. Örneğin, içerik menünüzü sağlamak istiyorsanız, aynı zamanda yerden tasarruf ederken içeriği sunmak için etkileşimli bir daire kullanabilirsiniz. Basit bir metin tabanlı içerik bu şekilde daha büyüleyici ve çekici görünecektir. Essential Addons eklentisinin Interactive Circle widget'ını ne kadar kolay kullanmaya başlayacağınızı öğrenelim.

Temel Eklentilere Göre Etkileşimli Çemberi Kullanmanız Gerekenler

Elementor : Interactive Circle Widget'ı kullanmak için önce Elementor'u kurmalı ve etkinleştirmelisiniz, ardından başlamaya hazırsınız.

Elementor İçin Temel Eklentiler : 'Etkileşimli Çember' widget'ını kullanmak için web sitenize Elementor için Temel Eklentileri yüklemeli ve etkinleştirmelisiniz .

1. Adım: Temel Eklentiler Etkileşimli Çember Widget'ını Etkinleştirin

Essential Addons'un 'Interactive Circle ' widget'ını kullanarak web sitenizi daha etkileşimli ve çekici hale getirelim. Tek yapmanız gereken, bu eklentinin en son sürümünü kullandığınızdan emin olmaktır.

Interactive Circle widget'ı Elementor'da etkinleştirilmelidir. WordPress panonuzdaki Temel Eklenti Öğeleri'ne gidin ve ' Etkileşimli Çember ' widget'ının açık olduğundan emin olun. Değişikliklerinizin kaydedildiğinden emin olmak için ' Ayarları Kaydet ' düğmesini tıklayın.

Elementor'un 'Öğeler' sekmesinde ' Etkileşimli Çember ' widget'ını arayın . Öğeleri, metin tabanlı içeriği göstermek istediğiniz yere sürükleyip bırakın.

2. Adım: İçerik Ayarlarınızı Özelleştirmeye Başlayın

Bu pencere öğesi, varsayılan içeriği özelleştirmenize ve kendi içeriğinizi eklemenize olanak tanır. Genel sekmesinden, seçeneklerden herhangi bir düzeni ayarlayabilirsiniz. Interactive Circle widget'ı, önceden ayarlanmış 4 düzen ile birlikte gelir . Düzenlerle oynayın ve hangisinin metin tabanlı içeriğinize en uygun olduğunu görün.

EA Interactive Circle widget'ınızdaki düğmelerin simgeler mi yoksa metin mi göstereceğini de seçebilirsiniz. Simgeleri ve metni gizlemek veya göstermek için , sırasıyla 'Düğme' ayarları altındaki ' Simgeyi Göster ' ve ' Metni Göster ' seçeneklerini değiştirin. Bu widget, birçok özelleştirme için çok kullanışlıdır. Seçenekler arasından seçim yapabilir ve tercihinize göre kendi dairesel menünüzü oluşturabilirsiniz.

Bu widget'ı kullanmanın en önemli kısmı, kendi içeriğinizi verebilmeniz ve gerektiğinde daha fazla dairesel seçenek ekleyebilmenizdir. EA Interactive Circle widget'ınızla görüntülemek istediğiniz öğe sayısını 'İçerik' ayarları altında ekleyebilirsiniz . Yeni bir öğe eklemek için ' + Öğe Ekle ' düğmesini tıklamanız yeterlidir . Aynı şekilde, ayarlardan bir öğeyi kaldırabilir veya kopyalayabilirsiniz. Ancak, tasarım adına, bir seferde en fazla 8 seçenek ekleyebilirsiniz; aksi takdirde sıra bozulur.

Üç sekme vardır: 'Düğme ', 'İçerik ' ve 'Stil '. Öğe için bir simge ekleyebilir ve 'Düğme' sekmesindeki ' Kısa Başlık ' giriş alanından başlığı düzenleyebilirsiniz. Benzer şekilde, 'İçerik' sekmesinden öğenize içerik ekleyebilir ve 'Stil' sekmesinde öğenize arka plan renkleri ekleyebilirsiniz .

EA Interactive Circle pencere aracınızı daha dinamik hale getirmenize yardımcı olmak için ' Ek Ayarlar ' seçeneğinden ekstra ayar seçenekleri alabilirsiniz . ' Fare Etkinliği ' seçeneğinde 'Tıklama' ve 'Vurgulu' etkileşimleri arasında seçim yapabilirsiniz . Ayrıca şık ve göz alıcı animasyonlar eklemek için ' Ek Ayarlar ' seçeneğini de kullanabilirsiniz . Aşağıda gösterildiği gibi, aralarından seçim yapabileceğiniz üç farklı animasyon stili vardır.

3. Adım: Etkileşimli Metin Tabanlı İçeriğinizi Stillendirin

EA Interactive Circle widget'ı birçok stil seçeneğiyle birlikte gelir. Bu seçenek, herkesin etkileşimli çevresi açısından büyük bir fark yaratabilir. Arka plan rengini, metin desenini veya rengini, daire genişliğini ve dolguyu veya birleştirmeyi değiştirerek görünümü değiştirebilirsiniz.

EA Interactive Circle'daki her öğe için tipografiyi ' Öğe ' ayarlarından değiştirebilirsiniz. Her öğenin genişliği ve simge boyutu da ayarlanabilir. Ayrıca arka plan rengini, metin rengini, simge rengini ve diğer birçok şeyi değiştirebilirsiniz.

Etkileşimli çevrenizin görünümünden memnunsanız, artık sayfanızı yayınlayabilirsiniz. Bu konu için oluşturduğumuz Elementor etkileşimli çemberine bir göz atın.

Gördüğünüz gibi, Elementor için Temel Eklentiler muhteşem bir Etkileşimli Çember oluşturmanıza ve web sayfanızı daha büyüleyici bir şekilde son derece basit hale getirmenize olanak tanır.

Son olarak, sürekli iyileştirmenin değerine kuvvetle inanıyoruz. Bunu akılda tutarak, Elementor ile daha da iyi bir web sitesi tasarımı deneyimine sahip olabilmeniz için size Elementor güncellemeleri için harika yeni Temel Eklentiler sunmak için çok çalışıyoruz.

Kaybedecek neyin var öyleyse? Interactive Circle widget'ı da dahil olmak üzere tüm yeni gelişmiş widget'lardan ve uzantılardan yararlanmak için mümkün olan en kısa sürede Essential Addons 5.0'a güncelleyin.

Kendiniz deneyin ve herhangi bir sorunuz varsa lütfen destek ekibimizle iletişime geçin . En yeni Elementor eklentileri, web tasarımı eğitimleri, ipuçları ve püf noktaları ve daha fazlası hakkında daha fazla bilgi için blogumuza abone olun veya arkadaş canlısı Facebook topluluğumuza katılın .