Çarşamba 22 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. CMS
  3. WordPress Okuma İlerleme Çubuğu Nasıl Yapılır?
 WordPress Okuma İlerleme Çubuğu Nasıl Yapılır?
CMS Yazılım

WordPress Okuma İlerleme Çubuğu Nasıl Yapılır?

Yazar : Bilal UÇAR 25 Ocak 2017 5 Comments

Bazı popüler sitelerin makalelerinin başında okuma ilerleme çubuğunu görürsünüz. Bu küçük çubuk sayesinde kullanıcılar makalenin ne kadarını okuduğu ve ne kadar kaldığını görebiliyor. Bu makalede, size WordPress yazılarında okuma ilerleme çubuğunun nasıl ekleneceğini anlatacağız.

WordPress’de okuma çubuğu ne işe yarar?

Kullanıcılar sitenize girdiği andan itibaren birkaç saniye içinde sitenizde kalıp kalamayacağına karar verir. Bu süre zarfında kullanıcıların ilgisini çekmeniz gerekir. Bazı site sahipleri satır içi ilgili yayınlar eklerken, bazıları da kullanıcıları sayfada tutmak için videolar veya resim galerisi kullanır.

Okuma ilerleme çubuğu kullanıcıları hem ilerlemeye teşvik eder hem de okudukları makaleyi bitirmesi için kullanıcıları motive eder.
Popüler sitelerin birçoğu okuyucularıyla etkileşim kurmak için okuma ilerleme göstergelerini kullanır. Bununla birlikte, okuma ilerleme göstergesinin çok ince olması gerekir. Eğer kalın olursa kullanıcı deneyimi açısından olumsuz bir görüntü yaratacaktır.

Bunu söyleyerek, WordPress yayınlarınız için bir okuma ilerleme göstergesi nasıl kolayca ekleyebileceğinizi görelim.

WordPress Yazılarına Okuma İlerleme Çubuğu Ekleme

Yapmanız gereken ilk şey, Worth The Read eklentisini yükleyip etkinleştirmektir.

Etkinleştirme sonrasında, ilerleme çubuğu göstergenizi ayarlamak için Ayarlar » Worth The Read sayfasını ziyaret etmeniz gerekiyor.
Okuma İlerleme Çubuğu
Eğer eklentinin ayarlar sayfasına ulaşabildiyseniz yukarıdaki gibi bir görüntü sizi karşılayacaktır. Burada bir takım ayarlar yapmamız gerekecek. Kişiselleştirme ayarları olduğundan istediğinizi seçebilirsiniz. Ben sizler için Türkçe çevirisini yapıp neyin ne işe yaradığından bahsedeceğim. Tasarım kısmı sizin isteğine bağlı.

  • Yayın Tipi(Post Types) seçmeniz gerekiyor. Burada iki seçenek karşımıza çıkıyor. İlki Posts yani Yazılar, ikincisi Pages yani sayfalar. Eğer sadece makalelerde görünmesini istiyorsanız Posts tikini işaretleyin.
  • Include Comment onay kutusu. Eğer bunu seçerseniz yazıda bulunan yorumlar da bu uzunluğa dahil edilecektir.
  • Placement kısmı ise bu çubuğun nerede görüneceğidir. Top üstte, right sağda, left solda, bottom ise altta görünmesini sağlayacaktır. Ben üstte görünmesini tercih ediyorum.
  • Width ile çubuk genişliğini pixel cinsinden ayarlayabilirsiniz. Yandaki küçük okları kullanarak arttırıp azaltabilirsiniz.
  • Foreground seçeneği ön planda olan rengi belirtiyor. Bunu temanıza uygun bir renk seçebilirsiniz.
  • Foreground Opacity seçeneği ön plandaki rengin ne kadar saydam olacağını belirtiyor. 0-1 arasında bir değer girebilirsiniz.
  • Background arka plan rengidir. Çubuğun arka plan rengini belirtir. Yine temanıza uygun bir renk seçebilirsiniz.
  • Comments Background eğer Include Comment seçeneğini işaretlemişseniz çubukta yorumlar için ayrı bir renk gösterebilirsiniz.
  • Transparent Background seçeneği arka planı şeffaf hale getirir.
  • Mute seçeneği kullanıcı makaleyi okurken üst çubuğun fazla dikkat çekmemesini sağlar. Şeffaflık değişimini kapatır. Bunu deneyerek daha rahat görebilirsiniz.

Bu ayarları yaptıktan sonra Değişiklikleri Kaydet butonuna tıklayıp kaydedin. Daha sonra herhangi bir makalenize girip bu güzel özelliği görün.
okuma-cubugu-nasil-yapilir

Bu makaleyle WordPress okuma ilerleme çubuğunun nasıl yapıldığını sizlere anlattık. Bu konuyla alakalı sorularınızı, düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: okuma çubuğu nasıl yapılır okuma çubuğu ne işe yarar okuma çubuğu nedir sayfada aşağı inerken dolan çubuk wordpress okuma çubuğu eklentisi wordpress worth the read eklentisi worth the read eklentisi ayarları nasıl yapılır
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

5 Yorumlar

  • Furkan Bayrak says:
    26 Ocak 2017 at 03:40

    Düz html için yok mu?

    Reply
    • Bilal UÇAR says:
      26 Ocak 2017 at 10:33

      Html için de mevcut çok yakında makale olarak yazacağım. Ancak aciliyeti varsa bana az yukarıda bulunan yazar hakkında kısmının altındaki sosyal medya profillerimden ulaşabilirsiniz.

      Reply
      • Furkan Bayrak says:
        26 Ocak 2017 at 15:38

        Teşekkürler. Aciliyeti yok, kolay gelsin.

        Reply
  • HTML ile Okuma İlerleme Çubuğu Nasıl Yapılır? | Webmaster.Kitchen says:
    27 Ocak 2017 at 14:53

    […] sitemizi düzenli olarak takip ediyorsanız WordPress ile Okuma İlerleme Çubuğu Nasıl Yapılır? adlı bir makale yazmıştım. Bu makalede aynı işlemi WordPress’te eklentiyle nasıl basit […]

    Reply
  • Wordpress'de Okuma İlerleme Çubuğu Yapma ~ Web Yardımcı I Webmaster, Web Tasarım, İnternet, Oyun says:
    30 Ocak 2017 at 21:30

    […] Kaynak : https://webmaster.kitchen/wordpress-okuma-ilerleme-cubugu-nasil-yapilir/ […]

    Reply

Yorum Yap Yorumu İptal Et.

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

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.