[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {bakgrunnsfarge: # f8f6f6! viktig;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0p ! viktig; kant-bunn-bredde: 0px! viktig; polstring-bunn: 0px! viktig;} "] [vc_column_text]

Divi: det enkleste WordPress-temaet som skal brukes

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler.

Hvis du er som de fleste nybegynnere og til og med mellombloggere, har du absolutt 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).

FASB-editorbutton

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.

designyourbutton

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

Opprett enkelt nettstedet ditt med Elementor

Elementor lar deg lage Enkelt og gratis ethvert nettsted eller bloggdesign med et profesjonelt utseende. Slutt å betale mye for et nettsted du kan gjøre selv.

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.

buttonswithicons

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 på WordPress uten å bruke kortkoder. Men før du forlater deg, foreslår vi at du sjekker ut to premium WordPress-plugins som gjør at du effektivt kan administrere kortkoder.

1. WPBakery Page Builder

Ønsker du å selge produktene dine på internett?

Last ned WooCommerce gratis, de beste e-handelspluginene for å selge dine fysiske og digitale produkter på WordPress og enkelt lage din nettbutikk. Perfekt for nybegynnere.

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

wp bakeri sidebygger e1544277016913
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 verdsatt av elegante temaer. Selv om det vanligvis brukes som en del av Divi WordPress-temaet, er Divi Builder også en frittstående plugin som du kan bruke på andre WordPress-temaer.

divi e1544278044306

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.

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.

...  

2 aksjer
del
tweet
Enregistrer2