Artık herkes ve büyükannesi dikkat ekonomisinin farkında. Web sitenizin dikkat çekmek için çok az zamanı olduğunu ve her zerresinin mümkün olduğunca verimli kullanılması gerektiğini biliyorsunuz. Genellikle bu, iletişim araçları çantanızdaki metinsel ve görsel öğeleri kullanarak bilgileri çok verimli bir şekilde iletmek anlamına gelir.
Ama o çantaya bazı numaralar eklemeye ne dersin? Neden işletmenizin kaç müşterisi olduğunu, kaç tane başarılı projeyi tamamladığınızı veya kaç farklı ulusal pazarda varlık gösterdiğinizi göstermiyorsunuz? Bu rakamlar, web sitenizde çok az yer kaplarken yalnızca etkileyici görünmekle kalmayacak, aynı zamanda değerli bilgileri verimli bir şekilde iletecektir.
Sayaçların web sitelerinde inanılmaz derecede değerli öğeler olabileceğine inandığımız için, bunları Qi Addons for Elementor eklentimize dahil ettik. Tek bir eklentide bulabileceğiniz en büyük ücretsiz Elementor eklentileri koleksiyonudur – orada altmış eklenti vardır. Sayaç widget’ımız, mesaj kutuları eklemekten bir metin çerçevesi oluşturmaya kadar her konuda yardımcı olan widget’larla mükemmel bir uyum içindedir.
Fakat şimdilik sayaçlarla yetinelim. Size web siteniz için nasıl dört sayaç oluşturacağınızı göstereceğiz ve eğer size kendi sayaçlarınızı oluşturmak için herhangi bir fikir verirse – daha da iyisi! Okumak yerine video izlemeyi tercih ediyorsanız, tüm bu bilgileri bir video eğitiminde bulabilirsiniz.
Öyleyse başlayalım! İşte şunları ele alacağız:
-
WordPress’te Sayaçları Ekleme
-
İçeriği Düzenleme
-
Sayacı Şekillendirme
-
Son dokunuşlar
WordPress’te Sayaçları Ekleme
Elementor parçacığımızı kullanarak WordPress’e sayaç ekleme hakkında bilmeniz gereken ilk şey, çalışması için Elementor Web Sitesi Oluşturucu’ya da ihtiyacınız olacağıdır. Henüz orada değilseniz, web sitenizin kontrol paneline gidin, Eklentiler > Yeni Ekle’ye gidin, Elementor’u arayın ve yükleyin ve etkinleştirin.
Ücretsiz veya Pro sürümünü kullanabilirsiniz – eklentimiz her ikisiyle de çalıştığı için tamamen size kalmış. Eklentimiz Qi Addons for Elementor’dan bahsetmişken, onu da aramalı ve yüklemeli ve etkinleştirmelisiniz.
Bir sonraki adımınız, sayaçları eklemek istediğiniz bir sayfa veya gönderi oluşturmak veya bir veya birkaç sayacın iyi görüneceğini düşündüğünüz mevcut gönderileri veya sayfaları açmak olacaktır. Bu gösteri için yeni bir gönderi şeklinde yeni bir tuval üzerinde çalıştık ve dört sayaç eklemeyi planladığımız için yeni başlayanlar için dört sütunlu bir bölüm oluşturmayı seçtik.
Sütunlar yerinde olduğunda, yapılacak sonraki şey widget’ı bulmaktır – sol taraftaki öğeler menüsündeki arama işlevi bunun için mükemmel bir şekilde hizmet edecektir. “Sayaçlar” yazmak – “sayaç” değil, çünkü bu başka bir parçacığı getirecektir – ve parçacığı en yakın boş sütuna sürüklemek doğru sonucu alacaktır.
Kalan sütunları doldurma konusunda endişelenmenize gerek yok. Bazen, stilin çoğunu sayaçlardan birinde yapmak ve ardından onu diğer sütunlara kopyalayıp içeriğini değiştirmek iyi bir fikirdir. Bu durum daha zorlu projelerde size oldukça zaman kazandırabilir ve sayaçlarınızın görünümünü bir şekilde tek tip yapmayı planladığınız sürece mükemmel şekilde çalışır. Daha sonra göreceğiniz gibi, düzenlemeleri ve stilleri önce bir sayaçta yaptık ve ardından kalan sütunları kopyalayıp bazı içerik değişiklikleri yaptık.
İçeriği Düzenleme
Widget’ı ilk eklediğinizde göreceğiniz içerik sadece göstermek içindir, bu yüzden muhtemelen önce onu değiştirmek isteyeceksiniz. İçerik sekmesinde göreceğiniz Genel seçenekler, sayacınızın başlangıç ve bitiş rakamını seçmekten, rakamlar arasındaki adımları belirlemeye, simgeleri ve ayırıcıları etkinleştirmeye kadar içerikle ilgili her türlü yararlı şeyi yapabileceğiniz yerdir. ve son olarak sayacın başlığını ve metnini düzenleme.
Sayaçlarımızı oluşturmak için birkaç içerik seçimi yaptık. Birincisi, saymaya sıfırdan başlamamaya karar verdik – 45’i seçtik. Son hane için 52’yi seçtik. Ayrıca bir anlam vermek için başlığı ve metni değiştirdik.
Bu sayacı stilize etmeye geçmeden önce, genel seçenekler altındaki simge, ayırıcı ve ilgili seçenekleri not almalısınız. Bunlar, numaranıza bir simge ve numara ile metin arasına bir ayırıcı eklemenizi sağlar. Kullanmak istiyorsanız, genel seçeneklerde her ikisini de etkinleştirmeniz gerekir – en azından şimdilik, onları tercih etmedik.
Sayacı Şekillendirme
Stil sekmesindeki Stil seçeneklerine geçtiğinizde, sayaçlarınızın içeriğinin nasıl görüneceğini belirleyen sayısız seçenek bulacaksınız. Hizalamasını değiştirebilir, tipografi ve renkler veya rakam, başlık ve metinle oynayabilir ve hatta rakam için bir arka plan ayarlayabilir ve rengini ve yarıçapını seçebilirsiniz.
Burada yaptığımız ilk şey, rakamımızın tam olarak istediğimiz gibi görünmesini sağlamaktı. Yeni başlayanlar için Digit Tipografi’ye girdik ve yazı tipini DM Sans olarak değiştirdik. Daha sonra ona biraz ağırlık ekliyoruz – 500’e çarpıyoruz.
Ardından hane rengini #1e1e1e olarak değiştirdik. Bir arka plan eklemeye veya rakam konturu efekti eklemeye karar verdik – bu, rakamımızı bir anahat haline getirirdi – ve başlık etiketi ve içeriğin stilini düzeltmek için harekete geçtik. Başlık için yazı tipini DM Sans olarak değiştirdik. Büyük harf kullanmak istemediğimiz için Başlık Tipografisindeki Dönüştür seçeneğini Normal olarak değiştirdik. Başlığın boyutunu 20 piksel, ağırlığını 500 ve satır yüksekliğini 26 piksel olarak değiştirdik. Renk #1e1e1e olarak ayarlandı.
Metin için rengi #1e1e1e, yazı tipini DM Sans, boyutu 17 piksel ve bağlantı yüksekliğini 26 olarak değiştirdik. Varsayılan değer 400 civarında olduğu için ağırlığı değiştirmedik. İstediğimiz.
Aralık Stili seçenekleri, sayaçlarınız için kenar boşluklarını ve metin dolgusunu ayarlamak istediğinizde kullanışlıdır. Burada yaptığımız tek değişiklik, başlığın üst kenar boşluğunu 10 piksele ayarlayarak varsayılandan biraz daha küçük yapmaktı.
Ayırıcı veya ayırıcı simgesi eklemediğimiz için Ayırıcı Stili seçeneklerinde yapmamız gereken bir şey yok. Ayırıcı eklemeyi seçerseniz, bu seçenekler ayırıcının rengini, kenarlık stilini, kenar boşluklarını ve genişliğini ve kalınlığını değiştirmenize olanak tanır. Renk, yazı tipi boyutu ve kenar boşluklarını kapsayan ayırıcı simgesi için de bazı seçenekleriniz olacak.
Son dokunuşlar
İlk sayacı şekillendirdikten sonra, onun üç kopyasını daha çıkarma zamanı. Sayacı sağ tıklayıp Çoğalt’ı seçerek yaptık ve sütunlarımız için yeterli sayacımız olana kadar bunu tekrarladık.
Yeni sayaçlardaki stil seçeneklerinin hiçbirini değiştirmedik. En büyük ekleme üçüncü sayaca eklediğimiz yıldızdı. İçerik Sekmesinden Simge seçeneklerine gittik, yıldız simgesini seçtik ve boyutunu 15 piksel olarak ayarladık.
Değişikliklerin geri kalanı daha düzenliydi. Sadece içeriği değiştirdik – ikinci sayacın başlangıç hanesi 260 ve bitiş hanesi 269 oldu. Üçüncüsü, 5. adımda 72’den 89’a çıktı ve son sayacın başlangıç hanesi 93 ve bitiş hanesi 102 oldu. • Tüm yeni sayaçlar yeni kopya aldı. Sonuç böyle görünüyordu.
Çözüm Yolu
Bir web siteniz olduğunda sağduyu, mesajınızı daha kolay ve daha etkili bir şekilde iletmenize yardımcı olabilecek herhangi bir öğenin memnuniyetle karşılamanız gerektiğini söyler. Sayaç eklemenin işletmenizin başarılarını, kaynaklarını veya kapasitelerini sergilemek için yararlı bir yol olabileceğini düşünüyorsanız, Sayaçlar widget’ımız orada olacak ve bazı harika sayılarla ziyaretçilerinizin gözlerini kamaştırmanıza yardımcı olacak.