conclusie
Voeg Button Basic in via de knop “+” en pas de voorinstelling toe om met slechts een paar klikken een mooie knop te maken. Stel gewoon uw tekst en link in en publiceer om aan de slag te gaan.
Stap 1: Plaats het blok
- Open het bericht- of paginabewerkingsscherm
- Klik op de knop + op de positie waar u een blok wilt toevoegen.
- Voer "Button Basic" in het zoekveld in
- Klik op het weergegeven Button Basic-blok om het in te voegen
Punt: Je kunt het ook vinden door te zoeken naar "zen" of "knop".
Stap 2: Pas de ontwerpvoorinstelling toe
- Selecteer het ingevoegde blok
- Klik op het Voorinstellingspictogram in de werkbalk bovenaan het blok
- Selecteer uw favoriete ontwerp uit de weergegeven lijst met voorinstellingen
Aanpassingstips: Gebruik de voorinstellingen als basis en voel je vrij om de kleur en het formaat later aan te passen. We raden u aan eerst een voorinstelling te kiezen die dicht bij uw algemene richting ligt.
Stap 3: Bewerk de tekst
- Klik direct op de tekst binnen het blok
- Voer de knoptekst in die u wilt weergeven (bijvoorbeeld "Neem contact met ons op", "Gratis starten")
Punt: Tekst kan rechtstreeks in de editor worden bewerkt. De lettergrootte en -dikte kunnen worden aangepast via het paneel "Tekstinstellingen" in de zijbalk.
Stap 4: Stel de koppeling in
- Terwijl het blok geselecteerd is, klikt u op het linkpictogram op de werkbalk
- Voer de bestemmings-URL van de link in
- Schakel indien nodig 'Openen in nieuw tabblad' in
- Bevestig met Enter-toets
Opmerking: U kunt schakelen tussen
a(link)/button(knopelement)/div(blokelement) door de tag op de werkbalk te selecteren. Er is geen probleem met normale linkknoppen, net als bij dea-tag.
Stap 5: Pas kleuren aan
- Open elk instellingenpaneel in de zijbalk
- De achtergrondkleur wijzigen Open het paneel Achtergrondinstellingen
- De tekstkleur wijzigen Open het paneel Tekstinstellingen
- Geef de kleur op met behulp van de kleurkiezer of kleurcode
Aanpassingstip: Door te zorgen voor een goede contrastverhouding tussen de achtergrondkleur van de knop en de tekstkleur, wordt de zichtbaarheid en toegankelijkheid verbeterd.
Stap 6: Controleer met voorbeeld
- Klik op de knop Voorbeeld bovenaan de editor
- Selecteer "Voorbeeld in nieuw tabblad"
- Controleer de zichtbaarheid van de knop aan de voorkant
- Controleer ook de wijzigingen bij het zweven en de overgang naar de linkbestemming.
Punt: De weergave op de editor en de weergave op de voorkant komen in principe overeen, maar het CSS-thema kan hierop van invloed zijn. Voer de definitieve bevestiging op de voorkant uit.
Stap 7: Publiceer uw pagina
- Als u tevreden bent met het uiterlijk en de link van de knop, klikt u bovenaan de editor op Publiceren of Bijwerken.
- Ga naar de voorpagina voor definitieve bevestiging
Als u meer gedetailleerde instellingen wilt maken
Button Basic heeft 18 soorten instelpanelen. Voor een gedetailleerde instelmethode verwijzen wij u naar knopBasisinstellingengids.
Hoofdinstellingenpaneel:
| paneel | Wat je kunt doen |
|---|---|
| tekst instellingen | Pas de lettergrootte, dikte, regelafstand en tekenafstand aan |
| Lay-out instellingen | Breedte, hoogte en marges aanpassen (marges en opvulling) |
| achtergrondinstellingen | Kleur/gradatie/afbeelding/patrooninstellingen |
| Randinstellingen | Pas de lijndikte, stijl, kleur en afgeronde hoeken aan |
| pictogram instellingen | Pictogrammen toevoegen, grootte en kleur instellen |
| Animatie-instellingen | Animatie bij zweven of weergeven (Pro-functie) |
volgende stap
Als u geïnteresseerd bent in de Pro-versie, kunt u de activeringsmethode controleren op [Pro-versie-activatie] (../pro-activation/).