Gå til hovedindhold

Hvordan at tilføje knapper til WordPress uden brug af kortkoder

Divi: Det nemmeste WordPress tema at bruge

Divi: Det bedste WordPress tema hele tiden!

mere 901.000 downloads, Divi er det mest populære WordPress tema i verden. Den er komplet, nem at bruge og leveres med mere end 62 gratis skabeloner. [Anbefalet]

Hvis du er som de fleste nybegynder og endda mellemliggende bloggere, har du bestemt ikke kendskab til HTML / CSS. Mange bloggere (som mig) foretrækker at bruge Plugins der giver dem mulighed for at tilføje knapper til deres indlæg eller sider ved hjælp af kortkoder. Men disse kortkoder - korte koder - er vanskelige at huske og vanskelige at konfigurere.

I denne artikel vil vi vise dig, hvordan du tilføjer knapper WordPress uden brug af kortkoder.

Hvis du er ny inden for WordPress-verdenen, skal du opdage Sådan installeres en WordPress blog 7 trin

Den første ting du skal gøre er at installere og aktivere plugin « Forget About shortcode Knapper '.

Når du har aktiveret dette plugin, skal du bare oprette en ny publikation eller rediger en allerede eksisterende, og du vil se en ny knap i Visual Editor med titlen « Indsæt-knap » (Add On en knap).

FASB-editorbutton

For at indsætte en ny knap i din publikation eller side skal du klikke på knappen Indsæt en knap. Dette åbner et vindue, hvor du kan designe din nye knap.

designyourbutton

Alt hvad du skal gøre er at tilføje knaptekst og url og derefter vælge tekst og baggrundsfarver. Klik derefter på rullemenuen for indstillingen 'Type'For at vælge formen på din knap. Du kan også vælge størrelsen på knappen.

Fuldfør din viden ved at opdage Hvordan at bruge og administrere Kortkoder WordPress

Opret nemt dit websted med Elementor

Elementor giver dig mulighed for nemt at oprette ethvert webstedsdesign med et professionelt look. Stop med at betale dyre for hvad du selv kan gøre. [Gratis]

Hvis du klikker på fanen « ikon », vil du være i stand til at se de ikoner, du kan tilføje før eller efter teksten på dine knapper. disse Ikoner er mere nøjagtigt ikon-skrifttyper.

buttonswithicons

Under processen til oprettelse af knapper vil du kunne få en forhåndsvisning i realtid af hver af dine ændringer. Når du er tilfreds med udseendet, skal du bare klikke indsætte.

Tjek denne artikel og beundre Hvordan man kan forbedre designet af dine WordPress emner med disse gratis kortkoder

Du kan også vælge justeringsmetoder fra editoren for at justere knappen til midten, venstre eller højre. Dobbeltklik på knappen for at få vist redigeringsvinduet til knappen, og du kan redigere knappen, hvis du vil.

På dette niveau har du nu muligheden for at tilføje knapper på WordPress uden at bruge kortkoder. Men inden du forlader dig, foreslår vi, at du tjekker to premium WordPress-plugins, der giver dig mulighed for effektivt at administrere kortkoder.

1. WPBakery Page Builder

En anden premium og ekstremt populær sidebygger er WPBakery Page Builder, tidligere kendt som Visual Composer. Meget af denne popularitet kommer fra det faktum, at WPBakery Page Builder kommer med næsten 99% af WordPress-temaerne fra ThemeForest. Men faktum er, at det bruges på et meget stort antal hjemmesider.

wp bageri sidebygger e1544277016913
Ligesom Divi Builder giver WPBakery Page Builder dig både visuel redigering og backend-redigering. Sammenlignet med noget som Elementor eller Divi Builder er WPBakery Page Builder's stylingmuligheder lidt begrænsede. Du har god kontrol over linjerne, men stylingmulighederne for de enkelte elementer er lidt mere begrænsede.

Leder du efter de bedste WordPress-temaer og plugins?

Download de bedste plugins og WordPress-temaer på Envato og nemt oprette dit websted. Allerede mere end 49.720.000 downloads. [EXCLUSIVE]

Hvis du vil bruge din egen CSS, kan du tilføje en brugerdefineret CSS-klasse eller ID til individuelle elementer, eller du kan tilføje faktiske stilarter til sideniveau.

Jeg er ikke sikker på, at WPBakery Page Builder har unikke funktioner, der er særlig bemærkelsesværdige. Men hvad han har, er et stort samfund af udvidelser. Ligesom Divi Builder efterlader WPBakery Page Builder en mangfoldighed af kortkoder i dit indhold, hvis du deaktiverer det. Oplev selvstudiet

Downloade | demo | Web-hosting

2. Divi Builder

Divi Builder er en sidebygger af høj kvalitet, der er meget værdsat af elegante temaer. Selvom det normalt bruges som en del af Divi WordPress-temaet, er Divi Builder også et selvstændigt plugin, som du kan bruge til andre WordPress-temaer.

divi e1544278044306

I modsætning til de to foregående bygherrer giver Divi Builder dig mulighed for at redigere dit indhold ved hjælp af en visuel grænseflade på front-enden samt en grænseflade på back-end, selvom de fleste brugere foretrækker den første grænseflade. .

Dybest set i stedet for sidebjælker er det alt i pop op-vinduer og flydende knapper. Det giver dig adgang til 316 foruddesignede skabeloner fordelt på 40 forskellige præsentationspakker samt muligheden for at gemme dine egne designs som skabeloner.

Et af Divis træk har altid været kontrollen med de stilarter, han giver dig. På tre forskellige faner kan du konfigurere forskellige indstillinger, herunder responsive kontroller, tilpasset afstand og mere.

Du kan endda tilføje tilpasset CSS, da dens CSS-editor inkluderer grundlæggende validering og automatisk udfyldelse. En af kritikerne fra Divi Builder har altid været, at den er afhængig af kortkoder. Hvilket betyder, at hvis du nogensinde slukker for det, vil det efterlade en masse kortkoder i dit indhold. Selvom dette er lidt deprimerende, er det mindre af et problem nu, at der findes plugins som Shortcode Cleaner. 

Downloade | demo | Web-hosting

Opret nemt din online butik

Download gratis WooCommerce, de bedste e-handels-plugins til at sælge dine fysiske og digitale produkter på WordPress. [Anbefalet]

Andre anbefalede ressourcer

Gå videre med at mestre dit WordPress-websted ved også at konsultere disse anbefalede ressourcer.

Konklusion

Det er det! Vi håber, at denne artikel vil hjælpe dig med at føje knapper til WordPress uden brug af kortkoder. Hvis du har nogle forslag eller bemærkninger, er de velkomne.

Vi inviterer dig også til at konsultere vores ressourcer, hvis du er en begynderblogger. Men nVi opfordrer dig til det del denne artikel på dine forskellige sociale netværk.

...  

Denne artikel indeholder kommentarer 4

  1. Jeg fandt et plugin, der ser sådan ud:
    -> glem-om-kortkode-knapper
    ved at skrive på wordpress shortcode-knap
    Held og lykke 🙂

Skriv en kommentar

Din e-mail-adresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *

Dette websted bruger Akismet til at reducere uønskede. Få flere oplysninger om, hvordan dine kommentarer data bruges.

Tilbage til toppen