Stratum Widget'ları: Circle Progress Bar ve Counter Elementor Widget'ları


İçindekiler

Gelişmiş gönderiler, kaydırıcılar ve çarpıcı Duvar galerileri oluşturmak için bazı güçlü Stratum Elementor widget'larını zaten inceledik. Bugün, daire sayacı WordPress eklentisi ile web sitesi verilerinin daha iyi görsel olarak algılanmasına katkıda bulunan widget'lardan bahsedeceğiz.

Stratum'un Circle Progress Bar & Counter eklentileri sayesinde, çekici ve iyi algılanan görseller oluşturmakta sorun yaşamayacaksınız. Bu makalede, Stratum for Elementor'un kişiselleştirme seçeneklerini nasıl en üst düzeye çıkaracağınız ve harika stiller elde edeceğiniz konusunda size rehberlik edeceğiz!

Ayrıca bkz: blok düzenleyici (Gutenberg) için İlerleme çubuğu widget'ı.

Çember İlerleme Çubuğu ve Sayaç Widget'larını Neden Kullanmalıyım?

Kodlama meraklısı değilseniz, jQuery ve onunla daire çubukları ve sayaçların nasıl oluşturulacağı hakkında hiçbir şey bilmiyor olabilirsiniz. Ve bir WordPress web sitesine sahip olduğunuz ve Elementor'u standart ve üçüncü taraf widget'larıyla birlikte "tek" sayfa oluşturucunuz olarak kullandığınız sürece bu tamamen sorun değil.

General Elementor eklentileri arasında alternatif İlerleme Çubuğu ve Sayaç widget'ları bulabilmenize rağmen, bunlar aynı değildir. Varsayılan Elementor ilerleme çubuğu dairesel değildir, temel sayaç widget'ı başlık son eki, animasyon efektleri ve daha fazlası gibi ekstra ayarlar sunmaz.

Genel olarak, Daire İlerleme Çubuğu ve Sayaç widget'larına sahip Stratum eklentisi şunları yapmanızı sağlar:

  • İlerlemeyi yüzde olarak ve/veya bir metin açıklamasıyla görüntüleyin;
  • Birden çok stil ayarı kullanın;
  • Öğelerin stilini anında mevcut WordPress temanıza göre ayarlayın.

Temel Faydalar

Stratum öğelerinin Elementor öğelerine göre ana avantajı, bir temanın stiline karşılık gelen widget stilini otomatik olarak ayarlama yeteneğidir. Aynı zamanda, tüm widget'lar (bu ikisi dahil), modülün HERHANGİ BİR öğesini değiştirmenize izin veren oldukça esnek özelleştirme ayarları sağlar.

İlerleme çubukları ve sayaç özellikleri açısından Stratum, aşağıdakiler gibi birkaç ekstra sunar:

  • Daire İlerleme Çubuğu ayarları: genişlik, widget kayan nokta;
  • Sayaç ayarları: düzgün sayaç başlıkları ve alt yazılar, akıcı animasyon, yatay hizalama;
  • Daire İlerleme Çubuğu stili: daire/dairesiz, arka plan dolgusu, çizgi hastalığı, vurgulu efekt ayarları;
  • Karşı stil: animasyon efekti, bireysel tipografi stili, ondalık sayıların gösterimi, sayı türleri, vurgulu efekt ayarları;
  • Mobil uyumlu düzenler .

Şimdi size, herhangi bir ekstra bilgi çemberi WordPress eklentisi olmadan her türlü web sayfasında harika görünmesini sağlamak için her iki Stratum widget'ını nasıl özelleştirebileceğinize dair bir örnek vereyim.

Stratum İlerleme Çubuğu Widget'ı: Genel Özellikler ve Ayarlar

İçerik ayarları

Bu bölüm, düzenleyebileceğiniz temel özelleştirme ayarlarını içerir:

  • Widget Float
  • Yüzdeyi VEYA Yazılı Metni Görüntüle
  • Daire Genişliği
  • İlerleme (0'dan 100'e)

Biraz özelleştirmeden sonra web sitenize VS'ye eklediğinizde ilerleme çubuğu daire widget'ı şu şekilde görünür:

Daire İlerleme Çubuğu Elementor Widget'ı

Stil Seçenekleri

Stil seçenekleri, ilerleme çubuğunuzu sade görünümünden daha gelişmiş bir görünüme dönüştürmek için yeterli sayıda kullanışlı ayar sunar:

  • Yuvarlak köşeler
  • Daire

Daire İlerleme Çubuğu Elementor Widget'ı

  • Arka Plan Dolgusu
  • Hat kalınlığı

Arka plan dolgunuzun ve çizgi kalınlığınızın boyutlarını değiştirdiğinizde, çubuklarınızın ne kadar farklı görünebileceğine bir bakın! Bu üç özdeş çubukla burada yaptığım kadar deney yapabilirsiniz (ancak kalınlık ve dolgunun değişmesiyle her birini farklı bir şekilde algılamaya başlarsınız):

Daire İlerleme Çubuğu Elementor Widget'ı

  • tipografi

Elementor, farklı şekil, boyut ve yazı tiplerinde göz alıcı başlıklar oluşturmanız için size standart ancak çok esnek tipografi ayarları sunar:

Daire İlerleme Çubuğu Elementor Widget'ı

  • Renk ayarları

Daha önce belirtildiği gibi, Stratum, kullanılan yazı tipleri ve renkler de dahil olmak üzere mevcut tema stiline otomatik ayarlama sağlar. Renk paleti, WordPress temanızda kullanılan renkleri vurgular, böylece Stratum daire ilerleme çubuğunuz için en uygun olanları seçebilirsiniz:

Daire İlerleme Çubuğu Elementor Widget'ı

  • fareyle üzerine gelme ayarları

Fareyle üzerine gelme ayarları, fareyi üzerine getirdiğinizde mevcut ilerleme çubuğunuzun stilini değiştirmek için metninizin, çizginizin ve arka planınızın rengini değiştirmenize olanak tanır:

Daire İlerleme Çubuğu Elementor Widget'ı

Stratum WP Counter Widget: Genel Özellikler ve Ayarlar

İçerik ayarları

Temel içerik ayarlarının sayısı şunları içerir:

  • Başlangıç ​​/ Bitiş Değeri
  • Animasyon süresi
  • Pürüzsüz Animasyon
  • Sayaç Öneki / Sayaç Soneki
  • Yatay hizalama

WordPress sayaç widget'ını web sitenize eklediğinizde sade görünüyor, ancak içeriği doldurup stilini yaptığınızda, oldukça etkileyici bir sayaç bölümü ile karşılaşabilirsiniz.

Bu, Stratum sayacının Öncesi ve Sonrası örneğidir :

Sayaç Elementor Widget'ı

Stil Seçenekleri

  • Animasyon efekti (OurExpo, OutQuintic, OutCubic)

Sayaç Elementor Widget'ı

  • Binlik Ayırıcısını Göster
  • Bin Ayırıcı

Ülkenizin/bölgenizin sayısal biçimlendirmesine karşılık gelen farklı bir binlik ayırıcı seçebilirsiniz:

Sayaç Elementor Widget'ı

  • Önek / Sayı / Sonek Tipografisi

Sayaç Elementor Widget'ı

  • Ondalık
  • Ondalık Ayırıcı

Tıpkı binler ayırıcısı gibi, gereken sayı biçimlendirmesine (genellikle virgül veya nokta) uygun olarak kendi herhangi bir ondalık ayırıcı türünü seçebilirsiniz:

Sayaç Elementor Widget'ı

  • Rakamlar (Varsayılan, Doğu Arapça, Farsça)

Sayaç Elementor Widget'ı

  • Renk ayarları
  • fareyle üzerine gelme ayarları

Sayaç Elementor Widget'ı

Daha Fazla Stratum Elementor Widget'ını Ücretsiz İndirin

Artık, ayrı ilerleme çubuğu ve sayaç eklentileri için harika bir ikame olabilecek İlerleme Çubuğu ve Sayacı widget'ları hakkında her şeyi biliyorsunuz. Artık, Stratum koleksiyonundan 20'den fazla gelişmiş widget hakkında daha fazla bilgi edinebilirsiniz. Bu Elementor eklentisine ayrılmış tam bir Stratum blog bölümümüz var, böylece daha neler sunabileceğini kontrol edebilirsiniz.

Neden Elementor için Stratum?

  • Ücretsiz 24+ Elementor widget'ı (düzenli olarak güncellenir);
  • Bazı öğeler, ücretli Elementor öğelerinin ücretsiz analoglarıdır;
  • Temanızın görsel stiline göre otomatik olarak ayarlayın;
  • Gelişmiş tasarım araç zinciri;
  • Elementor şablon kitaplığı entegrasyonu.

Stratum'unuz olduğunda bağımsız bir daire ilerleme çubuğu WordPress eklentisine veya bir WordPress sayaç eklentisine ihtiyacınız yoktur. Stratum'u indirin ve tüm işlevlerin keyfini tek bir yerde çıkarın! Mükemmel tasarımlarınızı görselleştirmek için Stratum widget'larının tüm demolarına göz atmaktan çekinmeyin.

Ayrıca, favori eklentiler koleksiyonumuzun premium versiyonu olan Stratum PRO'nun piyasaya sürülmesinden sonra, kullanıcılar mevcut Stratum Lite widget'larına daha da gelişmiş işlevler ekleyebilirler. Bu, tek bir web sitesi için yılda yalnızca 19 ABD dolarına mal olacak.

Tüm düzen, içerik ve stil seçenekleri Stratum'un ücretsiz sürümünde görüntülenebilir ve "profesyonel" olarak işaretlenir. WordPress.org'dan ücretsiz Stratum indirmediyseniz, PRO Elementor Ekstralarını doğrudan web sitemizden satın alabilirsiniz ve her iki Stratum Lite + Pro seçeneğine sahip olacaktır.

Son olarak, eklentiyle ilgili sorular sormanız, Stratum ve Elementor widget'ları hakkında hızlı ipuçlarını öğrenmeniz ve elbette en son haberler ve güncellemeler için bizi izlemeye devam etmeniz için bir Stratum Facebook topluluğu oluşturduk.

PS MotoPress ekibi, farklı sayfa oluşturucular ve blok düzenleyiciler için WordPress yazılımı geliştirir. Elementor eklentilerine ek olarak, 40'tan fazla çok amaçlı Gutenberg bloğundan oluşan ücretsiz bir koleksiyon olan Getwid'i oluşturduk. Varsayılan WordPress düzenleyicisiyle de çalışıp çalışmadığınızı kontrol edin.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir