Slik legger du til knapper i WordPress-innlegg eller sider (selv om du ikke vet hvordan du skal kode)

WordPress

Prøver du å finne en måte å legge til knapper i WordPress-innlegg og sider? Knapper lar deg legge til flere oppmerksomhetssikre lenker i WordPress-innholdet ditt. Men det er en ting som hindrer deg i å sette inn en knapp i ditt neste WordPress-innlegg:

Med mindre du vet hvordan du skal kode, tilbyr ikke WordPress faktisk noen måte å legge til knapper i innleggene eller sidene dine som standard. Men ikke bekymre deg – alt er ikke tapt.

Det er plugins som lar deg legge til knapper i WordPress uten å vite noen kode. Og i dette innlegget skal jeg gi deg guider for hvordan du bruker to av disse programtilleggene. Du lager nydelige WordPress-knapper på kort tid!

Contents

1 Hva er det med WordPress-knapper, uansett?
2 Hvordan kan du legge til knapper i WordPress?

Hva er det med WordPress-knapper, uansett?

Det meste av tiden, hvis du trenger en knapp med spesifikk funksjonalitet, vil den allerede være samlet med hva plugin tilbyr funksjonaliteten du trenger. Hvis du for eksempel bruker et kontaktskjema-plugin, oppretter det automatisk en Sende for å gå sammen med skjemaet ditt.

Og selv om disse knappene hjelper til med spesifikke situasjoner, dekker de ikke scenariet du trenger å legge til knapper i WordPress-innlegg eller sider. Noe som er uheldig … fordi det er veldig gunstig for nettstedet ditt å inkludere knapper i innleggene og sidene.

Se, knapper fanger leserens oppmerksomhet. Så hvis du vil understreke en viss lenke i innlegget ditt, er en knapp et flott alternativ.

For eksempel bruker søsternettstedet CodeinWP knapper for å hjelpe lesere til å få WordPress-hosting av høy kvalitet:

Er ikke det mer oppmerksomhet enn en vanlig ‘ole-lenke til SiteGround?

Det beste av alt er at du kan bruke knapper for å koble til eksterne nettsteder eller sende lesere til viktige områder på ditt eget nettsted. Pluginsene jeg skal vise deg, lar deg knytte knappene til hvilken som helst URL du ønsker.

Hvordan kan du legge til knapper i WordPress?

Det er noen forskjellige måter å legge til knapper i WordPress. De mest populære metodene er:

Kortkodekonstruktører
Ikke-kortknappekonstruktører
HTML / CSS

Siden den tredje ikke er veldig nybegynnervennlig, vil jeg hoppe over den for nå. Det har uansett for mange akronymer!

For å håndtere de to første metodene, kan du bruke plugins. Nedenfor vil jeg anbefale to av de mest populære alternativene og gi deg en rask opplæring om hvordan de hjelper deg å legge til knapper i WordPress.

Hvordan legge til knapper i WordPress med MaxButtons

MaxButtons lar deg legge til knapper i WordPress ved å bruke kortkoder. Prosessen med å lage knapper kan være litt tidkrevende fordi den er et eget grensesnitt, men den lar deg lage noen virkelig vakre og unike knapper.

For å lage WordPress-knapper med MaxButtons, trenger du bare å laste ned og installere plugin-modulen. Deretter kan du opprette en knapp ved å klikke på MaxButtons lenke i sidefeltet på dashbordet. Dessverre kan du ikke legge til knapper direkte i WordPress Editor, selv om plugin gjør det enkelt å sette inn knapper du allerede har opprettet.

Når du er på MaxButtons-siden, trenger du bare å klikke på Legg til ny knapp:

Du vil se tonn av opsjoner. Men de viktigste innstillingene er i den første boksen. Mange av de andre alternativene er bare der i tilfelle du vil ha ekstra kontroll over hvordan knappen din ser ut.

Dette er hva du trenger å oppgi i den første boksen:

Knappenavn – besøkende vil aldri se dette – det er bare for å hjelpe deg å huske.
URL – dette er koblingen folk vil gå til når de klikker på knappen din.
Tekst – dette er ordene som faktisk vil vises på knappen din

Du kan også endre skrifter og skriftfarger hvis du vil.

Når du gjør alle disse endringene, vil du se en forhåndsvisning av sanntid på knappen til høyre på skjermen:

Lenger nede på siden kan du også endre knappens bakgrunn, legge til en kant og mer. Fordi du kan forhåndsvise knappen din i sanntid, er det enkelt å leke seg med disse innstillingene og umiddelbart se hvordan de påvirker knappen din:

Når du er fornøyd med knappen din, klikker du på Lagre -knappen øverst på siden.

For å legge til knappen din i WordPress Editor, trenger du bare å klikke på MaxButtons-knappen:

Klikk deretter på knappen du vil sette inn:

Du vil ikke se knappen din i WordPress Editor. Men når du publiserer innlegget ditt, vil knappen din være der!

Det er bare en ting å vurdere hvis du planlegger å bruke MaxButtons:

Fordi MaxButtons er avhengig av kortkoder, hvis du noen gang deaktiverer MaxButtons-plugin, vil alle knappene dine forsvinne.

Hvis du ikke liker ideen om at det skal skje, kan det være lurt å bruke en ikke-kortkodebygger-plugin. Og for det anbefaler jeg:

Hvordan legge til knapper i WordPress med glem om kortknapper

Glem kortknapper er et annet enkelt alternativ for å legge til knapper i WordPress. Men som du kanskje kan hente fra navnet, bruker den ikke noen snarvekoder. Det betyr at du kan deaktivere plugin på et senere tidspunkt, og alle knappene dine vil være intakte.

Slik bruker du det:

Når du har installert og aktivert Forget About Shortcode-knapper, kan du opprette knapper rett i WordPress Editor.

Bare klikk på det nye Sett inn knapp ikonet på formateringslinjen:

Deretter trenger du bare å legge til knappetekst, en URL og velge noen farge- og stilalternativer. Akkurat som med MaxButtons, kan du forhåndsvise alle endringene dine i sanntid:

Hvis du vil legge til et ikon på knappen din, kan du hoppe over til Ikon tab:

Og hvis du tror du kanskje trenger å bruke samme knappestil om og om igjen, kan du lagre knappen din som en mal ved å klikke på Diskett ikon:

Og når du er klar til å sette inn knappen, klikker du bare Sett inn.

Du bør se knappen din sitte der i WordPress Editor. Du kan til og med bruke justeringsalternativene for WordPress Editor for å flytte det rundt:

Andre alternativer for å legge til knapper i WordPress

Hvis ingen av pluginene ovenfor snakker med deg, er en annen knapptillegg som er verdt å sjekke ut:

Gutenberg Blocks and Template Library av Otter – et fint alternativ fordi det kommer med en rekke forskjellige Gutenberg-blokker inkludert en for knapper.

Og hvis du vil bli skikkelig kreativ, kan du lese om hvordan du bruker HTML og CSS til å lage WordPress-knapper. Men foreløpig er det helt greit å bruke disse programtilleggene for å legge til knapper i WordPress-innlegg!

Hvis du trenger noe som er forklart mer grundig, kan du gjerne spørre bort i kommentarfeltet nedenfor.