Knoppen lijken misschien iets kleins, maar ze kunnen heel wat gewicht in de schaal leggen op uw website. Knoppen zijn een van de eenvoudigste manieren om bezoekers naar de actie te leiden waarvan je wilt dat ze die uitvoeren.
Van het leiden van mensen naar je productpagina tot het vragen om meer te lezen of je in te schrijven, een goed uitziende knop kan het verschil maken. Het goede nieuws is dat je geen codeervaardigheden nodig hebt om ze te ontwerpen.
WordPress heeft ingebouwde opties en met een beetje hulp van een blokplugin kun je nog meer controle krijgen over hoe je knoppen eruit zien en aanvoelen.
In deze post laat ik je drie eenvoudige methoden zien om stijlvolle knoppen te maken in WordPress.
We beginnen met de standaardeditor, gaan verder met een plugin die meer flexibiliteit biedt en eindigen met een bonusmethode voor het toevoegen van knoppen in tabellen. Laten we beginnen.
Maak prachtige tafels
Met blok-editor
✅Methode 1: Het standaard knoppenblok gebruiken
WordPress heeft een ingebouwd blok met knoppen dat in de meeste gevallen prima werkt. Je vindt het in de blok-editor als je op het kleine (+) pictogram klikt en zoekt naar "Knoppen".
Wanneer het knopenblok is ingevoegd, wordt aangegeven dat je tekst in de knop moet invoegen.
Zodra je het blok hebt ingevoegd, kun je één of meerdere knoppen naast elkaar toevoegen. Elke knop kan direct vanuit de rechter zijbalk worden aangepast. Je vindt opties voor:
- Knopbreedte (volledig of automatisch)
- Tekst en achtergrondkleur
- Opvullen en uitlijnen
- Randradius (voor afgeronde hoeken)
Het is een goed uitgangspunt, vooral als je een minimalistisch ontwerp aanhoudt.⚠️Maar je zult al snel tegen een limiet aanlopen als je meer stylingopties nodig hebt, zoals hover-effecten, kleurverlopen of responsieve spatiëring.
🛠️ Pro Tip: Wil je een perfect afgeronde knop? Stel de randradius in op 100 voor een knop in pilstijl.
✅Methode 2: Het knoppenblok van Ultimate Blocks gebruiken
Als je meer controle wilt zonder CSS te schrijven, Ultieme Blokken is een fantastische Gutenberg-plugin om te proberen. Het voegt een verbeterde Knoppen Blok die is gebouwd met maatwerk in het achterhoofd.
Het installeren van Ultimate Blocks is een eenvoudige taak.
-
Navigeer naar Plugins
-
Klik op Plugins toevoegen
-
Zoeken naar "Tableberg".
-
Klik op Installeerdan Activeer
Na het installeren en activeren van Ultimate Blocks, het blok "Knoppen (Ultimate Blocks)" toevoegen.
Om de knoppen van Ultimate Blocks in te voegen, klik je op het kleine (+) pictogram en zoek je naar "Button (Improved)".
Je merkt meteen het verschil als je de knop Ultimate Blocks toevoegt. Dit is wat je kunt aanpassen in de blokinstellingen:
-
Knop Motivering en oriëntatie
-
Knopgrootte
-
Knop Breedte