IN DEZE HANDLEIDING:
- 1 Terugknop toevoegen naar vorige pagina in WordPress
- 2 Terugknop toevoegen als tekst WordPress
- 3 Terugknop back button toevoegen in WordPress
- 4 Meer over buttons en knoppen
- 5 Zelf button maken in WordPress met HTML en CSS Class
- 6 Social media button knoppen voor sociaal delen met CSS
- 7 Terugknop back button toevoegen WordPress javascript
Terugknop toevoegen naar vorige pagina in WordPress
Een knop die vaak wordt gebruikt op WordPress websites is de navigatieknop om terug te gaan ofwel de Vorige of Terugknop. Met de terugknop gaat een bezoeker altijd terug naar de pagina waar hij vandaan kwam.
Hoewel in de meeste gevallen de terugknop van de browser van je bezoeker voldoet, kan het soms handig zijn om toch een terugknop toe te voegen aan een pagina. Bijvoorbeeld in WordPress op een 404 pagina of in je WooCommerce webshop. Een terugknop toevoegen werkt in WordPress met Gutenberg, Elementor, Beaver builder, Bakery Builder, Divi en andere page builders. Gebruik bij voorkeur een ‘html’ module of blok en plak de onderstaande code in:
Terugknop toevoegen als tekst WordPress
<br>
<input type="button" value="Terug"><br>
Alternatief 1:
<br>
<a>Terug</a><br>
Terugknop back button toevoegen in WordPress als button of knop. Dus niet als tekst. Voeg dan ook de javascript bij in je html button. Voeg de tekst toe zoals je deze ziet in het voorbeeld hieronder:
Volgende webpagina knop maken in WordPress
Ook hieronder een volgende knop maar deze wordt in de praktijk weinig gebruikt. De knoppen werken hetzelfde als de twee knoppen in de browser.
<br>
<input type="button" value="Terug"><br>
Ververs Refresh knop maken in WordPress
Door de bovenstaande code gebruikt voor de terugknop iets aan te passen maak je een knop die de geopende pagina zelf ververst. In dat geval wordt -1 gewijzigd naar 0.
<br>
<a>Terug</a>Ik heb deze methode gebruikt op o.a. de volgende websites die ik gemaakt heb:
trilogy.nl
xxthreads.com
Je kan zelf buttons maken die los staan van een WordPress thema of plugin. Bekijk in deze handleiding hoe je call-to-action buttons maakt voor je WordPress website. IN DEZE HANDLEIDING:1 Waarom buttons toevoegen aan je WordPress website2 3 manieren om buttons te maken3 Buttons maken met html in WordPress4 Hoe […]
Maak supersnel social media buttons en knoppen zonder WordPress plugin voor sociaal delen zonder JavaScript met eenvoudige CSS
Wil je een Terugknop toevoegen in WordPress op een pagina. Dat kan. Lees in deze handleiding hoe je terug kunt gaan naar de vorige pagina.