Elementor ile WordPress'te Okuma İlerleme çubuğu nasıl görüntülenir

Bir okuma ilerleme çubuğu, bir web sitesinde okuyuculara sayfada ne kadar ilerlediklerini veya ekranda yayınladıklarını gösteren görsel bir göstergedir. Bu genellikle okuyucular ilerledikçe, sayfada kaydırarak doldurulan ince bir çubuk görüntüler. Bloglar ve içerik ağır web siteleri için basit ama etkili bir araçtır.

Kullanıcı katılımı üzerine yakın tarihli bir çalışma , görsel ipuçlarının, içeriği daha yönetilebilir hissettirerek bir sayfada harcanan zamanı% 20'ye kadar artırabileceğini düşündürmektedir. Aynı şekilde, ilerleme çubuğu kullanıcıların okuma yolculuğunu izlemelerine yardımcı olabilir, bu da memnuniyeti artırabilir ve daha fazlasını keşfetmeye teşvik edebilir.

Elementor ile WordPress'e bir okuma ilerleme çubuğu eklemek kolaydır. Bu makalede, Elementor ile WordPress'te okuma ilerleme çubuğunun nasıl görüntüleneceğine dair adım adım bir kılavuzu ele alacağız.

WordPress'te okuyucu ilerleme çubuğunu göstermenin faydaları

Bir WordPress sitesine bir okuma ilerleme çubuğu eklemek çeşitli avantajlar sunar. Bu sadece kullanıcı deneyimini değil, aynı zamanda etkileşimi de geliştirir. Aşağıdaki WordPress'e okuma ilerleme çubuğunu eklemenin bazı temel avantajlarına bir göz atın.

• Kullanıcı katılımını geliştirir

Bir okuma ilerleme çubuğu, bir yazı boyunca ne kadar ilerlediklerini görsel olarak göstererek okuyucuları motive edebilir. Bu, kullanıcıları özellikle uzun biçimli içerik için okumaya devam etmeye teşvik eder. Web sitenizdeki kullanıcı katılımının nasıl geliştirileceğine dair bazı hızlı noktalara bir göz atın.

• Gezinme netliğini arttırır

Uzun makaleler veya öğreticiler için, bir ilerleme çubuğu ne kadar içeriğin kaldığına dair net bir gösterge sağlar. Bu, kullanıcıların bitirmek için zamanları olup olmadığını tahmin etmelerine yardımcı olur.

• Hızlanma oranlarını azaltır

İçeriği izlenebilir bir yolculuğa ayıran görsel bir ipucu sunarak, bir ilerleme çubuğu uzun yayınların daha az ezici görünmesini sağlayabilir. Bu, hemen çıkma oranlarını oldukça düşürebilir. İşte WordPress'te hemen çıkma oranının nasıl azaltılacağına dair bir rehber.

• Estetik çekiciliği geliştirir

İyi tasarlanmış bir ilerleme çubuğu, sitenize modern bir çekicilik ekler. Cilalı bir görünüm oluşturmak için Sitenizin markasına uyacak şekilde okuma ilerleme çubuğunun görünümünü özelleştirebilirsiniz.

• Mobil kullanılabilirliği destekler

Kaydırmanın sonsuz hissedebileceği mobil cihazlarda, bir ilerleme çubuğu kontrol ve bağlam duygusu sağlar. Kullanıcılara gönderi veya sayfada ilerleme kaydettiklerini güvence altına alır.

Elementor ile WordPress'te Okuma İlerleme çubuğu nasıl görüntülenir

Bu adım adım öğreticide, Elementor ve HappyAddons'un ücretsiz sürümünü kullanarak WordPress sitenizde bir okuma ilerleme çubuğu ekleme ve özelleştirme sürecinde size rehberlik edeceğiz. Ama sorabilirsiniz - neden HappyAddons ve bu nedir ?

Aslında, HappyAddons, Elementor eklentisinin tanınmış bir eklentisidir. Elementor'un sınırlamalarının üstesinden gelmek için birçok becerikli özellik ve widget ile birlikte gelir. Okuma İlerleme çubuğu. İyi haber şu ki, okuma ilerleme çubuğu özelliğinin kullanımı tamamen ücretsizdir.

Okuma İlerleme çubuğunu eklemek için ön koşullar

• Element
• Happyaddons

Eklentilerin sitenizde yüklendiğinden ve etkinleştirildiğinden emin olun. Sitenize hazır olduktan sonra, aşağıdaki öğreticide açıklanan adımları izlemeye başlayın.

Adım 01: Okuma İlerleme Çubuğu özelliğini etkinleştirin

WordPress kontrol panelinize gidin ve HappyAddons> özelliklerine gidin.

Özellikler sayfasına geldiğinizde, Okuma İlerleme Çubuğu seçeneğini bulun. Özelliği etkinleştirmek için geçin .

Adım 02: Elementor ile bir sayfa açın

Şimdi, Okuma İlerleme Çubuğu özelliğini yapılandırmak için Elementor ile bir sayfa açın.

Adım 03: Elementor'un site ayarlarına gidin

Elementor panelinin sol üst köşesindeki Hamburger simgesini tıklayın .

Site ayarları seçeneğine tıklayarak gidin .

Elementor panelini kaydırarak okuma ilerleme çubuğunu bulun ve tıklayın .

Okuma İlerleme Çubuğu seçeneğini etkinleştirmek için değiştirin .

Adım 04: Okuma İlerleme Çubuğu seçeneğini yapılandırın

Okuma İlerleme Çubuğu seçeneğini etkinleştirdikten sonra, özelliği yapılandırmak için çok sayıda seçenek alırsınız.

# İlerleme çubuğunu nerede görüntüleyeceğinizi seçin

Sitenizde ilerleme çubuğunu görüntülemeyi seçebilirsiniz, yani tüm yayınlar ve sayfalarda. Veya seçici olarak göstermeyi seçebilirsiniz.

Hem yayınlarda hem de sayfalarda görüntülemek istiyorsanız, görüntülenen yandaki kutudan seçin.

# Bir İlerleme Çubuğu Türü Seçin

HappyAddons, yatay, dikey ve daire olmak üzere üç tür ilerleme çubuğu arasından seçim yapmanızı sağlar. Bunlardan herhangi birini seçin, yazın yanındaki açılır seçeneği tıklayın .

Seçenekleri göreceksiniz. İstediğiniz bir tür seçin. Eğitim için yatay tiple gideceğiz.

# İlerleme çubuğu için bir pozisyon seçin

İlerleme çubuğunu üstte veya altta görüntüleyebilirsiniz. Bu nedenle, yanındaki konum seçeneğinden nerede görüntülemek istediğinizi seçin .

Sayfayı kaydırdıkça, sayfanın üstünde bir ilerleme çubuğunun göründüğünü görebilirsiniz.

# İlerleme çubuğunu stilize et

Aynı Elementor panelinden, ilerleme çubuğu özelliğinin yüksekliğini, ilerleme çubuğu rengini, arka plan rengini ve yüzde araç ipucuunu özelleştirebilirsiniz.

Umarım bu özelleştirmeyi kendiniz yapabilirsiniz.

Adım 05: İlerleme çubuğunu önizleme

İşiniz bittiğinde, sitenizin ön ucuna gidin. Ekranınızı kaydırarak ilerleme çubuğunun iyi çalışıp çalışmadığını kontrol edin.

Böylece, Elementor ve HappyAddons eklentilerini kullanarak WordPress'e okuma ilerleme çubuğunu kolayca ekleyebilirsiniz.

Dikey ilerleme çubuğu nasıl görünüyor

Yukarıda, size yatay bir ilerleme çubuğu oluşturma sürecini gösterdik. Aynı şekilde, sitenizdeki dikey ilerleme çubuğunu etkinleştirebilir ve görüntüleyebilirsiniz. Etkiledikten sonra, ilerleme çubuğu aşağıda eklenen videoda gösterilene benzeyecektir.

Daire ilerleme çubuğu nasıl görünüyor

Burada yine, aynı işlemi izleyerek, stilizasyonunu ve ayarlarını yapılandırarak WordPress sitenizdeki Circle Progress çubuğunu görüntüleyebilirsiniz. Aşağıda eklenen videodan ön uçta nasıl göründüğünü izleyebilirsiniz. Daire ilerleme çubuğu sağ üst köşede görünür.

Happyaddons ile başka ne yapabilirsiniz?

HappyAddons'a sahip olduğunuzda, sadece Elementor'ın eksikliklerinin üstesinden gelmekle kalmaz, aynı zamanda daha heyecan verici özelliklerin ve widget'ların tadını çıkarabilirsiniz. HappyAddons eklentisiyle daha ne yapabileceğinize bir göz atın.

A. Bir Tema Oluşturucu kullanın

HappyAddons'un Tema Oluşturucu, WordPress sitenizin şablon parçalarının başlıklar, altbilgiler, tek sayfalar, tek yayınlar ve arşiv sayfaları dahil her yönünü özelleştirmenize olanak tanır. Harika haber şu ki, Tema Oluşturucu özelliğinin Elementor'da birinci sınıf bir özellik olan kullanımı tamamen ücretsizdir. HappyAddons tema oluşturucusuna nasıl erişeceğinizi kontrol edin.

B. Woocommerce sitelerini geliştirin

HappyAddons Pro, e -ticaret mağazanızın tasarımını ve işlevselliğini geliştirmek için güçlü bir WooCommerce widget paketi sunuyor. HappyAddons'ın sunduğu WooCommerce widget'ları ürün ızgarası, ürün atlıkarıncası, ürün kategorisi ızgarası, ürün kategorisi karusel, tek ürün, mini araba, araba, ödeme ve nakliye çubuğudur.

C. Yaratıcı İçerik Zanaat

HappyAddons, bir web sitesini son derece heyecan verici hale getirmek için 130'dan fazla widget ve iki düzine heyecan verici özellik sunuyor. Bunları kullanarak, sitenizdeki değerli bilgileri kullanıcılara hem iyi hem de çekici görünen son derece yaratıcı bir şekilde vurgulayabilirsiniz.

D. Infografik yayınlar/sayfalar oluşturun

HappyAddons, çubuk grafik, beceri çubuğu, interaktif grafikler ve sonrası ızgara gibi widget'ları kullanarak görsel olarak çekici infografik tarzı yayınların ve sayfaların oluşturulmasını sağlar. Sonuç olarak, satış veya anket sonuçları gibi karşılaştırmaları özelleştirilebilir renkler ve etiketlerle görüntüleyebilirsiniz. Elementor ile nasıl bir infografik web sayfası oluşturacağınızı öğrenin.

e. Alanlar arası kopya macun

HappyAddons Pro'daki alanlar arası kopya macun özelliği, widget'ları, bölümleri veya tüm sayfaları bir etki alanından kopyalamanıza ve tüm stilleri ve ayarları koruyarak diğerine yapıştırmanızı sağlar. Bu, birden fazla siteyi yöneten geliştiriciler veya ajanslar için zaman tasarrufudur.

Tüm bunlara ek olarak, HappyAddons ile web tasarımınızı son derece keyifli hale getirmek için becerikli bir şablon kütüphanesi, canlı sohbet, kapsamlı belgeler ve bir YouTube öğretici çalma listesi olacak.

Son düşünceler!

Umarım bu öğreticiden keyif almışsınızdır. Kodsuz web tasarım yolculuğunuzu daha yararlı ve verimli hale getirmek için web sitemize sürekli olarak daha fazla öğretici tabanlı blog yayınları yazıyoruz. Tüm yazıyı okuduğunuz için, HappyAddons eklentisiyle daha fazla neler yapabileceğiniz konusunda bir fikriniz var.

Sitenizde hem Elementor hem de HappyAddons varsa, gerçek sihir yapabilirsiniz. Kullanıcılarımızın ne kadar memnun olduğunu keşfetmek için WordPress.org ve diğer inceleme sitelerindeki HappyAddons hakkındaki incelemeleri kontrol edebilirsiniz. Tüm bunlardan sonra, aklınızda herhangi bir sorunuz varsa, aşağıya bir yorum bırakabilir veya destek sohbet kutumuzu vurabilirsiniz.