Sådan tilføjer du en knap i WordPress-editoren [tutorial].

Hvorfor er WordPress' knapblok så vigtig?

Navigation på hjemmesiden er vigtig for besøgende og kunder. Vi ønsker at sende dem fra en underside videre. Guide dem gennem hele indkøbsprocessen. Derfor er det vigtigt at indsætte vigtige links korrekt i sideindholdet.

Dybest set har vi 2 muligheder. Brug et standardlink eller en knap. Der er forskellige meninger om, hvornår man skal bruge den første og den sidste mulighed. Det er normalt, at der er flere mulige handlinger på en side. Vi er nødt til at sikre os, hvilken der er primær, og hvilken der er sekundær. Vi anbefaler, at du kun bruger knappen til den primære handling. På den måde opnår du større synlighed af denne primære handling. Du fokuserer de besøgendes opmærksomhed på denne handling. Vi kan også kalde det en call-to-action-knap. Lav ikke for mange knapper på en underside.

Hvad er hovedknappernes funktioner?

• Knapper kan få besøgendes opmærksomhed - call to action
• De adskiller side- eller indlægsindhold og gør det mere læsbart.
• Hjælp med orientering på siden. Mange besøgende scanner kun siden visuelt med øjnene.
• Naviger besøgende til andre sider ved hjælp af hyperlinks

Der er mange parametre, der afgør, om en knap bliver en succes. Vigtigt er for eksempel størrelse, placering eller knapfarve. Det er nødvendigt at følge standard UI og UX principper. Grøn farve bruges til knapper med positiv handling, for eksempel til at købe noget. Rød farve er til negative handlinger - f.eks. at afmelde sig nyhedsbrevet. Korrekt designede knapper har på den måde direkte indflydelse på de besøgendes handlinger.

Tilføjelse af knap på enhver side eller ethvert indlæg i WordPress

Situationen før WordPress 5

At tilføje knapper var en ret kompliceret proces, før WordPress Block Editor blev opfundet. Fordi denne funktion ikke var en naturlig del af WordPress. Du kan bruge et tema med Page Builder eller et tredjepartsplugin. Shortcodes opretter knapper i dette tilfælde.

I vores ældre WordPress-temaer kan du tilføje knapper ved hjælp af kortkoder i den visuelle editor. Når du har klikket på Insert Shortcode -> Button, kan du indstille forskellige indstillinger i modalvinduet. Tekst, tekstfarve, knapfarve, url, justering og så videre. Takket være disse avancerede indstillinger kan du nemt og hurtigt tilføje en knap uden nogen form for programmering.

Hvordan bruger man knapblokken i WordPress-editoren?

Takket være WordPress 5 er der en anden måde. Meget nemmere. WordPress' visuelle editor indeholder mange nyttige blokke. Hvis du vil oprette en knap på din hjemmeside, kan du nu bruge WordPress Button-blokken i editoren.

Trin-for-trin-guide til, hvordan du tilføjer en knap i WordPress-editoren

1. Først skal du beslutte, hvor du vil indsætte knappen
2. Knapblokken kan tilføjes på forskellige måder:
- ved at klikke på "+" i topbjælken eller hvor som helst i blokeditoren, hvor du vælger knapblok

- Du kan også finde en hvilken som helst blok ved hjælp af søgefeltet, bare skriv "knap".

- ved at skrive "/", der giver dig adgang til alle tilgængelige blokke

3. Den oprettede knapblok kan konfigureres yderligere

Tilføj knaptekst og URL-adresse

Så snart WordPress Block-knappen er oprettet, kan du skrive tekst inde i den. Husk, at det er bedre at bruge en kort tekst med et klart budskab til en call to action-knap. Du kan indstille teksten til at være fed, kursiv eller understreget. Alle disse ændringer kan foretages ved at klikke på værktøjslinjen. Du kan også justere knappen til siden eller centrere den.

Knappen peger normalt på en anden side eller et eksternt websted. Derfor er der lige under den et input til at tilføje en URL-adresse. Fordelen er, at tilføjelse af URL ikke kræver valg af tekst.

Ændring af knappens farve

Ny editor giver dig mulighed for at ændre WordPress-knapblokken på få sekunder. Bare brug indstillingerne i sidepanelet i højre side. Du kan ændre knappens baggrundsfarve eller tekstfarven inde i knappen. Der er grundlæggende foruddefinerede farver, eller du kan vælge dine egne. Alle ændringer er synlige med det samme, så du kan se, om farvekombinationen er i orden.

En god funktion er, at hvis du vælger forkerte kombinationer, f.eks. grå baggrund og hvid tekstfarve, vil WordPress Block Editor advare dig om, at knappen ikke kan læses på din hjemmeside.

Find din egen knapstil

For at oprette eller ændre knappen ultrahurtigt og uden besvær kan du bruge en af de forberedte stilarter. Knappen kan på den måde ændres til f.eks. afrundet, kantet eller rektangulær. Eksperimenter med, hvad der passer bedst til din hjemmesides stil eller design.

Redigering af knap med brugerdefineret CSS

Endnu større tilpasning kan opnås ved hjælp af tilpassede CSS-klasser. På den måde kan du tilføje dine egne CSS-stilarter og style-knappen i WordPress-editoren, præcis som du ønsker.

Som vi kan se, er der en meget nemmere måde end at bruge knap-kortkode. WordPress Button Block kan bruges i ethvert tema, der er kompatibelt med WordPress Block Editor. Læs mere om vores helt nye Citadela WordPress-tema. Det er specielt designet og udviklet til WordPress Block Editor.

Ekstra tip til sidst

Glem ikke at overvåge din WordPress-knapblok og selve knappens succes. Hvis du bruger Google Analytics, kan du oprette en unik URL. For at spore besøgendes klik kan du tilføje Google UTM-parameter. URL kan oprettes ved hjælp af URL builder. Tilføjelse af parametre giver dig mulighed for at identificere kilden til besøget. Det er meget nyttigt, hvis du ønsker at vide, hvorfra besøgende kom til din shoppingside.

Hvad er det største problem, du i øjeblikket har med WordPress' knapblok? Lad os diskutere det i kommentarerne nedenfor. Del din erfaring med at bruge knapper på hjemmesiden.