Hvis du er som de fleste nybegynnere bloggere og til og med middels, så har du definitivt ingen kunnskap om HTML/CSS. Mange bloggere (som meg) foretrekker å bruke plugins som lar dem legge til knapper i innleggene eller sidene ved hjelp av kortkoder. Men disse kortkodene - korte koder - er vanskelig å huske og vanskelig å konfigurere.

I denne artikkelen vil vi vise deg hvordan du legger til knapper WordPress uten å bruke kortkoder.

Hvis du er ukjent med WordPress-verdenen, kan du oppdage Hvordan installere en WordPress blogg 7 trinn

Det første du trenger å gjøre er å installere og aktivere plugg inn « Glem snarvei knapper '.

Når du har aktivert dette plugg inn, trenger du bare å lage en ny publikasjon eller endre en allerede eksisterende, og du vil se en ny knapp i Visual Editor med tittelen « Sett inn knapp » (Legg On en knapp).

For å sette inn en ny knapp i publikasjonen eller siden din, må du klikke på knappen Sett inn en knapp. Dette vil få opp et vindu der du kan designe din nye knapp.

Alt du trenger å gjøre er å legge til knappetekst og url, og deretter velge tekst og bakgrunnsfarger. Klikk deretter på rullegardinmenyen til alternativet 'Type'Å velge formen på knappen. Du kan også velge størrelsen på knappen.

Fullfør kunnskapen din ved å oppdage Hvordan bruke og administrere kortkoder WordPress

Hvis du klikker på fanen « Ikon », vil du kunne se ikonene du kan legge til før eller etter teksten på knappene dine. disse ikoner er mer nøyaktig ikon-fonter.

Under prosessen med å opprette knapper vil du kunne få en forhåndsvisning i sanntid av hver av endringene dine. Når du er fornøyd med utseendet, klikker du bare sett.

Sjekk ut denne artikkelen og beundre Hvordan forbedre utformingen av WordPress elementer med disse gratis kortkoder

Du kan også velge justeringsmetodene fra redigeringsprogrammet for å justere knappen mot midten, venstre eller høyre. Dobbeltklikk på knappen for å få frem redigeringsvinduet for knapper, og du kan redigere knappen hvis du vil.

På dette nivået har du nå muligheten til å legge til knapper i WordPress uten å bruke kortkoder. Men før du forlater deg, foreslår vi at du konsulterer to WordPress plugins premium som lar deg administrere kortkoder effektivt.

1. WPBakery Page Builder

WPBakery Page Builder, tidligere kjent som Visual Composer, er en annen premium og ekstremt populær sidebygger. Mye av denne populariteten kommer fra det faktum at WPBakery Page Builder kommer med nesten 99 % av WordPress-temaer av ThemeForest. Men faktum gjenstår at det brukes på et veldig stort antall nettsteder.

I likhet med Divi Builder, lar WPBakery Page Builder deg både visuell redigering og backend-redigering. Sammenlignet med noe som Elementor eller Divi Builder, er WPBakery Page Builder stylingsalternativer litt begrensede. Du har god kontroll over linjene, men stylingsalternativene for de enkelte elementene er litt mer begrensede.

Hvis du vil bruke din egen CSS, kan du legge til en tilpasset CSS-klasse eller ID til individuelle elementer, eller du kan legge til faktiske stiler på sidenivået.

Jeg er ikke sikker på at WPBakery Page Builder har unike funksjoner som er spesielt bemerkelsesverdige. Men det han har er et stort fellesskap av utvidelser. I likhet med Divi Builder, etterlater WPBakery Page Builder en rekke kortkoder i innholdet ditt hvis du deaktiverer det. Oppdag opplæringen

Last ned | dEMO | Webhotell

2. Divi Builder

Divi Builder er en sidebygger av høy kvalitet som er høyt rangert av Elegant Themes. Selv om det vanligvis brukes som en del av WordPress Divi-temaet, er Divi Builder også en frittstående plugin som du kan bruke på andre WordPress-temaer.

I motsetning til de to foregående utbyggerne, lar Divi Builder deg redigere innholdet ditt ved hjelp av et visuelt grensesnitt på frontenden, samt et grensesnitt på baksiden, selv om de fleste brukere foretrekker det første grensesnittet. .

I utgangspunktet i stedet for sidelinjene er det alt i popup-vinduer og flytende knapper. Det gir deg tilgang til 316 forhåndsdesignede maler fordelt på 40 forskjellige presentasjonspakker, samt muligheten til å lagre dine egne design som maler.

Et av Divis trekk har alltid vært kontrollen over stilene han gir deg. På tre forskjellige faner kan du konfigurere forskjellige innstillinger, inkludert responsive kontroller, tilpassbar avstand og mer.

Du kan til og med legge til tilpasset CSS, da CSS-editoren inkluderer grunnleggende validering og automatisk fullføring. En av kritikkene til Divi Builder har alltid vært at den er avhengig av kortkoder. Hvilket betyr at hvis du noen gang slår den av, vil den legge igjen en rekke kortkoder i innholdet ditt. Selv om dette er litt deprimerende, er det mindre av et problem nå at plugins som Shortcode Cleaner eksisterer. 

Last ned | dEMO | Webhotell

Andre anbefalte ressurser

Gå videre med å mestre WordPress-nettstedet ditt ved å også konsultere disse anbefalte ressursene.

• Call-to-Action-knapper Vol.III
• Premium Web 2.0 Ring til handlingsknapper
• Beste WordPress-plugins for nettstedet ditt av bestselgere

konklusjonen

Det er det! Vi håper denne artikkelen vil hjelpe deg å legge til knapper til WordPress uten å bruke kortkoder. Hvis du har noen forslag eller kommentarer, er de velkomne.

Vi inviterer deg også til å konsultere vår ressurser hvis du er en nybegynnerblogger. Men, nVi oppfordrer deg til det del denne artikkelen på de forskjellige sosiale nettverkene dine.

...