Showing a progress bar with currency

WordPress Yazılarınıza İlerleme Çubuğu Ekleme

WordPress sitenize hiç ilerleme çubuğu eklemek istediniz mi? Bir bağış toplama kampanyasında ilerleme, üzerinde çalıştığınız belirli bir proje için kilometre taşları vb. Göstermek için kullanabilirsiniz. Son zamanlarda okuyucularımızdan biri WordPress yayınına nasıl ilerleme çubuğu ekleyebileceklerini sordu. Bu makalede, WordPress yayınlarınıza, sayfalarınıza ve widget’larınıza nasıl bir ilerleme çubuğu ekleyeceğinizi göstereceğiz.

Video öğretici

emailkaydol.co’a abone olun

Videoyu beğenmediyseniz veya daha fazla talimat gerekiyorsa okumaya devam edin.

Yapmanız gereken ilk şey, İlerleme çubuğu Eklenti. Kutudan çıkar çıkmaz çalışır ve yapılandırmanız gereken ayarlar yoktur.

İlerleme çubuğunu görüntülemek istediğiniz bir yayını veya sayfayı düzenleyin ve kısa kodu şu biçimde ekleyin:

[wppb progress=50]

Bu, varsayılan mavi rengi kullanarak% 50 ilerleme durumunu göstermek için animasyonlu bir ilerleme çubuğu gösterecektir.

Oldukça kolay değil mi?

Ayrıca, renkleri değiştirmek, ilerleme çubuğuna metin eklemek, yüzde yerine para birimini göstermek ve daha fazlası için kısa kodu özelleştirebilirsiniz. Bu özelleştirme seçeneklerinden bazılarına göz atalım.

İlerleme Çubuğuna Metin Ekleme

Yukarıdaki örnekte, ilerleme çubuğumuzun aslında ne hakkında olduğundan bahsetmediğini görebilirsiniz. Kısa koddaki metin özelliğini kullanarak ilerleme çubuğuna bazı yararlı metinler ekleyerek bunu değiştirebilirsiniz.

[wppb progress=75 text="Progress so far"]

Bu, metninizi ilerleme çubuğunun üstünde görüntüler ve şöyle görünür:

Üstünde metin bulunan WordPress'de ilerleme çubuğu

İlerleme Çubuğunda Yüzde Yerine Para Birimi Gösterme

Varsayılan olarak, ilerleme çubuğu tamamlanma yüzdesini gösterir, ancak para toplama kampanyası için kullanıyorsanız bunu bir para birimiyle değiştirebilirsiniz.

Para birimini görüntülemek ve hem hedef miktarı hem de şimdiye kadar toplanan miktarı göstermek için kısa kodu nasıl kullanacağınız aşağıda açıklanmıştır.

[wppb progress="$250/1000" text="$250/$1000 Raised"]

Web sitenizde şöyle görünecek:

Para birimiyle ilerleme çubuğu gösterme

Metni ilerleme çubuğunun dışında göstermek istiyorsanız, kısa kodu aşağıdaki gibi değiştirebilirsiniz:

[wppb progress="$250/1000" text="$250/$1000 Raised" location="after"]

İlerleme Çubuğu Renklerini ve Görünümünü Değiştirme

Progress Bar eklentisi, kullanabileceğiniz birkaç renk ve görünüm seçeneğiyle birlikte gelir. Yerleşik renk seçenekleri mavi, kırmızı, sarı, turuncu ve yeşildir. Ancak, istediğiniz herhangi bir rengi kullanabilirsiniz. Düz veya hareketli bir ilerleme çubuğu ekleyebilirsiniz.

Her seçeneği kullanmak için kısa kodu nasıl kullanacağınız aşağıda açıklanmıştır:

Turuncu ilerleme çubuğu
[wppb progress=50 option=orange]

Hareketli şeker şerit ilerleme çubuğu kırmızı
[wppb progress=50 option="animated-candystripe red"]

Yeşil renkli şeker şerit ilerleme çubuğu
[wppb progress=50 option="candystripe green"]

Şeker şeritli varsayılan mavi ilerleme çubuğu
[wppb progress=50 option=candystripe]

Mor renkte düz bir ilerleme çubuğu
[wppb progress=50 option=flat color=purple]

Kahverengi bir düz şeker şerit ilerleme çubuğu
[wppb progress=50 option="flat candystripe" color=brown]

Bu ilerleme çubukları sitenizde şöyle görünecektir:

Renkleri kullanma ve ilerleme çubuğunun görünümünü değiştirme

WordPress Kenar Çubuğu Pencere Öğelerine İlerleme Çubuğu Ekleme

Öncelikle WordPress’te metin widget’ları için kısa kodları etkinleştirmeniz gerekecek. Bunu, temanızın function.php dosyasına veya siteye özgü bir eklentiye aşağıdaki kod satırını ekleyerek yapabilirsiniz.

add_filter('widget_text','do_shortcode');

Şimdi ziyaret edebilirsiniz Görünüm »Widget’lar sayfasına gidin ve kenar çubuğunuza bir metin widget’ı ekleyin. Metin widget’ındaki ilerleme çubuğu kısa kodunu tıpkı bir gönderi veya sayfada kullandığınız gibi kullanın. Demo sitemizde kullandığımız bir kod:

[wppb progress="$2500/$4500" option="animated-candystripe red" fullwidth=true]

Raised: $2500
Goal: $4500

Donate here

Test sitemizde şöyle görünüyordu:

WordPress metin widget'ına ilerleme çubuğu ekleme

Bu makalenin WordPress yayınlarınıza veya sayfalarınıza güzel ilerleme çubuğu eklemenize yardımcı olmasını umuyoruz. WordPress’e Nasıl PayPal Bağış Düğmesi Ekleme ile ilgili kılavuzumuzu görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen abone olun Youtube kanalı WordPress video dersleri için. Bizi de bulabilirsin heyecan ve Facebook.

[Total: 0   Average: 0/5]
Son Güncelleme: 5 Haziran 2020

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.