Hoe maak ik een kolom of card helemaal klikbaar?
Robert Oosterloo
Bijgewerkt op · 3 min lezen
Bezoekers klikken vaak op de foto of de titel van een tegel, niet alleen op de knop. Daarom is het prettig als de hele tegel klikbaar is. In leflite kan dat met een paar blokken, maar niet met elke kolom. Hier lees je welke manier je kiest.
In het kort
- De blokken Card normaal en Card simpel zijn helemaal klikbaar.
- De klik gaat naar de eerste link in de card, meestal de knop.
- Cards uit het blok Uitlichten zijn vanzelf klikbaar.
- Een kolom met Kolom weergeven als card is niet in zijn geheel klikbaar.
Kort antwoord
Wil je een klikbare tegel, gebruik dan een Card-blok of het blok Uitlichten in plaats van een kolom als card. Moet alleen een foto klikbaar zijn, gebruik dan het blok Afbeelding met een link.
Optie 1: het blok Card
- Klik in een kolom op de + en kies onder Cards het blok Card normaal of Card simpel.
- Vul de afbeelding, titel en tekst in.
- Voeg bij Knoppen een knop toe en kies bij Button de pagina waar de card naartoe moet.
Op je site is nu de hele card klikbaar: de foto, de titel, de tekst en de knop. Hoe je een card verder invult, lees je in een card met afbeelding, tekst en knop.
De eerste link bepaalt waar de klik heen gaat
- Klik je ergens op de card, dan ga je naar de eerste link in de card. Dat is meestal de eerste knop, maar een link in de tekst die eerder staat telt ook.
- Opent die link in een nieuw tabblad, dan opent de hele card ook in een nieuw tabblad.
- Links naar een telefoonnummer of e-mailadres worden overgeslagen: die maken de card niet klikbaar.
- Bij Card simpel is de card alleen klikbaar als de lees-meer-knop niet verborgen is.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
Optie 2: Uitlichten (automatisch klikbaar)
Het blok Uitlichten haalt zelf pagina’s, berichten of andere items op en toont ze als cards. Die cards linken vanzelf naar het item, en de hele card is klikbaar. Dat geldt voor de card templates Card-default, Card-simple en Card-portfolio. Reviews (Card-reviews) zijn niet klikbaar, die hebben geen eigen pagina. Lees het blok Uitlichten.
Optie 3: een afbeelding met link
Wil je alleen een foto klikbaar maken, bijvoorbeeld een banner? Gebruik het blok Afbeelding en vul Afbeelding link (optioneel) in. Zie een afbeelding met bijschrift of link plaatsen.
Wat niet kan: een card-kolom klikbaar maken. Een kolom waarbij je Kolom weergeven als card hebt aangezet, blijft een gewoon vak. Alleen de knoppen en links erin zijn klikbaar. Heb je zo’n kolom gemaakt en wil je hem klikbaar? Vervang de inhoud dan door een Card-blok. Meer over card-kolommen in een kolom als card tonen.
Lukt het niet?
- De card is niet klikbaar: heeft hij een knop of link? Zonder link weet de card niet waar hij heen moet.
- De card gaat naar de verkeerde pagina: er staat een link in de tekst vóór de knop. Haal die weg of zet de knop met de juiste link eerst.
- Een Card simpel is niet klikbaar: staat Lees meer knop verbergen aan? Zet hem uit.
- Je wilt dat de card belt of mailt: dat kan alleen met de knop zelf. Zet de telefoonlink op een knop; de rest van de card blijft dan niet klikbaar.
Veelgestelde vragen
De knop wel, de hele card niet: telefoon- en maillinks worden overgeslagen.
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Meer ruimte tussen blokken
Tabbladen met Sectie tabs
Subpagina's automatisch als tegels
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.