WordPress Tutorials
Link plaatsen in een Widget van WordPress
Je wilt in een van je widgets een link plaatsen die linkt naar een andere pagina. Dit kan direct zijn, zonder dat er een nieuw scherm wordt geopend, maar dit kan ook in een nieuws scherm
Eenvoudige html link maken
Je kan kan heel eenvoudig een link maken zonder technische kennis. Volg hieronder ons stappenplan en plaats je link in de wigets:
1. Maak een nieuwe pagina aan
2. Tip het woord of het adres wat moet gaan linken
3. Selecteer het woord of het adres of de woorden
4. Na de selectie klik je op het kettinkje naast rechts uitlijnen
Er wordt nu een nieuwe scherm geopend.
5. Typ bij url het adres waar het woord naartoe moet linken (met http:// ervoor)
6. Type de titel die de link moet hebben
7. Klik nu op link toevoegen.
Je hebt nu de link aangemaakt, maar je ziet de code niet. Als je deze tekst kopieert dan kopieer je alleen de tekst en niet met de html code erachter. Klik daarom nu op het kopje “tekst” rechts bovenin.
Je zit nu de html code die je kan kopiëren. De code lijkt zeer waarschijnlijk op onderstaande code:
<a title="Ga naar onze woocommerce theme website" href="http://www.woocommercetheme.nl" target="_blank">code</a>
Hierboven zie je de html code van het woord code die linkt naar de pagina: www.woocommercetheme.nl
Uitleg:
a title = “dit is de html code waar je een titel kan opgeven”
href = “dit is de html code waar je de pagina kan op geven waar het woord naartoe moet linken”
target = “dit is de html code of de pagina in een nieuwe of bestaande pagina geopend moet worden”
_blank = “dit is de html code wat betekent dat de pagina in een nieuwe pagina wordt geopend”
Jou gemaakte code kopieer je en die plak je in de desbreffende tekst widget. Na het opslaan van deze widget moet het werken. Heb je vragen? Laat dan vrijblijvend hieronder een berichtje achter en wij zullen deze zo snel mogelijk beantwoorden.
Beste Maarten,
Ik wil een link plaatsen in een Widget naar een interne pagina.Deze widget bevat een image. Maar dit lukt mij helaas niet. Ook niet met jouw uitleg op de site.
Het thema is Zerif.
In de widget “Our focus section” (die ik heb vernoemd) wil ik, wanneer er op de image wordt geklikt dat er doorgelinkt wordt naar een andere site (intern). Helppppppp 😉
Bij voorbaat dank voor je uitleg.
Met vriendelijke groet,
Amy
Deze oplossing zocht ik al enige tijd, Bedankt!
Vrgr., Jos
Graag gedaan Jos! 🙂
Dankjewel! Gelukt!
Bedankt voor je positieve reactie! Goed om te lezen dat het werkt. Succes met je website!
Ook altijd afgevraagd of het mogelijk is. Dank je wel Top!
Beste Henri, Nogmaals bedankt voor je reactie. Inmiddels weet je dat het zeker mogelijk is om een link te plaatsen naar een externe pagina. Succes met jullie website.
Dit is eindelijk een duidelijke uitleg die ondersteund wordt met beeld! Heerlijk! Dank je wel hiervoor!
Ik wil graag een icoon linken met een pagina. Hoe ga ik dan te werk?
Beste Ilse, hartelijk bedankt voor je positieve reactie. Daar doen we het uiteindelijk allemaal voor! Je kunt een afbeelding linken naar een specifieke pagina. Wanneer je in de visuele editor een afbeelding toevoegt en dan een externe link toevoegt naar de specifieke pagina, vervolgens kun je via het HTML gedeelte de html code kopiëren en plaatsen in je widget. Succes!
Hallo Maarten,
Op mijn website staat een footer widget area met een icoon van facebook. Als je daar op klikt moet je op mijn facebook komen maar deze link werkt niet (meer)
Hoe krijg ik dat weer terug ?
Tevens wil ik in mijn fearst feature area doorverwezen worden naar het menukopje overhemdenstrippenkaart. Maar ook dat krijg ik niet voor elkaar.
Bij voorbaat dank !
Mvg Lydia
Hi Lydia, bedankt voor je reactie. Je kunt via Weergave > Widgets je Facebook icon aanpassen doormiddel van de juiste URL te plaatsen. Wat betreft je tweede vraag is het beter om even via de mail contact met ons op te nemen zodat ik op je website kan kijken wat je precies bedoelt met fearst feature area. Mail gerust!
Hoi, op zich vind ik jouw filmpje super duidelijk, alleen heb ik als ik een nieuwe pagina aanmaak niet de optie rechts bovenin van visueel/tekst. Ik kan daarmee dus ook niet de laatstel handeling verrichten. Hoe los ik dit op. Thanks!
Hi Wendy, bedankt voor je reactie. Waarschijnlijk heb je dan een oudere WordPress versie. Het beste kun je even je WordPress website helemaal updaten, vervolgens kun je in de WordPress Gutenberg omgeving kiezen voor HTML tekst of de visuele editor van Gutenberg! Succes