Divi numarası sayma modülüne giriş (ve nasıl yönetilir)
Sayılar, WordPress sitenizin güzel ve pratik bir bileşeni olabilir.İşletmenizle ilgili gerçekleri ve sayıları veya okuyucularınız için ilginç olabilecek diğer istatistikleri sergilemek için kullanılabilirler.Divi numarası sayma modülü, şirketinizin istatistikleri için inanılmaz ama bilgilendirici bir görünüm oluşturmak için ihtiyacınız olan her şeye sahiptir.Bu yazıda, mevcut modül seçeneklerini inceleyeceğiz ve size her ekranın nasıl ulaşılacağına dair adım adım talimatlarla düzenlemenin üç güzel yolunu göstereceğiz.Başlayalım!Divi numarası sayma modüllerinin sayısı (ve neden kullanmak istediğinizi) sayı sayma modülü ile yapılan şey, birkaç istatistiği bir sayı veya yüzde olarak yan yana görüntülemenize olanak tanır.Bu modül, renkler, yazı tipleri, sınırlar ve daha fazlası seçeneklerine tamamen ayarlanabilir.Bu animasyonlu bir modüldür ve sayfa görüldüğünde her sayı sıfırdan hızlı bir şekilde hesaplanır:
Numaralar çeşitli web sitelerinde popüler özelliklerdir. Neredeyse tüm işletmelere uygulanabilirler, çünkü her şirketin sergilenmeye değer bir tür sayısı olacaktır. İstatistikler genellikle yardımcı olduğunuz müşteri sayısı veya büyük bir projede ne kadar uzakta olduğunuz gibi yönleri içerir. Counter, eğlenceli gerçekleri aktarma fırsatı da sağlayabilir ve genellikle biraz mizah enjekte edilebilir, örneğin sarhoş veya geç kalan kahve fincanlarının miktarını sergiler. Bu her işletme için değildir, ancak bu rotayı izlerseniz, işleri taze ve farklı tutmaya çalışmanız gerekebilir-değilse, klişeler satan bir şirket olarak bilinebilirsiniz. Çekici tasarımlarla birlikte sosyal kanıtların önemli unsurlarını sağlayın. . Web sitenize sayı sayımları eklemeye karar verirseniz, markanıza ve web sitenize uyacak şekilde ayarlamanız önemlidir. 3 Divi Numaralar modülünü düzenlemenin güzel yolu Bu bölüm için, sayı sayma modülünü kullanarak üç stil tam tasarım yaptık. Daha güzel bir tasarıma dönmeden önce basit ve modern örneklerle başlayacağız. Takip etmek için sitenize numara sayaçları eklemelisiniz. İlk olarak, Divi Builder’da sütun (lar) ı ekleyin ve istediğiniz sütun sayısını seçin. Her istatistik için bir modül eklemeniz gerekir, bu nedenle üç numarayı yan yana görüntülemek istiyorsanız (doping olarak), üç sütun seçeneğini seçin:Ardından, ilk sütunda modül (ler) i ekleyin ve sayı sayacı modülünü seçin: Aşağıdaki örnek için aynı üç sütun ayarını kullanacağız, ancak bunu isteklerinize değiştirmenizi öneririz. Ayrıca, ihtiyacınız olduğu kadar kopyalamadan önce ilk modülü düzenlemenizi öneririz. Bu şekilde, yalnızca uygun metni değiştirmeniz gerekir. Stil bölümüne girmeden önce, aşağıdakiler varsayılan numara sayaç modülüne bir bakış: Gördüğünüz gibi, varsayılan ayarlar kendi benzersiz görünümünüzü oluşturmak için neredeyse boş bir tahta sağlar – ve bunu yapmak için birçok ayar seçeneğiniz vardır. Stil #1: Renkli bir arka plan ekleyin Bu tasarım varsayılan modülden çok farklı görünse de, şaşırtıcı bir şekilde buraya gelmek için birkaç adım atıyor. Bu stil, rengi ve yazı tipinin size çarpıcı bir modern görünüm verebileceğini ne kadar basit olarak gösteriyor: İlk olarak, Genel Modül Ayarları sekmesine gidin ve seçtiğiniz başlık ve numarayı girin. Yüzdeyi görüntülemiyoruz, bu yüzden yüzde işaretini kapalı olarak yönlendirin, metin rengini beyaza ve metin rengini ışığa değiştirin:
Ardından, Gelişmiş Tasarım Ayarları sekmesine geçin, yazı tipi sayısını kalın Monsterrat ve arka plan rengini #1F9BDD olarak değiştirin. Bu sekmede değişmemiz gereken son şey dolgu. Aşağı kaydırın ve özel dolgu bölümünde dört alan için 15px girin. İlk modülünüz bitti! Şimdi Divi Builder’daki düğmeyi kullanarak ihtiyacınız olduğu kadar (bizim durumumuzda üç) kopyalayın … … sonra sürükleyin ve boş sütununuza kopyalanan modülü çıkarın. Her birindeki sayı ve başlığı, uygun ve rengi değiştirin (ikinci modülde kullandığımız renk #1DD1C2 ve üçüncüsü #22c0f4’tür). Şimdi geri kalan sadece arka plan rengini değiştirir. Bunun için, rengi ayarlayabileceğiniz Modül Ayarları> Genel Ayarlar’a gidin (rengimiz için #0044B2 kullanıyoruz): Hepsi bu – harekete geçmeye hazır güzel bir modern sayı sayınız var! Şimdi başka süslemeler ekleyelim. Stil #2: İkinci tasarımımız için bir arka plan resmi kullanın, arka plan görüntüleri ekleyerek varsayılandan biraz daha fazla saptık. Başlığımızın ve sayımızın resmin üzerinde öne çıkmasını sağlamak için, arka planları için kaplama etkisini tanıttık: Daha önce yaptığımız gibi, İlk Modül Genel Ayarlar sekmesini girin, başlığınızı ve numaranızı girin, yüzde işaretini kapatın, sayma metninin rengini siyah olarak değiştirin ve metnin rengi için karanlık seçin:
Gelişmiş Tasarım Ayarları sekmesinde, başlık yazı tipi ve yazı tipi numarasını Lora olarak değiştirin ve başlık yazı tipi baskılı italikler yapın. Bu ekran için, metnin görüntüler arasında öne çıkması için şeffaf bir arka plan eklemek istiyoruz. Bunun için RGBA’ya arka plan renkleri ayarladık (255, 255, 255, 0.74). Ayrıca daha önce yaptığımız gibi 15px özel dolgu ayarladık:
Şimdi ilk modül tamamlandı, ihtiyacınız olduğu kadar kopyalayın, başlığı ve numarayı ayarlayın, ardından sürükleyin ve boş sütununuza gidin. Geriye kalan tek şey arka plan görüntülerimizi eklemek. Modül Ayarları Bölümünde> Genel Ayarlar, Görüntüyü Yükle tıklayın: Dosyayı yükleyin veya medya kitaplığınızdan birini seçin ve orada görüntü arka planına karşı çarpıcı bir sayı sayısı var! Stil #3: Her bir kararlı sınır sayımı son kuvvetimiz için verin, sayı sayma kuvvetinizi artırmak için kullanılabilecek bir öğe daha tanıtacağız – her bir sayım için özel sınır: Örneğe başlık ve numaramızı ekleyerek tekrar başlayacağız. Önce modül yapın ve yüzde çıkışını kapatın. Ardından, metin rengi tezgahını beyaza ve metin rengini ışığa değiştireceğiz: Gelişmiş Tasarım Ayarları sekmesinde, maç yazı tipini ve numara yazı tipini seçin (dans komut dosyasını seçtik). Ayrıca okunabilirlik için başlık yazı tipi boyutunu 27 olarak değiştirdik: Ardından, neredeyse modülün tabanına kaydırın ve sınır düğmesini evet (yani mavi) olarak değiştirin. Ortaya çıkan seçenekte, sınır rengini beyaza getirin, sınır genişliğini 4px olarak ayarlayın ve sınır stilini iki katına değiştirin: Son olarak, daha önce olduğu gibi, her taraf için dolgu 15 piksel olarak ayarlayın. Şimdi sınırlarınızı ayarladınız, geriye kalan tek şey, arka plan görüntüsünüzü bölümün ayarlarına, ikinci tarzda yaptığımız gibi eklemektir.