Worth The Read plugin gebruiken om progressie bar te laten zien aan lezers van de blog

Laatste update: 08/03/2021
15:55
De ervaring als: Ontwikkelaar
Met: Een blog

Leestijd: < 1 minuut

Wat ik nog mis op mijn site is iets van een indicatie tot op welk moment je scrollt op page. Ik moet uitzoeken hoe het heet en hoe ik het krijg geïnstalleerd op mijn blog.

Ik heb in ieder geval de Worth The Read plugin nodig. Laat ik daarmee beginnen.

Na installatie en activatie ga je naar je dashboard > Worth The Read > Reading Progress.

Daar moet je deze instellingen invullen:

Dat ging makkelijker dan verwacht met als gevolg dat je een zogenaamde reading Progress kan worden laten zien.

Ik ga denk ik toch voor boven aan de pagina, omdat het nu niet genoeg opvalt naar mijn smaak.

Ontdek de ervaring

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}

				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>

Worth The Read plugin gebruiken om progressie bar te laten zien aan lezers van de blog

Ontdek de ervaring

Long Read

Devoked