Divi Eklentisi Vurgusu: Divi için Sayaç

Divi, bir sayı girmenize, bir başlık ve yüzde işareti eklemenize ve ortak stil seçenekleriyle stil vermenize olanak tanıyan bir sayı sayacı modülüne sahiptir. Bu iyi bir modül ama ya kendi öneklerinizi ve soneklerinizi eklemek ve hatta bir daire sayacı oluşturmak gibi birkaç özellik daha isterseniz? Counter for Divi adlı üçüncü taraf eklentisi bunu ve daha fazlasını yapar.

Divi için Sayaç, sayılara, tarihlere veya gönderilere göre saymanıza olanak tanır ve sayımı nasıl yapacağını seçebilirsiniz. Ondalık basamak ekleyin ve yüzdeleri pozitif veya negatif sayılarla gösterin. Animasyon süresini ayarlayın. Daire özelliği, pasta grafikler ve daire grafikler oluşturmanıza olanak tanır ve daireye bir ölçek ekler.

Divi Modülü için Sayaç

Counter for Divi, Divi Builder'a Counter adlı yeni bir modül ekler. Koyu mavidir ve öne çıkması için geliştiricinin logosunu içerir. Geliştiricilerin bunu yapması hoşuma gidiyor, böylece hangi modüllerin üçüncü taraf modüller olduğunu hızlıca görebiliyorum.

İçerik sekmesi, metin öneki ve son eki, sayaç türü (sayı ve daire arasında seçim yapın), sayım (sayılar, tarihler ve gönderiler arasında seçim yapın), ondalık basamak, ayırıcılar, sayım hedefi, başlangıç ​​noktası ve arka plan için ayarları içerir.

Tasarım sekmesi metin, sayaç, sayı metni, boşluk, kenarlık, kutu gölgesi ve animasyon için ayarları içerir.

İçerik sekmesinde Daire'yi seçmek, Tasarım sekmesine birkaç daire seçeneği ekler. Burada çizgi genişliğini, çizgi başlığını, iz rengini vb. ayarlayabilirsiniz.

Gelişmiş sekmesi, sayı kapsayıcı, önek, sonek, vurgulu vb. için alanlar ekler.

Divi için Sayacı Kullanma

Sayı

İstediğiniz sayaç türünü, neyi saymasını istediğinizi seçin ve saymak istediğiniz sayıyı ve saymak istediğiniz sayıyı girin. Ayrıca bininci ayırıcı için virgül ekledim ve 2'ye zorunlu ondalık basamaklar ekledim.

İşte standart ayarlar. Blogla karışmaması için açık mavi ve yeşil bir gradyan ekledim. Açıklamayı önek olarak ekledim. Alanlara girdiğiniz her şey görüntülenir. İstediğiniz görünümü elde etmek için bir veya iki boşluk eklemeniz gerekecek.

Daire

Daire yüzde ekler. Diğer tüm ayarlar burada. Çemberin yalnızca bir kısmının tamamlanmasını istiyorsanız yüzdeyi ekleyin.

Daire, sütunun tam genişliğini alır. Ekranı doldurmaması için üç sütunlu bir satıra yerleştirdim.

Tarih

Tarihler sayılacak tarih türünü ekler. Saniyeler, dakikalar, saatler, günler, haftalar, aylar ve yıllar arasında seçim yapın.

Belirli tarihlere kadar sayabilmeniz için tarih seçiciler ekler.

Gün sayısını gösterir. Burada benim son ekimle gösteriliyor.

Gönderiler

Gönderiler, sayılacak gönderi türlerini seçmenize olanak tanır ve sayılacak veya sayılacak bir ofset numarasına sahiptir.

Yayınladığım yazıların, sayfaların ve projelerin sayısını eksi dengelemeyi seçtiğim 1'i gösterir. Açıklamayı son ek olarak ekledim.

Şekillendirme Divi Örnekleri için Sayaç

İşte sayı ve dairelerin birkaç stil örneği.

Sayı Örnekleri

Bu tarih sayacını kullanır. Bölümün arka planını değiştirdim ve modüle gölge ekledim. Ayrıca metnin rengini de değiştirdim.

Bu örnekte, basit bir fiyatlandırma tablosu oluşturmak için bir metin modülü ve görüntü modülleri kullanarak bir başlık ekledim. Metni beyaz yaptım ve yazı tipini ACME olarak değiştirdim.

Bir sonraki örnek için, bazı harekete geçirici mesajlar oluşturmak için başka modüller ekledim. Yukarıdaki resimde görüldüğü gibi bir resim, metin, sayaç ve düğme kullanıyorum.

Soldaki için satır ayarlarındaki sütuna bir arka plan rengi ekledim ve alt kısma dolgu ekledim. Satın alma düğmesi olan bir kart oluşturur.

Sağdaki için, satır ayarlarındaki sütunun arka planına görüntüyü ekledim, böylece o sütundaki tüm modüller onun üzerinde görünecek. Modüllerin her birinin metnini beyaz olarak değiştirdim ve sayaç modülünün metnine bir gölge ekledim.

Daire Örnekleri

İşte bazı çevreler. Soldaki için boyutu 250'ye düşürdüm ve metin ve daire rengini mavi olarak değiştirdim.

Ortadaki için bir önek ekledim, metni ve daireyi mor olarak değiştirdim ve durma konumunu 60 olarak değiştirdim. Çizgi genişliğini 10 olarak değiştirdim ve iz rengini varsayılan olarak bıraktım.

Sağdaki için bir sonek ekledim, metnin, dairenin ve yolun rengini değiştirdim ve çizgi genişliğini 20'ye ayarladım. Daire yüzdesi 75'tir, ancak daire dönüşünü 80 olarak değiştirdim, böylece ofset oldu.

Bunlar için dairelerin boyutunu değiştirdim, yazı tipi konumunu belirledim, yazı tipi ağırlıklarını değiştirdim ve yazı tiplerine gölge efektleri ekledim. Sağdaki için köşeleri yuvarlatılmış bir kenarlık ve kenarlık gölgesi ekledim.

Soldaki için çubuk rengini değiştirdim ve parça rengini arka plana uyacak şekilde ayarladım. Çizgi genişliğini 50'ye ve çizgi kapağını yuvarlak olarak ayarladım.

Ortadaki için çubuk rengini değiştirdim ve iz rengini varsayılan olarak bıraktım. Çizgi genişliği 100'dür ve çizgi sınırı Butt olarak ayarlanmıştır. Daire yüzdesi 45'tir.

Soldaki satır başlığı için kare kullanır. Çizgi genişliği 75. Çubuk rengini değiştirdim ve iz rengini arka plana uyacak şekilde ayarladım.

Bu örnekler için ölçeği ekledim. Soldaki için çubuk rengini mavi olarak değiştirdim ve parkur rengini arka planla eşleşecek şekilde ayarladım. Çizgi genişliği 100'dür. Ölçek rengini çubuk rengine uyacak şekilde ayarladım ve ölçek uzunluğunu 10'a ayarladım.

Ortadaki için çubuğu ve iz rengini değiştirdim, çizgi genişliğini 15 olarak değiştirdim ve daireyi 38'e döndürdüm. Ölçek için uzunluğu 20'ye ayarladım ve rengi siyah olarak değiştirdim. öne çıkacak.

Sağdaki için sayı rengini, yazı tipini değiştirdim ve italik olarak ayarladım. Ayrıca dairenin ve yolun rengini de değiştirdim. Çizgi genişliği 71, daire boyutu 330 ve daire döndürme 203 olarak ayarlandı. Ölçek boyutunu 5'te (varsayılan) bıraktım ve rengi değiştirdim.

Ölçek özelliklerini beğendim. Ölçek boyutunu ve renklerini değiştirmek bazı ilginç tasarımlar yaratabilir. Ölçek genişliğini ayarlayabilmek istiyorum. Bu, daha fazla öne çıkmalarını ve hatta bir dişli görünümü oluşturmalarını sağlar. Bunun CSS ile yapılabileceğinden eminim.

İşte birkaç pasta grafiği. Soldaki için çubuğu değiştirdim ve renkleri takip ettim, çizgi genişliğini 160'a ve çizgi başlığını Butt'a ayarladım. Ayrıca yazı tipini Aktör olarak değiştirdim, boyutunu küçülttüm ve bir metin gölgesi ekledim.

Orta kısım için parça rengini arka plana uyacak şekilde değiştirdim ve numarayı kaldırdım.

Sağdaki için çubuğun, parçanın ve yazı tipinin renklerini değiştirdim ve bir sonek ve bir metin gölgesi ekledim.

Bunları yapmak aslında çok kolay ama ilk başta kafam karıştı çünkü manuel olarak bir sayı girmek yerine 100'de duran kaydırıcıyı kullanıyordum. Hatta merkezde negatif boşluk etkisi yaratabilecek çok fazla şey ekleyebilirsiniz.

Divi için Sayacı Ekstra ile Kullanma

Ekstra ile de çalışır. Extra ile çalışmak için herhangi bir ayarlama yapmak zorunda değildim, ancak kenar çubuğu pasta grafiklerinin etkisini değiştirdi. Çizgi genişliğini değiştirmek zorunda kaldım.

Lisans ve Satın Alma

Aralarından seçim yapabileceğiniz iki lisans vardır:

• Tek site – 9.99$
• Sınırsız site – 29,99$

Satın alma bilgilerini geliştiricinin web sitesinde görebilirsiniz.

Biten Düşünceler

Counter for Divi'nin kullanımı kolay buldum. Diğer modüllerle iyi çalışır ve birçok tasarım özelliğine sahiptir. Harekete geçirici mesaj olarak özellikle sayı sayacıyla elde ettiğim etkiyi seviyorum. Ayrıca çevrelerle yapılabilecekleri de seviyorum. Pasta grafikler veya herhangi bir tür daire grafiği oluşturmak için harika bir seçimdir.

Standart Divi modülünden daha fazla özelliğe sahip bir sayı sayma modülü ile ilgileniyorsanız, Counter for Divi'ye bir göz atmanızı tavsiye ederim.

Senden duymak istiyoruz. Counter for Divi'yi denediniz mi? Yorumlarda deneyiminizi bize bildirin.

Ron Dale / Shutterstock.com aracılığıyla Öne Çıkan Görsel