Hvis du er som de fleste begynderbloggere og endda mellemliggende, så har du absolut intet 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).

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.

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

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.

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 mulighed for at tilføje knapper til WordPress uden at bruge kortkoder. Men før du forlader dig, foreslår vi, at du konsulterer to WordPress plugins premium, der giver dig mulighed for effektivt at administrere kortkoder.

1. WPBakery Page Builder

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

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.

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 højt bedømt af Elegant Themes. Selvom det normalt bruges som en del af WordPress Divi-temaet, er Divi Builder også et selvstændigt plugin, som du kan bruge på andre WordPress-temaer.

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

Andre anbefalede ressourcer

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

• Call-to-Action-knapper Vol.III
• Premium 2.0 Web Call til Action Buttons
• Bedste WordPress-plugins til dit websted af bedst sælgere

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.

...