Voetnoten plaatsen in de blog

Laatste update: 24/03/2021
14:37
De ervaring als: Ontwikkelaar
Met: Een blog

Leestijd: < 1 minuut

Omdat ik een bepaalde boodschap wil overbrengen met behulp van voetnoten, heb ik de functionaliteit nodig van een voetnoot. Dit is een van de functionaliteiten die een blog kan en eigenlijk zou moeten hebben. Daarom gebruik ik de volgende plugin:

Na activatie kan ik met deze short code een voetnote plaatsen met de volgende short code: [efn_note]] Vervolgens plaats je je voetnoot en eindig je met deze shortcode: [[/efn_note] De rest gebeurt allemaal vanzelf.

Dus als voorbeeld: de short code ¹ moet je beginnen met een [] en eindigen met [/].

Persoonlijk ga ik ervoor kiezen om met voetnoten bronnen aan te geven.

efn_note

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>

Voetnoten plaatsen in de blog

Ontdek de ervaring

Long Read